/* Vzhled: světlý a tmavý režim (DT-144).

   Barvy stránek jsou tokeny (--surface-*, --text-*, --bg-*, --border*) v :root stylu každé
   stránky. Tady je jejich tmavá sada a tmavé odstíny komponent, které mají barvu vlastní
   (štítky zálohových dokladů, předkontace, hromadná lišta). Který režim platí,
   rozhoduje atribut data-tema na <html>: nastaví ho /static/js/tema.js podle volby
   uživatele, a bez ní podle prefers-color-scheme, ještě než se stránka vykreslí.

   Selektor :root[data-tema="tmavy"] je silnější než :root stránky, takže na pořadí, v jakém
   se styly nahrají, nezáleží.

   Jen pro obrazovku: tisk přehledu (DT-71) zůstává černý na bílém papíře. Stránka PDF
   v náhledu je bílá v obou režimech — je to obraz papíru, ne prvek aplikace.

   Kontrast textu aspoň 4,5:1 proti každé ploše a každé dvojice barva/pozadí tady hlídá
   tests/unit/test_tmavy_rezim.py. */

/* Písmo značky jako na webu dtsol.cz (DT-241, Michal 19. 10. 2026): logo, lišta a nadpisy
   písmem Sora, zbytek aplikace systémovým písmem. Soubory jsou u nás (vendor/sora, licence OFL),
   ne z CDN — CSP i pravidlo o cizích zdrojích. Tučnost 700 vede na týž soubor jako na webu. */
@font-face{font-family:'Sora';font-style:normal;font-weight:600 700;font-display:swap;src:url(/static/vendor/sora/sora-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sora';font-style:normal;font-weight:600 700;font-display:swap;src:url(/static/vendor/sora/sora-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Sora má úzkou mezeru mezi slovy (0,2 em): v malém nadpisu „Než začnete“ splývalo v „Nežzačnete“. */
.logo,.brand-name,.login-title,.pt-nadpis,.pt-nazev,.card h3{font-family:'Sora',var(--font-sans,system-ui,sans-serif);font-weight:600;word-spacing:0.12em}

:root{
  /* Štítek role CFO skládá JavaScript (index.js, cfo.js); token pro obě sady je jen tady.
     Fialová je i barva duplicit — štítky a přepínač v tabulce dokladů (DT-257). */
  --text-violet:#6b21a8;--bg-violet:#f3e8ff;--border-violet:#d8b4fe;
  /* Tyrkysová nápovědy (DT-296, static/css/navod.css; Marián 23. 10. 2026). --teal je plocha
     s bílým textem (6,2:1) a zůstává v obou režimech stejná, jako --blue. */
  --teal:#0f6e56;--text-teal:#0f6e56;--bg-teal:#e3f3ed;--border-teal:#9fd3c1;
}

@media screen{
  :root[data-tema="tmavy"]{
    color-scheme:dark;
    --surface-0:#141413;--surface-1:#1e1e1c;--surface-2:#282825;
    --border:#3a3935;--border-strong:#57564f;
    --text-primary:#ecebe5;--text-secondary:#c3c1b8;--text-muted:#a3a199;
    --text-accent:#7fb2ea;--text-danger:#f19c9c;--text-success:#9ccc6a;--text-warning:#e9b45c;
    --text-violet:#cfa6f5;
    --bg-accent:#15304b;--bg-danger:#3f1d1d;--bg-success:#1e3214;--bg-warning:#3b2a10;
    --bg-violet:#2e1f43;--border-violet:#5e3f78;
    --teal:#0f6e56;--text-teal:#7dd3b6;--bg-teal:#12352b;--border-teal:#2f6e5a;
    --border-accent:#2c5684;--border-danger:#8c3b3b;--border-success:#46682a;--border-warning:#8a6522;
  }

  /* Zálohový řetězec (DT-21): proforma bledší, daňový doklad k platbě sytější i potmě. */
  :root[data-tema="tmavy"] .pill.pp{background:#2c2240;color:#c4adf0}
  :root[data-tema="tmavy"] .pill.pv{background:#3a1f31;color:#efa6d4}
  :root[data-tema="tmavy"] .pill.zp{background:#34245a;color:#d2bdf7}
  :root[data-tema="tmavy"] .pill.zv{background:#45213a;color:#f5b3dc}

  /* Předkontace a jistota vytěžení */
  :root[data-tema="tmavy"] .pk-badge.pk-hi{background:#16301a;color:#9fd8a3;border-color:#2f6a37}
  :root[data-tema="tmavy"] .pk-badge.pk-mid{background:#3a2410;color:#ffb37a;border-color:#7d4a1c}
  :root[data-tema="tmavy"] .pk-badge.pk-lo{background:#2a2a2a;color:#c9c9c9;border-color:#555555}
  :root[data-tema="tmavy"] .pk-badge.pk-none{background:#15304b;color:#7fb2ea;border-color:#2c5684}
  :root[data-tema="tmavy"] .duv-badge{background:#3a2410;color:#f0b860;border-color:#7d4a1c}
  :root[data-tema="tmavy"] .duv-badge.podezrele{color:var(--text-danger);background:var(--bg-danger);border-color:var(--border-danger)}
  :root[data-tema="tmavy"] .duv-badge.svm-badge{background:#122a45;color:#8fbdf0;border-color:#2c5487}

  /* Hromadné akce, korekce */
  :root[data-tema="tmavy"] .bulk-bar{background:#3b2a10;color:#f0c070;border-bottom-color:#8a6522}
  :root[data-tema="tmavy"] .kor-btn{color:#e0a64a}

  /* Obnova hesla */
  :root[data-tema="tmavy"] .banner-ok{background:#1e3214;color:#a9d88a;border-color:#46682a}
  :root[data-tema="tmavy"] .banner-warn{background:#3b2a10;color:#f0c070;border-color:#8a6522}

  /* Okolí stránky PDF v náhledu CFO; stránka sama zůstává bílá */
  :root[data-tema="tmavy"] #nahled-canvas-wrap{background:#2b2b29}
  /* Ovál s iniciálami v liště (DT-302): v tmavé stránce ovál světlejší, kolečko ztlumené. */
  :root[data-tema="tmavy"] .mu-btn{background:#1d3a5c}
  :root[data-tema="tmavy"] .mu-inicialy{background:#d5e2f0}

  /* Levý panel (DT-312): bílé Export a odznak na Vytěžit potmě o stupeň tlumené, ať nesvítí */
  :root[data-tema="tmavy"] .act-s,:root[data-tema="tmavy"] .act-odznak{background:#d8e0ea}
  :root[data-tema="tmavy"] .act-s:hover{background:#c6d2df}
}

/* Přepínač vzhledu: ikonu a popisek mu podle stavu doplní tema.js. */
.tema-prepinac{display:inline-flex;align-items:center;justify-content:center}
.tema-prepinac i{font-size:16px;line-height:1}

/* Pruh zkušební verze (DT-231, static/js/demo.js) nahoře na stránce: v obou režimech z tokenů. */
.demo-pruh{padding:6px 16px;font-size:12px;line-height:1.4;text-align:center;background:var(--bg-warning);color:var(--text-warning);border-bottom:0.5px solid var(--border-warning)}
.demo-pruh.vycerpano{background:var(--bg-danger);color:var(--text-danger);border-bottom-color:var(--border-danger)}

/* Pozadí za otevřeným oknem je rozmazané — u každého okna aplikace (DT-342, Marián 27. 10. 2026).
   Na jednom místě, ať ho dostane každá stránka; nové okno se sem připíše, jinak spadne
   tests/unit/test_rozmazane_pozadi_oken.py. Jen na obrazovce — tisk přehledu běží přes okno. */
@media screen{
  .overlay,#nahled-overlay,#nahled-box,.navod-pozadi,#zam-modal,#zam-detail-modal{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
}

/* Klik před dočtením skriptů (DT-359): static/js/nacitani.js drží na <html> třídu `nacita-se`,
   dokud se neprovedou skripty stránky. Tou dobou jsou tlačítka s inline `onclick` vidět, ale jejich
   funkce ještě neexistují. Průhledná clona klik pohltí (a kurzor řekne „čekej") místo toho, aby
   skončil tiše v prázdnu; zešedne až po 0,4 s, ať rychlé načtení neproblikne. */
html.nacita-se::after{content:"";position:fixed;inset:0;z-index:2147483647;cursor:progress;
  background:transparent;animation:nacita-se-stmiv 0s .4s forwards}
@keyframes nacita-se-stmiv{to{background:rgba(128,128,128,.18)}}