/* DARK MODE pro bscz (Bootstrap + CleanZone). Aktivní, když má <html>
   `:root[data-bs-theme="dark"]` — nastavuje ho BSCZ_COLOR_MODE_SCRIPT (src/ui/color-mode.ts)
   dle volby v Nastavení. Bootstrap 5.3 komponenty se přebarví samy (jeho `-dark`
   proměnné = MUI paleta, viz styles/bootstrap-custom.scss); tenhle list dorovnává
   CleanZone/legacy plochy, které mají světlé barvy natvrdo.
   Barvy = MUI dark (muicom), ať bscz a muicom tmavé vypadají stejně:
     background.default #121212; Paper elevation overlay 1 ≈ #1e1e1e, 3 ≈ #252525,
     4 (AppBar) ≈ #272727, 8 (Menu) ≈ #2e2e2e, 24 (Dialog) ≈ #383838;
     text #fff / .7 / .5; divider rgba(255,255,255,.12); outlined input .23;
     primární akcent (odkazy, primary tlačítka, aktivní stavy) = zlatá (saffron)
     #e9c46a — klidnější než MUI amber, odlišná od warning oranžové; mění se
     na jednom místě (--dk-primary*, + scss/status-colors/ui-mui/theme);
     action hover .08 / selected .16; contained tlačítko = palette.main + text .87 černý;
     Alert (standard) = darken(light,.9) pozadí + lighten(light,.6) text.
   Seznam/pořadí listů: utils/css-sheets.json (bscz:true, za všemi legacy listy →
   stejná specificita + později = vyhraje; `[data-bs-theme]` prefix navíc +1 atribut).
   Pozn.: sdílené legacy plochy (.well, .paper_box, …) řeší dark-mode.css pro oba. */

:root[data-bs-theme="dark"] {
  --dk-bg: #121212;
  --dk-paper: #1e1e1e;
  --dk-paper-2: #252525;
  --dk-bar: #272727;
  --dk-menu: #2e2e2e;
  --dk-dialog: #383838;
  --dk-text: #fff;
  --dk-text-2: rgba(255, 255, 255, 0.7);
  --dk-text-3: rgba(255, 255, 255, 0.5);
  --dk-divider: rgba(255, 255, 255, 0.12);
  --dk-input-border: rgba(255, 255, 255, 0.23);
  --dk-hover: rgba(255, 255, 255, 0.08);
  --dk-zebra: rgba(255, 255, 255, 0.04);
  --dk-selected: rgba(255, 255, 255, 0.16);
  --dk-on-main: rgba(0, 0, 0, 0.87);
  /* primární akcent = ZLATÁ (saffron) místo modré — kontrastnější
     a „neřve" na tmavém pozadí; muicom dark má tutéž (ui-mui/theme/index.ts) */
  --dk-primary: #e9c46a;
  --dk-primary-dark: #dcb350;
  --dk-primary-light: #f2d68f;
  --dk-primary-rgb: 233, 196, 106; /* = --dk-primary, pro průhledné odstíny */
  --dk-primary-subtle: rgba(var(--dk-primary-rgb), 0.16);
  --dk-success: #66bb6a;
  --dk-success-dark: #388e3c;
  --dk-warning: #ffa726;
  --dk-warning-dark: #f57c00;
  --dk-error: #f44336;
  --dk-error-dark: #d32f2f;
  --dk-info: #29b6f6;
  --dk-info-dark: #0288d1;

  /* Kód (inline styly v src/, dark-mode.css) barví přes `var(--mui-palette-*,
     světlý fallback)` — v com je definuje MUI CSS-variables téma, v bscz nejsou
     → fallback. V bscz dark je proto definujeme sami (= MUI dark hodnoty), ať tatáž
     místa fungují i tady. Jen proměnné, které kód reálně čte. */
  --mui-palette-text-primary: var(--dk-text);
  --mui-palette-text-secondary: var(--dk-text-2);
  --mui-palette-text-disabled: var(--dk-text-3);
  --mui-palette-background-paper: var(--dk-paper);
  --mui-palette-divider: var(--dk-divider);
  --mui-palette-action-hover: var(--dk-hover);
  --mui-palette-action-selected: var(--dk-selected);
  --mui-palette-primary-main: var(--dk-primary);
  /* Bootstrap runtime proměnné primární barvy (dark blok BS je nepřepisuje) */
  --bs-primary: var(--dk-primary);
  --bs-primary-rgb: var(--dk-primary-rgb);
  /* barva odkazu pro inline styly v src/ (`var(--is-link, #3380FF)`) */
  --is-link: var(--dk-primary);
  /* pozadí navbaru pro inline styly (ShellGlobalError `var(--is-navbar, #2494f2)`) */
  --is-navbar: var(--dk-bar);
  --is-on-primary: var(--dk-on-main);
}

/* ── kostra stránky ─────────────────────────────────────────────────────── */
:root[data-bs-theme="dark"] body,
:root[data-bs-theme="dark"] .cl-mcont,
:root[data-bs-theme="dark"] #diskPreviewDrawer {
  background-color: var(--dk-bg);
  color: var(--dk-text);
}
:root[data-bs-theme="dark"] .navbar {
  background-color: var(--dk-bar);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14);
}
:root[data-bs-theme="dark"] .page-head {
  background: var(--dk-paper);
  border-bottom-color: var(--dk-divider);
}
:root[data-bs-theme="dark"] .page-aside,
:root[data-bs-theme="dark"] #sub-menu-nav ul {
  background: var(--dk-paper);
  border-color: var(--dk-divider);
  color: var(--dk-text);
}
:root[data-bs-theme="dark"] .page-foot {
  color: var(--dk-text-2);
  border-top-color: var(--dk-divider);
}
:root[data-bs-theme="dark"] .breadcrumb {
  background-color: transparent;
}
:root[data-bs-theme="dark"] hr {
  border-color: var(--dk-divider);
}

/* ── karty / bloky (Paper elevation 1) ─────────────────────────────────── */
:root[data-bs-theme="dark"] .card,
:root[data-bs-theme="dark"] .cl-mcont .block,
:root[data-bs-theme="dark"] .block-flat,
:root[data-bs-theme="dark"] .block-flat .block-wizard,
:root[data-bs-theme="dark"] .white-box,
:root[data-bs-theme="dark"] .paper,
:root[data-bs-theme="dark"] .tab-content,
:root[data-bs-theme="dark"] .accordion .panel,
:root[data-bs-theme="dark"] .accordion .panel-heading,
:root[data-bs-theme="dark"] .fuelux .wizard,
:root[data-bs-theme="dark"] .fuelux .wizard ul li.active,
:root[data-bs-theme="dark"] .gallery-cont .item .head,
:root[data-bs-theme="dark"] .mail-inbox .head,
:root[data-bs-theme="dark"] .main-app .head,
:root[data-bs-theme="dark"] .mail-inbox .mails,
:root[data-bs-theme="dark"] .main-app .items,
:root[data-bs-theme="dark"] .mail-inbox .checkbox,
:root[data-bs-theme="dark"] .main-app .checkbox,
:root[data-bs-theme="dark"] .message .head,
:root[data-bs-theme="dark"] .message .mail,
:root[data-bs-theme="dark"] .message .checkbox,
:root[data-bs-theme="dark"] .page-aside.email .mail-nav .compose,
:root[data-bs-theme="dark"] .page-aside.app .app-nav .compose,
:root[data-bs-theme="dark"] .block .items li,
:root[data-bs-theme="dark"] .widget-block .items li,
:root[data-bs-theme="dark"] .list-group.todo .list-group-item,
:root[data-bs-theme="dark"] ul.timeline li .content,
:root[data-bs-theme="dark"] .chat-wi .chat-content,
:root[data-bs-theme="dark"] .dd-handle,
:root[data-bs-theme="dark"] .dd3-content,
:root[data-bs-theme="dark"] .dd3-content:hover,
:root[data-bs-theme="dark"] .dd-placeholder,
:root[data-bs-theme="dark"] .has-switch label,
:root[data-bs-theme="dark"] table tbody .details {
  background: var(--dk-paper);
  color: var(--dk-text);
  border-color: var(--dk-divider);
}
:root[data-bs-theme="dark"] .cl-mcont .block,
:root[data-bs-theme="dark"] .block-flat {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
:root[data-bs-theme="dark"] ul.timeline li .content:before {
  background: var(--dk-paper);
  border-color: var(--dk-divider);
}
/* hlavičky bloků */
:root[data-bs-theme="dark"] .block .header,
:root[data-bs-theme="dark"] .widget-block .header,
:root[data-bs-theme="dark"] .block-flat .header,
:root[data-bs-theme="dark"] .block-transparent .header,
:root[data-bs-theme="dark"] .widget-title {
  background: transparent;
  border-color: var(--dk-divider);
}
:root[data-bs-theme="dark"] .login-container .block-flat .header,
:root[data-bs-theme="dark"] .sign-up-container .block-flat .header {
  background: var(--dk-bar);
}
:root[data-bs-theme="dark"] .block .header h3,
:root[data-bs-theme="dark"] .widget-block .header h3,
:root[data-bs-theme="dark"] .block .header .actions i,
:root[data-bs-theme="dark"] .widget-block .header .actions i,
:root[data-bs-theme="dark"] .block h2 i,
:root[data-bs-theme="dark"] .block .items li i,
:root[data-bs-theme="dark"] .widget-block .items li i {
  color: var(--dk-text-2);
}
:root[data-bs-theme="dark"] .cl-mcont .block .stat-data .stat-number h2,
:root[data-bs-theme="dark"] .cl-mcont .block-flat .stat-data .stat-number h2 {
  color: var(--dk-text);
}
/* hover řádků seznamů */
:root[data-bs-theme="dark"] .block .items li:hover,
:root[data-bs-theme="dark"] .widget-block .items li:hover,
:root[data-bs-theme="dark"] .friend-widget:hover,
:root[data-bs-theme="dark"] .treeview label:hover,
:root[data-bs-theme="dark"] .treeview label.show,
:root[data-bs-theme="dark"] .treeview ul li a:hover,
:root[data-bs-theme="dark"] .navbar-default .navbar-nav > li.button .dropdown-menu li > a:hover {
  background-color: var(--dk-hover);
}

/* ── text: CleanZone #333/#444/#555/#666 → MUI text primary/secondary ─── */
:root[data-bs-theme="dark"] .cont p,
:root[data-bs-theme="dark"] .page-head h2,
:root[data-bs-theme="dark"] .list-group-item,
:root[data-bs-theme="dark"] .md-content,
:root[data-bs-theme="dark"] .dd-handle,
:root[data-bs-theme="dark"] .dd3-content,
:root[data-bs-theme="dark"] .butstyle,
:root[data-bs-theme="dark"] #sub-menu-nav ul li a,
:root[data-bs-theme="dark"] .treeview ul li a,
:root[data-bs-theme="dark"] .page-aside.email .mail-nav ul li a,
:root[data-bs-theme="dark"] .page-aside.app .app-nav ul.nav li a,
:root[data-bs-theme="dark"] .navbar-default .navbar-nav > li.button .dropdown-menu li ul > li > a,
:root[data-bs-theme="dark"] .navbar-default .navbar-nav > li.button .dropdown-menu li > a:hover,
:root[data-bs-theme="dark"] .navbar-default .navbar-nav > li.button .dropdown-menu .title,
:root[data-bs-theme="dark"] .navbar-default .navbar-nav > li.button .dropdown-menu .foot a,
:root[data-bs-theme="dark"] .navbar-default .navbar-nav > li.button .messages li > a .name,
:root[data-bs-theme="dark"] .accordion .panel-heading a.collapsed,
:root[data-bs-theme="dark"] .accordion.accordion-color .panel-heading a.collapsed,
:root[data-bs-theme="dark"] .accordion.accordion-semi .panel-heading a.collapsed {
  color: var(--dk-text);
}
:root[data-bs-theme="dark"] .butpro .sub span,
:root[data-bs-theme="dark"] .i-circle i,
:root[data-bs-theme="dark"] .dd-item > button,
:root[data-bs-theme="dark"] .fc-state-default,
:root[data-bs-theme="dark"] .chat-wi .chat-tools {
  color: var(--dk-text-2);
}
:root[data-bs-theme="dark"] .text-muted {
  color: var(--dk-text-2) !important;
}
:root[data-bs-theme="dark"] .text-dark {
  color: var(--dk-text) !important;
}

/* ── okraje (#dadada/#e5e5e5/… → divider) ─────────────────────────────── */
:root[data-bs-theme="dark"] .col-menu-2 > li:first-child ul,
:root[data-bs-theme="dark"] .form-horizontal.group-border .form-group,
:root[data-bs-theme="dark"] .form-horizontal.group-border-dashed .form-group,
:root[data-bs-theme="dark"] .page-aside.email .mail-nav .title,
:root[data-bs-theme="dark"] .page-aside.app .app-nav .title,
:root[data-bs-theme="dark"] .mail-inbox .filters,
:root[data-bs-theme="dark"] .main-app .filters,
:root[data-bs-theme="dark"] .mail-inbox .mails .item,
:root[data-bs-theme="dark"] .main-app .items .item,
:root[data-bs-theme="dark"] .message .mails .item,
:root[data-bs-theme="dark"] .page-aside.email .mail-nav,
:root[data-bs-theme="dark"] .page-aside.app .app-nav,
:root[data-bs-theme="dark"] .page-aside.email div.content,
:root[data-bs-theme="dark"] .page-aside.app div.content,
:root[data-bs-theme="dark"] .cl-mcont .block .stat-data .stat-number,
:root[data-bs-theme="dark"] .cl-mcont .block-flat .stat-data .stat-number,
:root[data-bs-theme="dark"] .block .fact-data:first-child,
:root[data-bs-theme="dark"] .cl-mcont .block.widget-notes,
:root[data-bs-theme="dark"] .pie-widget .stats,
:root[data-bs-theme="dark"] .navbar-default .navbar-nav > li.button .dropdown-menu li ul > li > a,
:root[data-bs-theme="dark"] .navbar-default .navbar-nav > li.button .dropdown-menu .title,
:root[data-bs-theme="dark"] ul.timeline li > .date,
:root[data-bs-theme="dark"] .chat-wi .sent .c-bubble,
:root[data-bs-theme="dark"] .chat-wi .chat-in,
:root[data-bs-theme="dark"] .chat-wi .chat-tools,
:root[data-bs-theme="dark"] .chat-wi .chat-conv .c-avatar,
:root[data-bs-theme="dark"] blockquote,
:root[data-bs-theme="dark"] .border {
  border-color: var(--dk-divider) !important;
}
/* kroužek ikony časové osy (bílý okraj = „výřez" čáry) → barva pozadí */
:root[data-bs-theme="dark"] ul.timeline li > .fa {
  border-color: var(--dk-bg);
}
:root[data-bs-theme="dark"] ul.timeline:before,
:root[data-bs-theme="dark"] ul.timeline:after,
:root[data-bs-theme="dark"] ul.timeline li > .date {
  background: var(--dk-paper-2);
}

/* ── tabulky ──────────────────────────────────────────────────────────── */
:root[data-bs-theme="dark"] table thead th,
:root[data-bs-theme="dark"] table td,
:root[data-bs-theme="dark"] table .no-border tr th:first-child,
:root[data-bs-theme="dark"] table .no-border-x tr:last-child td,
:root[data-bs-theme="dark"] table .no-border-y tr td:first-child {
  border-color: var(--dk-divider);
}
:root[data-bs-theme="dark"] table.hover tbody tr:hover,
:root[data-bs-theme="dark"] .ext table.hover tbody tr:hover,
:root[data-bs-theme="dark"] table.table-alternate tbody > tr:nth-child(2n):hover {
  background-color: var(--dk-hover);
}
:root[data-bs-theme="dark"] table.table-alternate tbody > tr:nth-child(2n) {
  background: var(--dk-zebra);
}
:root[data-bs-theme="dark"] table td .legend {
  background-color: var(--dk-paper-2);
}
/* Bootstrap .table kreslí pozadí buněk vlastní proměnnou (--bs-table-bg = body
   bg) — na kartě (paper) by buňky byly tmavší pruh; průhledné = dědí kartu. */
:root[data-bs-theme="dark"] .table {
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--dk-divider);
  --bs-table-striped-bg: var(--dk-zebra);
  --bs-table-hover-bg: var(--dk-hover);
  --bs-table-active-bg: var(--dk-selected);
}

/* ── formuláře (MUI outlined: průhledné, okraj .23) ───────────────────── */
:root[data-bs-theme="dark"] .form-control,
:root[data-bs-theme="dark"] .form-select,
:root[data-bs-theme="dark"] .rbt-input-multi {
  background-color: transparent;
  border-color: var(--dk-input-border);
  color: var(--dk-text);
}
:root[data-bs-theme="dark"] .form-control:focus,
:root[data-bs-theme="dark"] .form-select:focus {
  border-color: var(--dk-primary);
  box-shadow: 0 0 0 1px var(--dk-primary);
}
:root[data-bs-theme="dark"] .form-control:disabled,
:root[data-bs-theme="dark"] .form-select:disabled,
:root[data-bs-theme="dark"] .rbt-input-multi.disabled {
  /* MUI disabled outlined: průhledné, tlumený okraj i text (jako com) */
  background-color: transparent;
  border-color: var(--dk-divider);
  color: var(--dk-text-3);
}
:root[data-bs-theme="dark"] .form-select option {
  background-color: var(--dk-menu);
}
:root[data-bs-theme="dark"] .rbt-token {
  background-color: var(--dk-primary-subtle);
  color: var(--dk-primary);
}
:root[data-bs-theme="dark"] .input-group-text,
:root[data-bs-theme="dark"] .login-container .block-flat .input-group-addon,
:root[data-bs-theme="dark"] .sign-up-container .block-flat .input-group-addon {
  background-color: var(--dk-paper-2);
  border-color: var(--dk-input-border);
  color: var(--dk-text-2);
}
:root[data-bs-theme="dark"] .select2-container .select2-choice,
:root[data-bs-theme="dark"] .select2-container-multi .select2-choices,
:root[data-bs-theme="dark"] .select2-container-multi .select2-choices .select2-search-choice,
:root[data-bs-theme="dark"] .chat-wi .chat-in,
:root[data-bs-theme="dark"] .chat-wi .chat-tools {
  background: var(--dk-paper-2);
  border-color: var(--dk-input-border);
  color: var(--dk-text);
}
:root[data-bs-theme="dark"] .has-switch span.switch-right,
:root[data-bs-theme="dark"] .has-switch .switch-off span.switch-left {
  background-color: var(--dk-selected);
  color: var(--dk-text);
}
/* eprForm: žluté pozadí formuláře EPR → warning tón */
:root[data-bs-theme="dark"] .eprForm {
  background-color: rgba(255, 167, 38, 0.08);
}

/* ── tlačítka ─────────────────────────────────────────────────────────── */
/* neutrální (default) = MUI outlined inherit (com brand): průhledné,
   šedý divider okraj, bílý text */
:root[data-bs-theme="dark"] .btn:not(.btn-fake):not(.btn-link) {
  border-color: var(--dk-input-border); /* CleanZone .btn #ccc (outline-* aj.) */
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
/* ambient (UIButton ambient = .btn-fake, MUI text varianta): bez rámečku,
   na hover okraj + action.hover (místo bílého gradientu z modules.css) */
:root[data-bs-theme="dark"] .btn-fake {
  color: var(--dk-text-2);
}
:root[data-bs-theme="dark"] .btn-fake:hover {
  color: var(--dk-text);
  border-color: var(--dk-input-border);
  background-image: none;
  background-color: var(--dk-hover);
}
:root[data-bs-theme="dark"] .btn-default,
:root[data-bs-theme="dark"] .btn-default:focus,
:root[data-bs-theme="dark"] .btn-flat.btn-default,
:root[data-bs-theme="dark"] .butstyle,
:root[data-bs-theme="dark"] .butstyle.flat {
  background: transparent;
  border-color: var(--dk-input-border);
  color: var(--dk-text);
}
:root[data-bs-theme="dark"] .btn-default i,
:root[data-bs-theme="dark"] .btn-secondary i {
  color: inherit;
}
:root[data-bs-theme="dark"] .btn-default:hover,
:root[data-bs-theme="dark"] .btn-default:active,
:root[data-bs-theme="dark"] .btn-default.active,
:root[data-bs-theme="dark"] .btn-flat.btn-default.active,
:root[data-bs-theme="dark"] .show .dropdown-toggle.btn-default {
  background: var(--dk-hover);
  border-color: var(--dk-input-border);
  color: var(--dk-text);
}
/* barevná = MUI contained: pozadí řeší status-colors.css (--status-* = MUI dark
   palette.main, !important), tady jen text — MUI contrastText je tmavý (.87),
   u error bílý. */
:root[data-bs-theme="dark"] :is(.btn-primary, .btn-success, .btn-info, .btn-warning),
:root[data-bs-theme="dark"] :is(.btn-primary, .btn-success, .btn-info, .btn-warning):is(:hover, :focus, :active, .active),
:root[data-bs-theme="dark"] :is(.btn-primary, .btn-success, .btn-info, .btn-warning) i {
  color: var(--dk-on-main);
}
:root[data-bs-theme="dark"] .btn-danger,
:root[data-bs-theme="dark"] .btn-danger:is(:hover, :focus, :active, .active),
:root[data-bs-theme="dark"] .btn-secondary,
:root[data-bs-theme="dark"] .btn-secondary:is(:hover, :focus, :active, .active) {
  color: #fff;
}
/* disabled = MUI action.disabledBackground + action.disabled (jako com „VYHLEDAT"
   před vyplněním). !important kvůli status-colors.css (pozadí btn-* je !important). */
:root[data-bs-theme="dark"] .btn:disabled,
:root[data-bs-theme="dark"] .btn.disabled,
:root[data-bs-theme="dark"] .btn-disabled {
  background-color: var(--dk-divider) !important;
  border-color: transparent !important;
  color: rgba(255, 255, 255, 0.3);
  box-shadow: none;
  opacity: 1;
}
:root[data-bs-theme="dark"] .btn-default:disabled,
:root[data-bs-theme="dark"] .btn-default.disabled {
  background-color: transparent !important;
  border-color: var(--dk-divider) !important;
}

/* ── alerty (MUI standard Alert) ──────────────────────────────────────── */
:root[data-bs-theme="dark"] .alert-success { background-color: rgb(12, 19, 13); color: rgb(204, 232, 205); }
:root[data-bs-theme="dark"] .alert-info { background-color: rgb(7, 19, 24); color: rgb(184, 231, 251); }
:root[data-bs-theme="dark"] .alert-warning { background-color: rgb(25, 18, 7); color: rgb(255, 226, 183); }
:root[data-bs-theme="dark"] .alert-danger { background-color: rgb(22, 11, 11); color: rgb(244, 199, 199); }
:root[data-bs-theme="dark"] .alert-success,
:root[data-bs-theme="dark"] .alert-info,
:root[data-bs-theme="dark"] .alert-warning,
:root[data-bs-theme="dark"] .alert-danger,
:root[data-bs-theme="dark"] .alert-white {
  background-image: none; /* .alert-white: bílý gradient */
  border-color: var(--dk-divider);
}
:root[data-bs-theme="dark"] .alert-white:not(.alert-success):not(.alert-info):not(.alert-warning):not(.alert-danger) {
  background-color: var(--dk-paper);
  color: var(--dk-text);
}
/* .alert-white .icon = barevný proužek vlevo + šipka (:after) v téže barvě */
:root[data-bs-theme="dark"] .alert-white .icon { border-color: var(--dk-divider); }
:root[data-bs-theme="dark"] .alert-white.alert-success .icon,
:root[data-bs-theme="dark"] .alert-white.alert-success .icon:after { background: var(--dk-success); border-color: var(--dk-success); }
:root[data-bs-theme="dark"] .alert-white.alert-info .icon,
:root[data-bs-theme="dark"] .alert-white.alert-info .icon:after { background: var(--dk-info); border-color: var(--dk-info); }
:root[data-bs-theme="dark"] .alert-white.alert-warning .icon,
:root[data-bs-theme="dark"] .alert-white.alert-warning .icon:after { background: var(--dk-warning); border-color: var(--dk-warning); }
:root[data-bs-theme="dark"] .alert-white.alert-danger .icon,
:root[data-bs-theme="dark"] .alert-white.alert-danger .icon:after { background: var(--dk-error); border-color: var(--dk-error); }
:root[data-bs-theme="dark"] .alert-white:not(.alert-danger) .icon i { color: var(--dk-on-main); }

/* ── navigace: záložky, stránkování, seznamy, menu ─────────────────────── */
:root[data-bs-theme="dark"] .nav-tabs {
  --bs-nav-tabs-link-active-bg: var(--dk-paper);
  --bs-nav-tabs-link-active-color: var(--dk-text);
  --bs-nav-tabs-link-active-border-color: var(--dk-divider) var(--dk-divider) var(--dk-paper);
  --bs-nav-tabs-border-color: var(--dk-divider);
}
:root[data-bs-theme="dark"] .tab-left .nav-tabs > li.active > a,
:root[data-bs-theme="dark"] .tab-right .nav-tabs > li.active > a {
  border-color: var(--dk-divider);
}
:root[data-bs-theme="dark"] .pagination > li > a,
:root[data-bs-theme="dark"] .pagination > li > span,
:root[data-bs-theme="dark"] .pagination > .disabled > span,
:root[data-bs-theme="dark"] .pagination > .disabled > a,
:root[data-bs-theme="dark"] .pagination > .disabled > a:hover {
  background-color: transparent;
  border-color: var(--dk-divider);
}
:root[data-bs-theme="dark"] .pagination > li > a:hover,
:root[data-bs-theme="dark"] .pagination > li > span:hover,
:root[data-bs-theme="dark"] .pagination > li > a:focus,
:root[data-bs-theme="dark"] .pagination > li > span:focus {
  background-color: var(--dk-hover);
}
:root[data-bs-theme="dark"] .pagination {
  --bs-pagination-bg: transparent;
  --bs-pagination-border-color: var(--dk-divider);
  --bs-pagination-hover-bg: var(--dk-hover);
  --bs-pagination-hover-border-color: var(--dk-divider);
  --bs-pagination-disabled-bg: transparent;
  --bs-pagination-disabled-border-color: var(--dk-divider);
}
:root[data-bs-theme="dark"] .list-group {
  --bs-list-group-bg: var(--dk-paper);
  --bs-list-group-border-color: var(--dk-divider);
  --bs-list-group-action-hover-bg: var(--dk-hover);
}
:root[data-bs-theme="dark"] .list-group.tickets .list-group-item {
  background-color: var(--dk-paper-2);
}
:root[data-bs-theme="dark"] .dropdown-menu,
:root[data-bs-theme="dark"] .navbar-default .navbar-nav > li.button .dropdown-menu {
  --bs-dropdown-bg: var(--dk-menu);
  --bs-dropdown-link-color: var(--dk-text);
  --bs-dropdown-link-hover-bg: var(--dk-hover);
  --bs-dropdown-border-color: transparent;
  background-color: var(--dk-menu);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
:root[data-bs-theme="dark"] .dropdown-menu > a,
:root[data-bs-theme="dark"] .dropdown-menu > li > a,
:root[data-bs-theme="dark"] .dropdown-menu li > a {
  color: var(--dk-text);
}
:root[data-bs-theme="dark"] .navbar-default .navbar-nav > li.button .dropdown-menu .foot a {
  background-color: var(--dk-paper-2);
}
:root[data-bs-theme="dark"] .dropdown-header {
  color: var(--dk-primary);
}
:root[data-bs-theme="dark"] .dropdown-submenu > a:after {
  border-left-color: var(--dk-text-3);
}

/* ── modal (Dialog elevation 24) ──────────────────────────────────────── */
:root[data-bs-theme="dark"] dialog[data-ui-modal],
:root[data-bs-theme="dark"] .modal {
  --bs-modal-bg: var(--dk-dialog);
  --bs-modal-color: var(--dk-text);
  --bs-modal-header-border-color: var(--dk-divider);
  --bs-modal-footer-border-color: var(--dk-divider);
}
:root[data-bs-theme="dark"] .md-content {
  background: var(--dk-dialog);
}
:root[data-bs-theme="dark"] .modal-content .modal-footer {
  background-color: transparent;
}

/* ── chat (případ) ───────────────────────────────────────────────────── */
:root[data-bs-theme="dark"] .chat-wi .sent .c-bubble,
:root[data-bs-theme="dark"] .chat-wi .msg-received .c-bubble {
  background-color: var(--dk-paper-2);
  color: var(--dk-text-2);
  border-color: var(--dk-divider);
}
:root[data-bs-theme="dark"] .chat-wi .chat-tools i:hover,
:root[data-bs-theme="dark"] .chat-wi .chat-in button,
:root[data-bs-theme="dark"] .chat-wi .chat-in input[type="submit"] {
  background-color: var(--dk-hover);
  border-color: var(--dk-divider);
  color: var(--dk-text);
}
:root[data-bs-theme="dark"] .chat-wi .chat-in input[type="text"] {
  color: var(--dk-text);
}

/* ── primární akcent: modrá CleanZone/Bootstrap → zlatá ──────────────────
   Jen „primary" role (odkazy, aktivní/vybrané stavy, focus, primary prvky).
   ZÁMĚRNĚ modré zůstává: info (alert-info, progress-bar-info), dekorace
   (blue-chart/box, ikony časové osy, chat bubliny, tag-color-*, kalendář). */
/* :where → specificita jen `a` (jako CleanZone `a {}`; vyhraje pořadím listu),
   takže specifičtější CleanZone pravidla pro navbar/sidebar/menu si své barvy
   drží; tlačítka a nav položky se vynechají */
:where(:root[data-bs-theme="dark"]) a:where(:not(.btn, .nav-link, .navbar-brand, .dropdown-item, .list-group-item)),
:root[data-bs-theme="dark"] .pagination .page-link,
:root[data-bs-theme="dark"] .accordion .panel-heading a,
:root[data-bs-theme="dark"] .blue thead th,
:root[data-bs-theme="dark"] .fuelux .wizard ul li.active,
:root[data-bs-theme="dark"] .gallery-cont .item .head span.active,
:root[data-bs-theme="dark"] .i-circle.primary i,
:root[data-bs-theme="dark"] .treeview label i,
:root[data-bs-theme="dark"] .list-group-item.active span {
  color: var(--dk-primary);
}
:where(:root[data-bs-theme="dark"]) a:where(:not(.btn, .nav-link, .navbar-brand, .dropdown-item, .list-group-item)):is(:hover, :focus, :active),
:root[data-bs-theme="dark"] .nav-tabs > li > a:hover,
:root[data-bs-theme="dark"] .nav-tabs > li > a:active,
:root[data-bs-theme="dark"] .block-functions a:hover {
  color: var(--dk-primary-light);
}
:root[data-bs-theme="dark"] .block-functions a { color: var(--dk-text); }
:root[data-bs-theme="dark"] .accordion .panel-heading a.collapsed { color: var(--dk-text); }
/* aktivní záložka: indikátor nahoře / po straně */
:root[data-bs-theme="dark"] .nav-tabs > li > a.active:after,
:root[data-bs-theme="dark"] .nav-tabs > li > a.active:hover:after,
:root[data-bs-theme="dark"] .nav-tabs > li > a.active:focus:after {
  background: var(--dk-primary);
}
:root[data-bs-theme="dark"] .tab-bottom .nav-tabs > li.active > a { border-bottom-color: var(--dk-primary); }
:root[data-bs-theme="dark"] .tab-left .nav-tabs > li.active > a { border-left-color: var(--dk-primary); }
:root[data-bs-theme="dark"] .tab-right .nav-tabs > li.active > a { border-right-color: var(--dk-primary); }
/* vybrané / aktivní = plná zlatá + tmavý text (MUI contained) */
:root[data-bs-theme="dark"] .list-group-item.active,
:root[data-bs-theme="dark"] .list-group-item.active:hover,
:root[data-bs-theme="dark"] .list-group-item.active:focus,
:root[data-bs-theme="dark"] .nav-pills > li.active > a,
:root[data-bs-theme="dark"] .nav-pills .nav-link.active,
:root[data-bs-theme="dark"] .dropdown-item.active,
:root[data-bs-theme="dark"] .dropdown-item:active,
:root[data-bs-theme="dark"] .label-primary,
:root[data-bs-theme="dark"] .accordion.accordion-semi .panel-heading a,
:root[data-bs-theme="dark"] .accordion.accordion-color .panel-heading a,
:root[data-bs-theme="dark"] .dd3-handle,
:root[data-bs-theme="dark"] .dd-handle:hover,
:root[data-bs-theme="dark"] .has-switch span.switch-left,
:root[data-bs-theme="dark"] .slider-selection,
:root[data-bs-theme="dark"] .fuelux .wizard ul li.complete,
:root[data-bs-theme="dark"] table .primary-emphasis {
  background-color: var(--dk-primary);
  border-color: var(--dk-primary);
  color: var(--dk-on-main);
}
/* barevné (warning/danger) hlavičky si nechávají svou (MUI) barvu */
:root[data-bs-theme="dark"] .accordion.accordion-semi .panel-heading.warning a {
  background-color: var(--dk-warning);
  border-color: var(--dk-warning);
  color: var(--dk-on-main);
}
:root[data-bs-theme="dark"] .accordion.accordion-semi .panel-heading.danger a {
  background-color: var(--dk-error);
  border-color: var(--dk-error);
  color: #fff;
}
:root[data-bs-theme="dark"] .accordion.accordion-semi .panel-heading a.collapsed,
:root[data-bs-theme="dark"] .accordion.accordion-color .panel-heading a.collapsed {
  background-color: var(--dk-paper);
  border-color: var(--dk-divider);
  color: var(--dk-text);
}
:root[data-bs-theme="dark"] .accordion.accordion-color .panel-collapse .panel-body {
  background-color: var(--dk-paper);
}
:root[data-bs-theme="dark"] .pagination > .active > a,
:root[data-bs-theme="dark"] .pagination > .active > span,
:root[data-bs-theme="dark"] .pagination > .active > a:hover,
:root[data-bs-theme="dark"] .pagination > .active > span:hover {
  background-color: var(--dk-primary) !important; /* CleanZone má !important */
  border-color: var(--dk-primary);
  color: var(--dk-on-main);
}
:root[data-bs-theme="dark"] .pagination {
  --bs-pagination-color: var(--dk-primary);
  --bs-pagination-hover-color: var(--dk-primary-light);
  --bs-pagination-focus-color: var(--dk-primary-light);
  --bs-pagination-active-bg: var(--dk-primary);
  --bs-pagination-active-border-color: var(--dk-primary);
  --bs-pagination-active-color: var(--dk-on-main);
  --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(var(--dk-primary-rgb), .25);
}
:root[data-bs-theme="dark"] .list-group {
  --bs-list-group-active-bg: var(--dk-primary);
  --bs-list-group-active-border-color: var(--dk-primary);
  --bs-list-group-active-color: var(--dk-on-main);
}
:root[data-bs-theme="dark"] .nav-pills {
  --bs-nav-pills-link-active-bg: var(--dk-primary);
  --bs-nav-pills-link-active-color: var(--dk-on-main);
}
:root[data-bs-theme="dark"] .nav {
  --bs-nav-link-color: var(--dk-primary);
  --bs-nav-link-hover-color: var(--dk-primary-light);
}
:root[data-bs-theme="dark"] .dropdown-menu {
  --bs-dropdown-link-active-bg: var(--dk-primary);
  --bs-dropdown-link-active-color: var(--dk-on-main);
}
/* hover okraj odkazových seznamů (CleanZone levý modrý proužek) */
:root[data-bs-theme="dark"] a.list-group-item:hover,
:root[data-bs-theme="dark"] .inbox-item.list-group-item:hover,
:root[data-bs-theme="dark"] .friend-widget:hover img,
:root[data-bs-theme="dark"] .butstyle:hover,
:root[data-bs-theme="dark"] .chat-wi .chat-in button:hover,
:root[data-bs-theme="dark"] td:hover .editable {
  border-color: var(--dk-primary);
}
:root[data-bs-theme="dark"] a.list-group-item:hover + a.list-group-item,
:root[data-bs-theme="dark"] .inbox-item.list-group-item:hover + .list-group-item {
  border-top-color: var(--dk-primary);
}
/* navbar / menu: modré hover/aktivní pozadí → overlay (bar je šedý #272727) */
:root[data-bs-theme="dark"] .navbar-default .navbar-nav > .active > a,
:root[data-bs-theme="dark"] .navbar-default .navbar-nav > .active > a:hover,
:root[data-bs-theme="dark"] .navbar-default .navbar-nav > .show > a,
:root[data-bs-theme="dark"] .navbar-default .navbar-nav > .show > a:hover,
:root[data-bs-theme="dark"] .navbar-default .navbar-nav > .show > a:focus {
  background-color: var(--dk-selected);
}
:root[data-bs-theme="dark"] .dropdown-menu > li > a:hover,
:root[data-bs-theme="dark"] .dropdown-menu > li > a:focus,
:root[data-bs-theme="dark"] .dropdown-submenu:hover > a,
:root[data-bs-theme="dark"] #sub-menu-nav ul li a:hover {
  background-color: var(--dk-hover);
  color: var(--dk-text);
}
/* sidebar: aktivní položka = zlatý proužek vlevo, hover = overlay */
:root[data-bs-theme="dark"] .cl-vnavigation .parent ul li.active a,
:root[data-bs-theme="dark"] .cl-vnavigation .active > a {
  border-left-color: var(--dk-primary);
}
:root[data-bs-theme="dark"] .cl-vnavigation .selected:hover a {
  background-color: var(--dk-selected);
}
/* focus ring formulářů + zaškrtnuté checkboxy/radia/switche */
:root[data-bs-theme="dark"] .mail-inbox .head input[type="text"]:focus,
:root[data-bs-theme="dark"] .main-app .head input[type="text"]:focus {
  border-color: var(--dk-primary);
}
:root[data-bs-theme="dark"] .form-check-input:checked {
  background-color: var(--dk-primary);
  border-color: var(--dk-primary);
}
:root[data-bs-theme="dark"] .form-check-input:focus,
:root[data-bs-theme="dark"] .btn:focus-visible {
  border-color: var(--dk-primary);
  box-shadow: 0 0 0 .25rem rgba(var(--dk-primary-rgb), .25);
}
/* checked checkbox: BS ikona fajfky je bílá → na zlaté tmavá */
:root[data-bs-theme="dark"] .form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-opacity='.87' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
:root[data-bs-theme="dark"] .form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000' fill-opacity='.87'/%3e%3c/svg%3e");
}
:root[data-bs-theme="dark"] .form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000' fill-opacity='.87'/%3e%3c/svg%3e");
}
/* primární progress / modal se barevnou hlavičkou */
:root[data-bs-theme="dark"] .progress {
  --bs-progress-bar-bg: var(--dk-primary);
}
:root[data-bs-theme="dark"] .colored-header .modal-header,
:root[data-bs-theme="dark"] .md-dark .modal-header {
  background-color: var(--dk-primary);
  border-bottom-color: var(--dk-primary-dark) !important;
  color: var(--dk-on-main);
}

/* modrá souhrnná patička karty (UICardFooter = .total-data.bg-blue, např.
   „Případů celkem" na /prehled) a modrá stat dlaždice → jemný zlatý podklad
   (plná výplň by na tmavém „řvala" stejně jako modrá) */
:root[data-bs-theme="dark"] .bg-blue,
:root[data-bs-theme="dark"] .cl-mcont .block .stat-data .stat-blue,
:root[data-bs-theme="dark"] .cl-mcont .block-flat .stat-data .stat-blue {
  background: rgba(var(--dk-primary-rgb), 0.14);
  color: var(--dk-text);
  border-top: 1px solid rgba(var(--dk-primary-rgb), 0.35);
}
:root[data-bs-theme="dark"] .bg-blue a {
  color: var(--dk-primary);
}
:root[data-bs-theme="dark"] .bg-blue .caret {
  border-color: var(--dk-text) transparent;
}