/* tema.css — barevné proměnné tmavého režimu (servis.ikotel.cz). Světlé hodnoty jsou i jako záloha přímo v pravidlech (var(--x, původní)),
   takže stránky bez tohoto souboru vypadají jako dřív. Tmavý režim se uplatní jen na stránkách s atributem data-tema-ok na <html> (viz tema.js). */
:root {
  --card: #fff; --hdr: #111; --mute2: #666;
  --bad: #c0392b; --bad-bg: #fdecea; --ok: #1a8754; --ok-bg: #eafaf1; --warn: #856404; --warn-bg: #fff3cd;
  --info: #2980b9; --info-bg: #eaf4fb; --fire-bg: #fff7f3;
}
:root { --paper2: #f5f5f5; }
/* Tmavé hodnoty jen na obrazovku - tisk (a PDF) je vždy světlý, ať se netiskne černá stránka s bílým textem */
@media screen {
  html[data-tema="tmava"] {
    --ink: #ece8e3; --paper: #141210; --rule: #35312d; --mute: #a39d95; --mute2: #bdb7af;
    --card: #1e1c1a; --hdr: #0a0908;
    --bad: #ff8a80; --bad-bg: #3a1917; --ok: #4cc77f; --ok-bg: #11301f; --warn: #f0b955; --warn-bg: #3a2d0f;
    --info: #6aaaf0; --info-bg: #14284a; --fire-bg: #2a1a12;
    color-scheme: dark;
  }
  html[data-tema="tmava"] { --paper2: #262320; }
  html[data-tema="tmava"] { background: var(--paper); }
  /* kalendář (flatpickr) v tmavém režimu */
  html[data-tema="tmava"] .flatpickr-calendar { background: var(--card); color: var(--ink); border-color: var(--rule); box-shadow: 0 8px 24px rgba(0,0,0,.5); }
  html[data-tema="tmava"] .flatpickr-calendar .flatpickr-month, html[data-tema="tmava"] .flatpickr-current-month .flatpickr-monthDropdown-months,
  html[data-tema="tmava"] .flatpickr-current-month input.cur-year, html[data-tema="tmava"] .flatpickr-weekday, html[data-tema="tmava"] .flatpickr-day { color: var(--ink); }
  html[data-tema="tmava"] .flatpickr-day.flatpickr-disabled, html[data-tema="tmava"] .flatpickr-day.prevMonthDay, html[data-tema="tmava"] .flatpickr-day.nextMonthDay { color: var(--mute); }
  html[data-tema="tmava"] .flatpickr-day:hover { background: var(--paper2); border-color: var(--rule); }
  html[data-tema="tmava"] .flatpickr-day.selected { background: var(--fire); border-color: var(--fire); color: #fff; }
  html[data-tema="tmava"] .flatpickr-months .flatpickr-prev-month svg, html[data-tema="tmava"] .flatpickr-months .flatpickr-next-month svg { fill: var(--ink); }
  html[data-tema="tmava"] .flatpickr-calendar:before, html[data-tema="tmava"] .flatpickr-calendar:after { display: none; }
  html[data-tema="tmava"] a:not([class]) { color: #ff9a62; }
  /* uložený podpis je tmavý na průhledném; v tmavém režimu se v náhledu jen ZOBRAZÍ bíle (filtr), uložená data se nemění.
     Plátno při kreslení je tmavé s bílým perem (podpis-overlay.js). */
  html[data-tema="tmava"] .podpis-preview img { filter: invert(1); }
  /* Tom Select (našeptávač zákazníka a adresy): v tmavém režimu tmavý, ne výchozí bílý (10.10.2026; stejné jako assets/tema.css ve Fakturách) */
  html[data-tema="tmava"] .ts-control, html[data-tema="tmava"] .ts-wrapper.single .ts-control, html[data-tema="tmava"] .ts-wrapper.multi .ts-control { background: var(--card) !important; color: var(--ink) !important; border-color: var(--rule) !important; box-shadow: none; }
  html[data-tema="tmava"] .ts-control input { color: var(--ink) !important; }
  html[data-tema="tmava"] .ts-wrapper.multi .ts-control > div { background: var(--paper2); color: var(--ink); border: 1px solid var(--rule); }
  html[data-tema="tmava"] .ts-dropdown, html[data-tema="tmava"] .ts-dropdown.form-control { background: var(--card) !important; color: var(--ink) !important; border: 1px solid var(--rule); box-shadow: 0 8px 24px rgba(0,0,0,.5); }
  html[data-tema="tmava"] .ts-dropdown .option, html[data-tema="tmava"] .ts-dropdown .no-results, html[data-tema="tmava"] .ts-dropdown .create { color: var(--ink) !important; background: transparent !important; }
  html[data-tema="tmava"] .ts-dropdown .optgroup-header, html[data-tema="tmava"] .ts-dropdown .option small { color: var(--mute) !important; }
  html[data-tema="tmava"] .ts-dropdown .active { background: var(--paper2) !important; color: var(--ink) !important; }
  html[data-tema="tmava"] .ts-wrapper.single .ts-control::after { border-color: var(--mute) transparent transparent transparent; }
  /* štítky u položek našeptávače (KONTAKT / ARES / DODAVATEL / RUČNĚ) a stavové pruhy v tmavém režimu: tmavé, s barevným písmem a rámečkem
     (světlý režim zůstává beze změny - tam jsou světlé podklady z common/assets/zakaznik-naseptavac.css) */
  html[data-tema="tmava"] .zn-znacka.z-kontakt { background: rgba(111,207,127,.12); color: #6fcf7f; border: 1px solid rgba(111,207,127,.55); }
  html[data-tema="tmava"] .zn-znacka.z-ares { background: rgba(109,179,242,.12); color: #6db3f2; border: 1px solid rgba(109,179,242,.55); }
  html[data-tema="tmava"] .zn-znacka.z-dodavatel { background: rgba(230,161,58,.12); color: #e6a13a; border: 1px solid rgba(230,161,58,.55); }
  html[data-tema="tmava"] .zn-opt.z-kontakt { border-left-color: #6fcf7f; } html[data-tema="tmava"] .zn-opt.z-ares { border-left-color: #6db3f2; } html[data-tema="tmava"] .zn-opt.z-dodavatel { border-left-color: #e6a13a; }
  html[data-tema="tmava"] .zn-stav.kontakt { background: rgba(111,207,127,.12); color: #6fcf7f; }
  html[data-tema="tmava"] .zn-stav.novy { background: rgba(109,179,242,.10); color: var(--ink); border-color: rgba(109,179,242,.55); }
  html[data-tema="tmava"] .zn-stav.upozorneni { background: rgba(230,161,58,.10); color: #e6a13a; border-color: rgba(230,161,58,.55); }
  html[data-tema="tmava"] .zn-volby label.vybrano { background: var(--paper2); }
}

/* Přepínač vzhledu (tema.js) - tlačítko v hlavičce před značkou iKotel (hlavička je vždy tmavá); na stránkách bez hlavičky plovoucí vlevo nahoře; na tisku/PDF se nezobrazí */
.tema-prepinac { flex: none; width: 34px; height: 34px; padding: 0; border-radius: 8px; border: 1px solid #444; background: none; color: #ccc;
  font-size: 17px; line-height: 1; cursor: pointer; transition: border-color .15s, color .15s; }
.tema-prepinac:hover { border-color: #888; color: #fff; }
.tema-prepinac.plovouci { position: fixed; left: 12px; top: 12px; z-index: 900; background: var(--card, #fff); border-color: var(--rule, #ddd); color: var(--mute, #666); opacity: .8; }
@media print { .tema-prepinac { display: none; } }