/* ===========================================================================
   TMAVÝ REŽIM — plochy, ktoré zostali svetlé
   ---------------------------------------------------------------------------
   PREČO TENTO SÚBOR VZNIKOL.

   V `site-experience-v64.css` sú dve plošné pravidlá:

     r. 9   html[data-plevix-theme="dark"] :is(h1..h6,b,strong,label){color:#f5f7ff}
     r. 77  html[data-plevix-theme="dark"] :is(...,table td,table th,...){...!important}

   Prvé zosvetlí KAŽDÝ nadpis, každé tučné písmo a každý popisok. Druhé každú
   bunku tabuľky, a to s `!important`. Ani jedno sa nepýta, na akom podklade
   ten text leží. Obranou je ručne písaný zoznam výnimiek — a čo sa doň
   nedostane, v tme zmizne.

   Takto zmizol zoznam faktúr: `#invoiceTable` má natvrdo biely podklad,
   nemá vlastnú farbu písma a žiadne tmavé pravidlo preň neexistovalo.
   Zákazník s tmavým režimom otvoril Faktúry a videl prázdnu bielu plochu —
   žiadne čísla, odberateľov ani sumy. Namerený kontrast 1,02:1.

   ČO SA TU ROBÍ. Nedopĺňajú sa ďalšie výnimky do toho zoznamu — to by bola
   tá istá chyba o úroveň nižšie. Plochám, ktoré v tme zostali svetlé, sa dáva
   tmavý podklad. Text na nich je potom svetlý správne, nie náhodou.

   ČO SA TU NEROBÍ. Papier faktúry (`.paper`) zostáva biely zámerne — doklad
   sa tlačí a tlačí sa na biely papier. Overené meraním: text na ňom má
   kontrast 17:1, čiže je v poriadku.

   Načítava sa POSLEDNÝ, až za `site-experience-v64.css`, inak by ho tie
   plošné pravidlá prebili.
   =========================================================================== */

html[data-plevix-theme="dark"] {

  /* ── Zoznamy: faktúry, odberatelia, položky, prijatá pošta ─────────────
     Toto je ten prípad, ktorý spôsobil prázdnu bielu plochu. */
  #invoiceTable,
  body[data-plevix-product="invoice"] #customerList,
  body[data-plevix-product="invoice"] #productList,
  body[data-plevix-product="invoice"] #efInbox {
    background: #0f1626;
    border-color: #293247;
    color: #e6ebf5;
  }

  /* ── Centrum upozornení ───────────────────────────────────────────── */
  .notice-panel,
  .notice-settings > label,
  .notice-row {
    background: #141a27;
    border-color: #303a50;
    color: #e6ebf5;
  }
  .notice-row.warn { background: #241f14; border-color: #4a3c18; }
  .notice-row.danger { background: #2a1618; border-color: #55282c; }

  /* ── Profil firmy a výber nástrojov ───────────────────────────────── */
  .pc56-panel,
  .pc56-form-card,
  .pc56-tool,
  .pc56-tool.recommended,
  .pc56-tool.plan-locked,
  .pc56-switch-grid label,
  .pc56-recommendation,
  .account-head {
    background: #141a27;
    border-color: #303a50;
    color: #e6ebf5;
  }
  .pc56-recommendation p,
  .pc56-tool.plan-locked small,
  .pc56-help-link span { color: #b8c2d4; }

  /* ── Prepínač firiem, prepojenia, zálohy ──────────────────────────── */
  .company-card,
  .company-card.active,
  .company-editor,
  .integration-card,
  .sticky-actions,
  .backup-choice span,
  .backup-choice.selected span,
  .backup-check {
    background: #141a27;
    border-color: #303a50;
    color: #e6ebf5;
  }

  /* ── Výber balíka a vlastné šablóny ───────────────────────────────── */
  .plan-choice span,
  .plan-choice input:checked + span,
  .custom-template-card,
  .custom-template-preview {
    background: #141a27;
    border-color: #303a50;
    color: #e6ebf5;
  }

  /* ── Rozbaľovač nástrojov v hornej lište ──────────────────────────── */
  .px21-suite-popover { background: #141a27; border-color: #303a50; color: #e6ebf5; }
  .px21-suite-popover a { color: #c7d2fe; }

  /* ── Právne stránky ────────────────────────────────────────────────
     `legal.css` definuje `--ink` pre svetlý podklad a pre tmu ju nikde
     nepredefinuje, pričom `body{color:var(--ink)}`. Čokoľvek, čo farbu
     dedí, preto v tme zmizne — vrátane rámčeka s IČO a miestom podnikania. */
  --ink: #e8edf7;
  --muted: #b8c2d4;
  --line: #303a50;

  .legal-box,
  .legal-note,
  .legal-alert,
  .legal-danger { background: #141a27; border-color: #303a50; color: #e8edf7; }
  .legal-actions a,
  .legal-actions button { background: #1b2334; border-color: #303a50; color: #e8edf7; }
  .legal-toc a { background: #141a27; color: #c7d2fe; }
}