/* ============================================================================
   camaxis.css — JEDEN design systém pro celou Camaxis One (dev i ostrá).
   Postupně nahrazuje finance.css / provoz.css / zakazky.css i Výroba inline:
   každá stránka přehodí svůj <link> na /camaxis.css a zahodí vlastní chrome.
   Systémové písmo (žádné Google Fonts), accent = Camaxis červená #99331e.
   Page-specific CSS (karty, grafy, tabulky…) zůstává inline per stránka.
   ============================================================================ */
:root{
  /* celá appka je světlá → přinutit i formulářové prvky (datalist/autofill/našeptávač,
     select, date picker) do světlého režimu. Bez toho je při OS dark módu našeptávač
     bílý text na bílém popupu = neviditelný. */
  color-scheme: light;
  --bg:#ffffff;--panel:#f4f6f9;--panel-2:#eef1f5;
}
/* autofill (uložené hodnoty prohlížeče) nesmí přebít text na neviditelný */
input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-text-fill-color:#000!important;caret-color:#000}
/* označený text (i inline doplněný z našeptávače datalistu) = tmavý na světlém, nikdy bílý na bílém */
::selection{background:rgba(180,50,23,.22);color:#000;-webkit-text-fill-color:#000}
::-moz-selection{background:rgba(180,50,23,.22);color:#000}
:root{
  --line-1:rgba(0,0,0,.20);--line-2:rgba(0,0,0,.10);--line:rgba(0,0,0,.14);
  --ink:#000000;--ink-hot:#000000;--ink-dim:#3a4350;
  /* Camaxis červená = barva z loga #b43217 (RGB 180/50/23) + odvozené odstíny */
  --accent:#b43217;--accent-d:#902812;--accent-rgb:180,50,23;
  --accent-tint:rgba(180,50,23,.08);
  --ok:#127a37;--warn:#9a5b00;--gold:#8a5a00;--crit:#c5283d;
  /* systémové písmo všude (žádné externí fonty) */
  --fd:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --fu:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --fm:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--fu);font-size:14px}
/* zarovnané číslice (stejná šířka) — čísla v tabulkách/hodnotách hezky lícují */
.sum-val,.tot,td.m,td.tot,input[inputmode="decimal"],.num{font-variant-numeric:tabular-nums}
.num{text-align:right}
a{color:inherit;text-decoration:none}

/* horní navigace + podzáložky */
.mcnav{display:flex;align-items:center;gap:2px;padding:0 16px;border-bottom:1px solid var(--line-1)}
.mcnav-mark{font-family:var(--fd);color:var(--accent);font-size:13px;margin-right:14px;font-weight:800}
.mcnav-tab{font-family:var(--fm);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:12px 18px;color:var(--ink-dim);border-bottom:2px solid transparent;cursor:pointer;transition:.15s}
.mcnav-tab:hover{color:var(--ink-hot)}
.mcnav-tab.active{color:var(--ink-hot);border-bottom-color:var(--accent)}
.tabs{display:flex;align-items:center;gap:2px;padding:0 16px;border-bottom:1px solid var(--line-2);flex-wrap:wrap}
.tab,.mcsub-tab{font-family:var(--fm);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;cursor:pointer;color:var(--ink-dim);border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.tab:hover,.mcsub-tab:hover{color:var(--ink-hot)}
.tab.active,.mcsub-tab.active{color:var(--ink-hot);border-bottom-color:var(--accent)}
.mcsub-badge{display:inline-block;min-width:16px;height:16px;padding:0 5px;margin-left:7px;border-radius:9px;background:var(--crit);color:#fff;font-family:var(--fm);font-size:10px;font-weight:700;line-height:16px;text-align:center;vertical-align:1px}

/* layout rámu */
.page{max-width:1500px;margin:0 auto;padding:16px 20px 60px}
.topbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;border-bottom:1px solid var(--line-1);padding-bottom:10px}
.topbar-title{font-family:var(--fd);font-size:15px;font-weight:700;letter-spacing:.1em;color:var(--ink-hot);text-transform:uppercase}
.topbar-sub{font-family:var(--fm);font-size:10px;color:var(--ink-dim);letter-spacing:.1em;margin-left:auto}
.status{font-family:var(--fm);font-size:12px;letter-spacing:.04em;min-height:18px}
.status.ok{color:var(--ok)}.status.err{color:var(--crit)}.status.busy{color:var(--warn)}

/* tlačítka */
.btn{font-family:var(--fm);font-size:11px;color:var(--ink-dim);letter-spacing:.06em;cursor:pointer;border:1px solid var(--line-1);padding:5px 11px;border-radius:2px;transition:.15s;background:var(--panel)}
.btn:hover{color:var(--accent);border-color:var(--accent)}
.btn.primary{color:#fff;background:var(--accent);border-color:var(--accent)}
.btn.primary:hover{background:var(--accent-d);border-color:var(--accent-d)}
.btn.sm{padding:3px 8px;font-size:10px}

/* roční přepínač */
.years{display:flex;align-items:center;gap:4px;margin-bottom:12px;flex-wrap:wrap}
.ytab{font-family:var(--fd);font-size:13px;letter-spacing:.06em;padding:6px 16px;cursor:pointer;color:var(--ink-dim);border:1px solid var(--line-1);border-radius:2px;background:var(--panel)}
.ytab.active{color:#fff;background:var(--accent);border-color:var(--accent)}
.ytab:hover:not(.active){color:var(--ink-hot)}

/* summary strip */
.sum-strip{display:flex;flex-wrap:wrap;gap:1px;background:var(--line-2);border:1px solid var(--line-2);border-radius:3px;overflow:hidden;margin-bottom:14px}
.sum-card{flex:1;min-width:140px;background:var(--panel);padding:9px 14px}
.sum-label{font-family:var(--fm);font-size:9px;letter-spacing:.1em;color:var(--ink-dim);text-transform:uppercase;margin-bottom:3px}
.sum-val{font-family:var(--fd);font-size:17px;font-weight:700;letter-spacing:.03em;color:var(--ink-hot)}
.sum-val.neg{color:var(--crit)}.sum-val.pos{color:var(--ok)}
.sum-sub{font-family:var(--fm);font-size:9px;color:var(--ink-dim);margin-top:2px}

/* drobné sdílené */
.hint{font-family:var(--fm);font-size:10px;color:var(--ink-dim);letter-spacing:.03em;margin-top:12px;line-height:1.7}
.neg{color:var(--crit)!important}
.zero{opacity:.3}

/* ── Camaxis One sdílená hlavička (nav.js vykreslí do .mcnav) ── */
/* surovou .mcnav (stará „Mission Control" lišta) skryj, dokud ji nav.js nepřevezme
   (přidá třídu .co-nav) → žádné problikávání staré navigace. */
.mcnav:not(.co-nav){display:none}
.co-nav{display:block;background:#fff;border-bottom:1px solid var(--line-1)}
/* Detail zakázky jako overlay (okno ve stránce, 80 % šířky) */
.zk-ov{position:fixed;inset:0;background:rgba(0,0,0,.42);display:none;z-index:60;align-items:flex-start;justify-content:center;padding:3vh 0}
.zk-ov.on{display:flex}
.zk-ov-panel{position:relative;width:80%;max-width:1320px;height:94vh;background:var(--bg,#fff);border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.35);overflow:hidden;display:flex;flex-direction:column}
.zk-ov-close{position:absolute;top:10px;right:14px;z-index:2;width:30px;height:30px;border-radius:50%;border:none;background:rgba(0,0,0,.07);color:var(--ink-hot,#111);font-size:17px;line-height:30px;cursor:pointer;transition:.12s}
.zk-ov-close:hover{background:rgba(0,0,0,.14)}
.zk-ov-panel iframe{flex:1;width:100%;border:0;display:block}
@media(max-width:760px){.zk-ov-panel{width:96%;height:92vh}}
/* DEV prostředí (MC) — výrazně žluté záhlaví + výstražný proužek, ať se nezamění s ostrou */
.co-nav.co-env-dev{position:relative;border-bottom:2px solid #f2c200}
.co-nav.co-env-dev::before{content:"";display:block;height:7px;
  background:repeating-linear-gradient(45deg,#f2c200 0,#f2c200 14px,#1a1a1a 14px,#1a1a1a 28px)}
.co-nav.co-env-dev .co-top{background:#fff7d6}
.co-nav.co-env-dev .co-subs{background:#fdeeb0}
.co-nav.co-env-dev .co-dev{background:#1a1a1a;color:#f2c200;font-weight:700}
/* horní řádek: logo + moduly + (vpravo) nástroje — jeden širší pruh */
.co-top{display:flex;align-items:stretch;gap:2px;padding:0 18px;background:var(--panel);min-height:54px}
.co-logo{display:flex;align-items:center;margin-right:16px;text-decoration:none}
.co-logo img{height:20px;display:block}
.co-mods{display:flex;align-items:stretch;gap:2px}
/* Jednomodulový účet: záložky rovnou v horní liště (ušetří spodní řádek). Zabere střed, při přetečení
   (hodně záložek) scrolluje vodorovně; nástroje (.co-tools margin-left:auto) zůstanou vpravo. */
.co-mods.co-solo{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.co-mods.co-solo::-webkit-scrollbar{display:none}
.co-mods.co-solo .co-mod{flex:none;white-space:nowrap;padding:0 14px}
.co-mod{display:flex;align-items:center;font-family:var(--fm);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;padding:0 17px;color:var(--ink-dim);border-bottom:2px solid transparent;text-decoration:none;transition:.15s}
.co-mod:hover{color:var(--ink-hot)}
.co-mod.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}
/* Modul jen s ikonou (Domů): užší padding, svg svisle vystředěné flexem .co-mod */
.co-mod-ico{padding:0 14px}
.co-mod-ico svg{display:block}
.co-tools{margin-left:auto;display:flex;align-items:center;gap:12px}
.co-dev{font-family:var(--fm);font-size:9px;letter-spacing:.14em;background:var(--warn);color:#fff;padding:2px 7px;border-radius:5px}
.co-dev-refresh{font-family:var(--fm);font-size:10px;background:#1a1a1a;color:#f2c200;border:1px solid #f2c200;padding:2px 8px;border-radius:5px;cursor:pointer;margin-left:-6px}
.co-dev-refresh:hover{background:#f2c200;color:#1a1a1a}
.co-dev-refresh:disabled{opacity:.6;cursor:default}
.co-viewas{font-family:var(--fm);font-size:11px;color:var(--ink-dim);display:flex;align-items:center;gap:6px}
.co-viewas select{font-family:var(--fm);font-size:11px;padding:3px 7px;border:1px solid var(--line-1);border-radius:5px;background:#fff;color:var(--ink);max-width:210px;text-overflow:ellipsis}
.co-user{font-family:var(--fm);font-size:11px;color:var(--ink-dim);white-space:nowrap}
.co-link{font-family:var(--fm);font-size:11px;color:var(--ink-dim);border:1px solid var(--line-1);padding:5px 9px;border-radius:6px;text-decoration:none;white-space:nowrap}
.co-link:hover{color:var(--accent);border-color:var(--accent)}
/* Uživatel v liště = avatar + jméno, klik otevře profil */
.co-userbtn{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid transparent;border-radius:20px;padding:3px 10px 3px 3px;cursor:pointer;transition:.12s}
.co-userbtn:hover{border-color:var(--line-1);background:var(--panel-2)}
.co-userbtn .co-user{color:var(--ink)}
.co-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;flex:none;background:var(--panel-2);border:1px solid var(--line-1)}
.co-avatar-ini{font-family:var(--fd);font-weight:700;font-size:11px;color:var(--ink-dim);text-transform:uppercase}
/* Profil overlay (iframe okno, užší než zakázka) */
.co-prof-ov{position:fixed;inset:0;background:rgba(0,0,0,.42);display:none;z-index:80;align-items:flex-start;justify-content:center;padding:4vh 0}
.co-prof-ov.on{display:flex}
.co-prof-panel{position:relative;width:92%;max-width:640px;height:88vh;background:var(--bg,#fff);border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.35);overflow:hidden;display:flex;flex-direction:column}
.co-prof-close{position:absolute;top:10px;right:14px;z-index:2;width:30px;height:30px;border-radius:50%;border:none;background:rgba(0,0,0,.07);color:var(--ink-hot,#111);font-size:17px;line-height:30px;cursor:pointer;transition:.12s}
.co-prof-close:hover{background:rgba(0,0,0,.14)}
.co-prof-panel iframe{flex:1;width:100%;border:0;display:block}
/* Notifikace nových poznámek: zvoneček v liště + rozbalovací panel */
.co-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:1px solid transparent;border-radius:9px;color:var(--ink-dim);cursor:pointer;transition:color .14s,background .14s,border-color .14s}
.co-bell svg{display:block}
.co-bell:hover{color:var(--ink-hot);background:var(--panel-2);border-color:var(--line-1)}
.co-bell.has-n{color:var(--accent)}
.co-bell.has-n svg{animation:co-bell-sway 2.4s ease-in-out infinite;transform-origin:50% 3px}
@keyframes co-bell-sway{0%,86%,100%{transform:rotate(0)}90%{transform:rotate(11deg)}94%{transform:rotate(-9deg)}97%{transform:rotate(5deg)}}
.co-bell-b{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:#fff;font-family:var(--fu);font-size:10px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 0 0 2px var(--bg,#fff)}
.co-nf-panel{position:fixed;z-index:90;width:340px;max-width:92vw;max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line-1);border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.co-nf-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line-2);font-family:var(--fm);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-dim);position:sticky;top:0;background:#fff}
.co-nf-all{font-family:var(--fm);font-size:10px;color:var(--ink-dim);background:none;border:1px solid var(--line-1);border-radius:5px;padding:3px 7px;cursor:pointer;text-transform:none;letter-spacing:0}
.co-nf-all:hover{color:var(--accent);border-color:var(--accent)}
.co-nf-empty{padding:18px 12px;text-align:center;font-family:var(--fm);font-size:11px;color:var(--ink-dim)}
.co-nf-item{display:flex;gap:9px;padding:10px 12px;border-bottom:1px solid var(--line-2)}
.co-nf-item:last-child{border-bottom:none}
.co-nf-av{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none;background:var(--panel-2);display:flex;align-items:center;justify-content:center;border:1px solid var(--line-1)}
.co-nf-ini{font-family:var(--fd);font-weight:700;font-size:11px;color:var(--ink-dim)}
.co-nf-fic{background:var(--accent);color:#fff;border-color:var(--accent);font-family:var(--fd);font-weight:800;font-size:13px}
.co-nf-uic{font-size:14px;line-height:1}
.co-nf-body{flex:1;min-width:0}
.co-nf-h{display:flex;align-items:baseline;gap:7px;margin-bottom:2px}
.co-nf-who{font-weight:700;font-size:12px;color:var(--ink-hot)}
.co-nf-zak{font-family:var(--fm);font-size:10px;color:var(--ink-dim)}
.co-nf-t{font-size:12.5px;color:var(--ink);line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere;max-height:54px;overflow:hidden;position:relative}
.co-nf-t.is-clamped{cursor:pointer}
.co-nf-t.is-clamped:not(.expanded)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:20px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}
.co-nf-t.is-clamped:not(.expanded){padding-bottom:14px}
.co-nf-t.expanded{max-height:none;cursor:pointer}
.co-nf-zak.co-nf-ok{color:var(--ok,#1a7f37);font-weight:700}
.co-nf-zak.co-nf-muted{color:var(--ink-dim);font-style:italic}
.co-nf-zak.co-nf-bad{color:var(--accent);font-weight:700}
.co-nf-go{margin-top:5px;font-family:var(--fm);font-size:10.5px;color:var(--accent);background:none;border:none;padding:0;cursor:pointer}
.co-nf-go:hover{text-decoration:underline}
.co-nf-x{flex:none;align-self:flex-start;width:20px;height:20px;border:none;background:none;color:var(--ink-dim);font-size:13px;line-height:1;cursor:pointer;border-radius:50%}
.co-nf-x:hover{background:var(--panel-2);color:var(--accent)}
.co-subs{display:flex;gap:2px;padding:0 18px;background:var(--panel-2);flex-wrap:wrap;border-top:1px solid var(--line-2)}
.co-sub{font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:7px 13px;color:var(--ink-dim);border-bottom:2px solid transparent;text-decoration:none;transition:.15s}
.co-sub:hover{color:var(--ink-hot)}
.co-sub.active{color:var(--ink-hot);border-bottom-color:var(--accent)}
.co-badge{display:inline-block;min-width:15px;height:15px;line-height:15px;text-align:center;padding:0 4px;margin-left:6px;border-radius:8px;font-family:var(--fm);font-size:9px;font-weight:700;color:#fff;background:var(--ink-dim);vertical-align:1px}
.co-badge.red{background:var(--crit)}
.co-badge.green{background:var(--ok)}
.co-badge.purple{background:#7c3aed}
/* sdílený hover tooltip nad grafy (data-tip nebo <title>) */
.co-tip{position:fixed;z-index:9999;pointer-events:none;background:rgba(11,15,20,.93);color:#fff;font-family:var(--fm);font-size:11px;padding:5px 9px;border-radius:6px;max-width:300px;box-shadow:0 4px 14px rgba(0,0,0,.28);white-space:pre-line;display:none}

/* Debug snímek: položka v menu + potvrzovací toast (viz nav.js initDebugShot). */
.co-menu-dbg{width:100%;text-align:left;border:0;border-top:1px solid var(--line-2);background:none;cursor:pointer;margin-top:4px;color:var(--accent)}
#mcDbgToast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);z-index:10000;max-width:90vw;padding:12px 18px;border-radius:10px;background:rgba(11,15,20,.94);color:#fff;font-family:var(--fm);font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
#mcDbgToast.on{opacity:1;transform:translateX(-50%) translateY(0)}
#mcDbgToast.ok{background:#127a37}
#mcDbgToast.bad{background:#b0233a}

/* ============================================================================
   RESPONZIVITA — mobil + tablet (sdíleno přes celou Camaxis One; Výroba má vlastní).
   Tablet ≤1024px, mobil ≤640px, malý mobil ≤480px. Heslo: nic nemizí, jen se
   přeskupí — široké tabulky se scrollují vodorovně (.tbl-wrap), lišta se balí.
   ============================================================================ */
/* Pomocný obal pro široké tabulky: <div class="tbl-wrap"><table>…</table></div> */
.tbl-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ── TABLET (≤1024px) ── */
@media(max-width:1024px){
  .page{padding:14px 14px 50px}
  .sum-card{min-width:120px}
}

/* ── Burger menu: na ≤1024 zůstává jediný řádek lišty (logo vlevo, vpravo zvoneček+profil+burger);
      moduly a podmoduly se přesunou do rozbalovacího menu pod burger. ── */
.co-burger{display:none;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:none;border:1px solid var(--line-1);border-radius:9px;color:var(--ink-dim);cursor:pointer;transition:color .14s,border-color .14s,background .14s}
.co-burger:hover{color:var(--ink-hot);border-color:var(--accent)}
.co-burger svg{display:block}
/* Ikona „celá obrazovka" vedle burgeru (jen dotyk; shell+Výroba). Aktivní stav = plná accent. */
.co-fs{display:none;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:none;border:1px solid var(--line-1);border-radius:9px;color:var(--ink-dim);cursor:pointer;transition:color .14s,border-color .14s,background .14s}
.co-fs:hover{color:var(--ink-hot);border-color:var(--accent)}
.co-fs.on{background:var(--accent);border-color:var(--accent);color:#fff}
.co-fs svg{display:block}
.co-menu{display:none;position:fixed;z-index:95;right:8px;left:auto;width:280px;max-width:92vw;max-height:74vh;overflow-y:auto;background:#fff;border:1px solid var(--line-1);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.28);padding:6px}
.co-menu-mod{display:block;font-family:var(--fm);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-hot);font-weight:700;padding:11px 12px 6px;text-decoration:none}
.co-menu-mod.active{color:var(--accent)}
.co-menu-sub{display:block;font-family:var(--fu);font-size:13px;color:var(--ink-dim);padding:8px 12px 8px 22px;text-decoration:none;border-radius:8px}
.co-menu-sub:hover{background:var(--panel-2);color:var(--ink-hot)}
.co-menu-sub.active{color:var(--accent);background:var(--accent-tint)}
/* Admin + Odhlásit = patička profilového overlay */
.co-prof-foot{display:flex;gap:10px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--line-2);background:var(--panel)}

/* Dotyková zařízení (tablet/mobil v dílně): větší cíle v burger menu a širší burger tlačítko,
   ať se dá bez míření trefit prstem. Jen pointer:coarse → myš/PC beze změny. */
@media(pointer:coarse){
  /* Burger (a v něm položka „poslat snímek pro ladění") na dotyku dostupný v OBOU orientacích —
     ne jen ≤1024/portrét. V landscape zůstávají i inline záložky, burger je overflow/menu. */
  .co-burger{display:inline-flex;width:46px;height:46px}
  .co-fs{display:inline-flex;width:46px;height:46px}
  /* Panel burger menu se otevře i v landscape (>1024). Bez tohoto měl display:block jen ≤1024,
     takže naležato bylo tlačítko ☰ vidět, ale rozbalené menu bylo prázdné. Sjednoceno s portrétem. */
  .co-menu:not([hidden]){display:block}
  .co-menu{width:320px;padding:8px}
  .co-menu-mod{font-size:14px;padding:14px 14px 8px}
  .co-menu-sub{font-size:15px;padding:13px 14px 13px 24px}
  /* Kompaktnější dvouřádková nav na dotyku (logo+moduly a záložky ubíraly místo tabulce ve Výrobě).
     Umírněně: řádky nižší, ale záložky zůstávají tapatelné. Platí i v shellu (co-nav = horní okno). */
  .co-top{min-height:46px}
  .co-mod{padding:0 13px}
  .co-subs{padding-top:2px;padding-bottom:2px}
  .co-sub{padding:10px 13px}
}

@media(max-width:1024px){
  .co-top{min-height:52px;padding:0 12px}
  .co-logo img{height:18px}
  .co-mods,.co-subs{display:none}     /* moduly i podmoduly → do burger menu */
  .co-viewas{display:none}            /* dev impersonace mimo úzkou lištu */
  .co-burger{display:inline-flex}
  .co-menu:not([hidden]){display:block}
  .co-nav.co-env-dev::before{height:5px}
}

/* ── MOBIL (≤640px): obsah stránek ── */
@media(max-width:640px){
  html,body{font-size:13px}
  .page{padding:10px 11px 44px}
  /* topbar: titul + akce se zalomí, podtitulek na nový řádek */
  .topbar{flex-wrap:wrap;gap:8px 10px;padding-bottom:8px}
  .topbar-title{font-size:14px}
  .topbar-sub{margin-left:0;flex-basis:100%;order:9}
  /* summary karty: 2 na řádek (místo 1 úzkého sloupce) */
  .sum-strip{gap:1px}
  .sum-card{flex:1 1 calc(50% - 1px);min-width:0}
  .sum-val{font-size:15px}
  /* roční přepínač a tlačítka: drobnější, scroll když moc */
  .years{gap:3px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}
  .years::-webkit-scrollbar{display:none}
  .ytab{padding:5px 12px;flex:none}
  .btn{padding:6px 11px}
  .btn.sm{padding:4px 9px}
  /* tabulky uvnitř stránky dostanou vlastní scroll, když nejsou v .tbl-wrap obalu */
  .page table{font-size:12px}
  /* overlay panely přes celou obrazovku (zakázka i profil); 100dvh = bez plochy pod
     lištou prohlížeče, aby patička (Admin/Odhlásit) zůstala viditelná i na telefonu */
  .zk-ov{padding:0}
  .zk-ov-panel{width:100%!important;max-width:none;height:100vh;height:100dvh;border-radius:0}
  .co-prof-ov{padding:0;height:100vh;height:100dvh}
  .co-prof-panel{width:100%;max-width:none;height:100vh;height:100dvh;border-radius:0}
  /* notifikační panel zarovnaný na šířku obrazovky */
  .co-nf-panel{width:auto;left:8px;right:8px!important;max-width:none}
}

/* ── MALÝ MOBIL (≤480px): nejvíc šetřit místem ── */
@media(max-width:480px){
  .co-userbtn .co-user{display:none}        /* jen avatar, jméno skryté */
  .co-userbtn{padding:3px}
  .co-tools{gap:6px}
  .sum-card{flex-basis:100%}                /* 1 karta na řádek na úzkém */
}