/**
 * ════════════════════════════════════════════════════════════════════
 *  TMAVÝ REŽIM — globální doladění (načítá se jako POSLEDNÍ)
 * ════════════════════════════════════════════════════════════════════
 *  Problém: velká část CRM má barvy napsané přímo v HTML
 *  (style="background:#fff") nebo v modulových CSS (bo_kit, oz_leads),
 *  takže je motivové proměnné nepřebily a karty svítily do očí.
 *
 *  Řešení: tenhle soubor se načítá až za všemi ostatními a používá
 *  atributové selektory na inline styly + !important. Tím zachytí
 *  i plochy, které o motivech nevědí.
 *
 *  Platí pro [data-theme="dark"]. Barevné akcenty (stavy, badge, tlačítka)
 *  se ZÁMĚRNĚ nechávají — mají nést význam.
 * ════════════════════════════════════════════════════════════════════
 */

[data-theme="dark"] {
  --d-bg:        #0f172a;  /* stránka */
  --d-surface:   #1e293b;  /* karta */
  --d-surface-2: #273549;  /* karta hover / vnořený blok */
  --d-input:     #0b1220;  /* vstupní pole */
  --d-border:    #334155;
  --d-text:      #e8ecf7;
  --d-text-2:    #b6c0d4;
  --d-text-3:    #8b97ad;

  /* ── KLÍČOVÉ: přemapování ZÁKLADNÍCH tokenů ────────────────────────
     Většina komponent (karty OZ, panely, bloky) staví barvu na
     --color-card-bg / --card / --bg. Dokud byly světlé, karty svítily
     a ztmavly jen při hoveru (ten měl vlastní pravidlo). Tímto se
     opraví naráz stovky tříd, které o motivech nevědí.               */
  --color-page-bg:        #0f172a;
  --color-card-bg:        #1e293b;
  --color-card-bg-hover:  #273549;
  --color-text:           #e8ecf7;
  --color-text-muted:     #8b97ad;
  --color-border:         #334155;
  --color-border-strong:  #3f4d63;
  --color-input-bg:       #0b1220;
  --color-input-border:   #334155;

  /* Legacy bridge (staré třídy je používají přímo) */
  --bg:     #0f172a;
  --card:   #1e293b;
  --text:   #e8ecf7;
  --muted:  #8b97ad;
}

/* ── 1. Plochy definované inline stylem (background:#fff apod.) ───── */
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background:#ffffff"],
[data-theme="dark"] [style*="background: #ffffff"],
[data-theme="dark"] [style*="background:white"],
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background-color:#fff"],
[data-theme="dark"] [style*="background-color: #fff"],
[data-theme="dark"] [style*="background:#f9fafb"],
[data-theme="dark"] [style*="background: #f9fafb"],
[data-theme="dark"] [style*="background:#f8fafc"],
[data-theme="dark"] [style*="background:#f5f7fa"],
[data-theme="dark"] [style*="background:#fafafa"],
[data-theme="dark"] [style*="background:#f3f4f6"] {
  background: var(--d-surface) !important;
  color: var(--d-text);
}

/* ── 2. Známé komponenty (moduly s vlastními CSS) ─────────────────── */
[data-theme="dark"] .bo-card,
[data-theme="dark"] .bo-card__col,
[data-theme="dark"] .bo-section,
[data-theme="dark"] .bo-section__body,
[data-theme="dark"] .bo-note-block,
[data-theme="dark"] .bo-stat-card,
[data-theme="dark"] .bo-card-list > *,
[data-theme="dark"] .oz-card,
[data-theme="dark"] .oz-card__body,
[data-theme="dark"] .card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .role-section,
[data-theme="dark"] .user-card,
[data-theme="dark"] .rd-primary-card,
[data-theme="dark"] .rd-stat,
[data-theme="dark"] .as-card,
[data-theme="dark"] .dg-toolbar {
  background: var(--d-surface) !important;
  border-color: var(--d-border) !important;
  color: var(--d-text);
}
/* Karta OZ (.oz-contact) — má gradient přes var(--card); po přemapování
   tokenů výše je tmavá už v základu, hover jen o stupeň zesvětlí. */
[data-theme="dark"] .oz-contact {
  background: var(--d-surface) !important;
  border-color: var(--d-border) !important;
}
[data-theme="dark"] .bo-card:hover,
[data-theme="dark"] .oz-card:hover,
[data-theme="dark"] .oz-contact:hover { background: var(--d-surface-2) !important; }

/* Stránka + hlavní obsah */
[data-theme="dark"] .bo-page,
[data-theme="dark"] .crm-main,
[data-theme="dark"] main,
[data-theme="dark"] body { background: var(--d-bg); }

/* ── 3. Formulářová pole (nejčastější zdroj svícení) ──────────────── */
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] input[type="date"],
[data-theme="dark"] input[type="datetime-local"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background: var(--d-input) !important;
  color: var(--d-text) !important;
  border-color: var(--d-border) !important;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder { color: var(--d-text-3) !important; }
[data-theme="dark"] option { background: var(--d-input); color: var(--d-text); }

/* ── 4. Texty, které byly napsané tmavé natvrdo ───────────────────── */
[data-theme="dark"] [style*="color:#111"],
[data-theme="dark"] [style*="color: #111"],
[data-theme="dark"] [style*="color:#1f2937"],
[data-theme="dark"] [style*="color:#374151"],
[data-theme="dark"] [style*="color:#000"],
[data-theme="dark"] [style*="color: #000"] {
  color: var(--d-text) !important;
}
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3,
[data-theme="dark"] h4, [data-theme="dark"] strong, [data-theme="dark"] b,
[data-theme="dark"] th, [data-theme="dark"] label, [data-theme="dark"] legend {
  color: var(--d-text);
}
[data-theme="dark"] td { color: var(--d-text-2); }

/* ── 5. Tabulky + oddělovače ──────────────────────────────────────── */
[data-theme="dark"] table { background: transparent; }
[data-theme="dark"] thead tr,
[data-theme="dark"] tfoot tr { background: var(--d-surface-2) !important; }
[data-theme="dark"] tbody tr:nth-child(even) { background: rgba(255,255,255,.03) !important; }
[data-theme="dark"] tbody tr:hover { background: rgba(255,255,255,.06) !important; }
[data-theme="dark"] hr { border-color: var(--d-border); }

/* ── 6. Grid.js (živý datagrid) ───────────────────────────────────── */
[data-theme="dark"] .gridjs-container,
[data-theme="dark"] .gridjs-wrapper,
[data-theme="dark"] .gridjs-table,
[data-theme="dark"] .gridjs-tr,
[data-theme="dark"] .gridjs-td,
[data-theme="dark"] .gridjs-th,
[data-theme="dark"] .gridjs-footer,
[data-theme="dark"] .gridjs-search-input {
  background: var(--d-surface) !important;
  color: var(--d-text) !important;
  border-color: var(--d-border) !important;
}
[data-theme="dark"] .gridjs-tr:nth-child(even) { background: rgba(255,255,255,.03) !important; }
[data-theme="dark"] .gridjs-tr:hover          { background: rgba(255,255,255,.07) !important; }

/* ── 7. Modaly, toasty, popovery ──────────────────────────────────── */
[data-theme="dark"] #crm-modal-box,
[data-theme="dark"] .crm-tenant-menu,
[data-theme="dark"] .theme-popover,
[data-theme="dark"] .oz-modal,
[data-theme="dark"] .dg-modal,
[data-theme="dark"] .dg-history-panel {
  background: var(--d-surface) !important;
  color: var(--d-text) !important;
  border-color: var(--d-border) !important;
}

/* ── 8. Světlé pastelové bloky (růžové/zelené/žluté sekce) ────────── */
/* Ztlumíme je, ale necháme barevný nádech = zůstane význam.          */
[data-theme="dark"] [style*="background:#fdf2f8"],
[data-theme="dark"] [style*="background:#fce7f3"],
[data-theme="dark"] [style*="background:#ecfdf5"],
[data-theme="dark"] [style*="background:#f0fdf4"],
[data-theme="dark"] [style*="background:#fef3c7"],
[data-theme="dark"] [style*="background:#fffbeb"],
[data-theme="dark"] [style*="background:#eff6ff"],
[data-theme="dark"] [style*="background:#e0f2fe"],
[data-theme="dark"] [style*="background:#fef2f2"] {
  background: var(--d-surface-2) !important;
  color: var(--d-text);
}

/* ── 9. Checkbox řádky BO postupu (růžové pruhy na screenshotu) ───── */
[data-theme="dark"] .bo-check-row,
[data-theme="dark"] .bo-progress-row,
[data-theme="dark"] .bo-check-row--done {
  background: var(--d-surface-2) !important;
  border-color: var(--d-border) !important;
  color: var(--d-text) !important;
}