/* Doplňky obrazovek Nabídky (nástěnka), Dokumenty (balík nabídky) a Nastavení. Jen proměnné z app.css; třídy nab-* a nas-*. */

/* ---------- Dokumenty zadavatele ---------- */
.nab-zip { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; padding: 12px 14px; background: var(--plocha-2); border: 1px solid var(--linka); border-radius: var(--r2); }
.nab-zip-text { display: flex; gap: 12px; align-items: center; min-width: 0; }
.nab-zip-text .ikona { width: 22px; height: 22px; color: var(--text-3); }
.nab-podnadpis { margin: 18px 0 8px; }
.karta .nab-soubory { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.nab-soubory li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; padding: 7px 0; border-top: 1px solid var(--linka); }
.nab-soubory li:first-child { border-top: 0; }
.nab-soubor { flex: 1 1 260px; min-width: 0; overflow-wrap: anywhere; }
.nab-dalsi-soubory { margin-top: 6px; }
.nab-dalsi-soubory > summary { margin-bottom: 4px; }

/* ---------- Balík nabídky ---------- */
.nab-uvod { display: grid; gap: 6px; margin-top: 8px; }
.nab-cena { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 20px; padding: 12px 16px; background: var(--plocha); border: 1px solid var(--linka); border-radius: var(--r2); box-shadow: var(--stin); }
.nab-cena-cisla { display: grid; gap: 2px; min-width: 0; }
.nab-cena-cisla .popis { font-size: 12px; color: var(--text-3); font-weight: 500; }
.nab-cena-cisla strong { font-size: 16px; }
.nab-balik { display: grid; gap: 14px; }
.nab-hlava { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 8px 16px; }
.nab-titul { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-width: 0; }
.nab-titul h3 { overflow-wrap: anywhere; }
.nab-bezi { display: flex; gap: 12px; align-items: center; padding: 12px 14px; background: var(--akcent-jemny); border-radius: var(--r2); }
.nab-bezi .nacitani { flex: none; }
.nab-info { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.nab-mira { display: grid; gap: 8px; }
.nab-cisla { display: flex; flex-wrap: wrap; gap: 4px 24px; font-size: 13px; color: var(--text-2); }
.nab-cisla span { display: inline-flex; align-items: baseline; gap: 6px; }
.nab-cisla b { font: 500 20px/1.2 var(--mono); color: var(--text); }
.nab-pruh { height: 8px; border-radius: 4px; background: var(--plocha-3); overflow: hidden; }
.nab-pruh > span { display: block; height: 100%; width: calc(var(--x, 0) * 1%); background: var(--ok); border-radius: 4px; }
.nab-skupina { display: grid; gap: 6px; }
.nab-skupina .stitek { white-space: normal; }
.nab-akce { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.nab-akce form, .nab-radek form { margin: 0; }
.nab-akce .tlacitko, .nab-radek .tlacitko { white-space: normal; text-align: center; height: auto; padding-top: 10px; padding-bottom: 10px; }
.nab-dalsi { padding: 14px 20px; }
.nab-dalsi > summary { margin-bottom: 0; }
.nab-dalsi[open] > summary { margin-bottom: 6px; }
.nab-radek { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 10px 0; border-top: 1px solid var(--linka); }
.nab-seznam > .nab-radek:first-child { border-top: 0; }
@media (max-width: 720px) { .nab-dalsi { padding: 12px 16px; } }

/* ---------- Nástěnka nabídek ---------- */
.nab-souhrn { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background: var(--plocha); border: 1px solid var(--linka); border-radius: var(--r2); box-shadow: var(--stin); }
.nab-dlazdice { padding: 14px 18px; display: grid; gap: 2px; align-content: start; border-left: 1px solid var(--linka); min-width: 0; }
.nab-dlazdice:first-child { border-left: 0; }
.nab-dlazdice .popis { font-size: 12px; color: var(--text-3); font-weight: 500; }
.nab-dlazdice .hodnota { font: 500 26px/1.2 var(--mono); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.nab-dlazdice .pod { font-size: 12px; color: var(--text-2); }
@media (max-width: 720px) { .nab-souhrn { grid-template-columns: minmax(0, 1fr); } .nab-dlazdice { border-left: 0; border-top: 1px solid var(--linka); } .nab-dlazdice:first-child { border-top: 0; } }
/* Čtyři sloupce se vejdou vedle sebe jen na širokém okně; jinak dva a dva, na telefonu pod sebou (app.css má vodorovný posuvník, který schová poslední sloupec). */
@media (min-width: 1240px) { .nastenka { grid-auto-columns: minmax(0, 1fr); overflow-x: visible; } }
@media (min-width: 721px) and (max-width: 1239px) { .nastenka { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow-x: visible; } }
.nab-sloupec-nazev { font-size: 13px; }
.nab-pocet { font: 500 11.5px/1 var(--mono); color: var(--text-3); background: var(--plocha); border: 1px solid var(--linka); border-radius: 999px; padding: 3px 7px; }
.nab-prazdny { padding: 6px 4px 10px; }
.kartička { position: relative; min-width: 0; }
.kartička:hover { border-color: var(--linka-silna); }
.kartička .titul { overflow-wrap: anywhere; }
.kartička .titul::after { content: ""; position: absolute; inset: 0; border-radius: var(--r1); }
.kartička a:not(.titul) { position: relative; z-index: 1; }
.nab-karta-hlava { display: flex; gap: 10px; align-items: flex-start; justify-content: space-between; }
.nab-karta-hlava .titul { flex: 1 1 auto; min-width: 0; }
.nab-udaje { display: grid; grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); gap: 6px 16px; }
.nab-udaje > div { display: grid; gap: 1px; }
.nab-udaje .popis { font-size: 11.5px; color: var(--text-3); font-weight: 500; }
.nab-pata { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; padding-top: 6px; border-top: 1px solid var(--linka); }
.nab-pata .male { overflow-wrap: anywhere; }

/* ---------- Nastavení ---------- */
.nas-mrizka { align-items: start; }
.nas-kroky { list-style: none; margin: 0; padding: 0; display: grid; }
.karta .nas-kroky { padding-left: 0; gap: 0; }
.nas-krok { display: grid; gap: 6px; padding: 10px 0; border-top: 1px solid var(--linka); }
.nas-krok:first-child { border-top: 0; padding-top: 0; }
.nas-krok-hlava { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
.nas-krok-nazev { flex: 1 1 180px; font-weight: 500; min-width: 0; }
.nas-pre { margin: 0; padding: 10px 12px; background: var(--plocha-2); border: 1px solid var(--linka); border-radius: var(--r1); font: 12px/1.5 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; max-height: 260px; overflow: auto; }
.karta .nas-uzivatele { list-style: none; margin: 0; padding: 0; gap: 0; }
.nas-uzivatele li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; padding: 9px 0; border-top: 1px solid var(--linka); }
.nas-uzivatele li:first-child { border-top: 0; }
.nas-email { overflow-wrap: anywhere; min-width: 0; }
.nas-prikaz { display: block; padding: 10px 12px; white-space: normal; overflow-wrap: anywhere; }