/* SVETLÝ REŽIM (variant H, 10.10.2026)

   Paleta „Papier“ (teplá krémová). Tmavozelený ostáva len riadok menu
   (#menuRow); pásy trhov, ľavý panel, obsah a všetky rolety z menu sú
   svetlé.

   Každé pravidlo platí len pri <html data-tema="svetly">. Atribút nastavuje
   svetly.js ešte pred vykreslením stránky. Bez neho sa z tohto súboru
   nepoužije nič a tmavý režim je presne taký ako predtým.

   Súbor sa načítava vždy (aj v tmavom režime): štýl pridaný až skriptom
   prehliadač nečaká a pri každom načítaní by bliklo tmavé pozadie.

   styles.css a app.js sa kvôli svetlému režimu nemenia. Farby zapísané
   priamo pri prvkoch (style="color:#34b872") sa tu prepisujú podľa zápisu;
   je to dočasná obchádzka, kým ich app.js nebude brať z premenných. */

/* 1. Premenné celej stránky */
html[data-tema="svetly"] {
  --bg-deep: #f1ebe1;
  --bg-main: #f9f6f1;
  --bg-panel: #fffdf9;
  --bg-card: #f4efe7;
  --bg-hover: #ece4d8;
  --bg-input: #fffdf9;

  --border-dark: #eee7dc;
  --border-light: #e2d8ca;
  --border-accent: #c2b39c;

  --text-white: #231f1a;
  --text-gray-100: #2a251f;
  --text-gray-200: #332d26;
  --text-gray-300: #4d453b;
  --text-gray-400: #6b6155;
  --text-gray-500: #7a7064;
  --text-gray-600: #8c8276;

  --farba-rast: #15803d;
  --farba-pokles: #dc2626;
  --color-sma200: #ca8a04;

  --fast-price: #231f1a;
  --fast-green-div: rgba(107, 114, 128, 0.18);

  color-scheme: light;
}

/* Tmavý text na svetlom pozadí potrebuje bežné vyhladzovanie písma
   (antialiased zo styles.css je určené pre svetlý text na tmavom). */
html[data-tema="svetly"],
html[data-tema="svetly"] body {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

/* 2. Farby zapísané priamo pri prvkoch v app.js */
html[data-tema="svetly"] [style*="color:#eab308"],
html[data-tema="svetly"] [style*="color: #eab308"] { color: #a16207 !important; }
html[data-tema="svetly"] [style*="color:#34b872"],
html[data-tema="svetly"] [style*="color: #34b872"],
html[data-tema="svetly"] [style*="color: rgb(52, 184, 114)"] { color: #15803d !important; }
html[data-tema="svetly"] [style*="color:#f87171"],
html[data-tema="svetly"] [style*="color: #f87171"],
html[data-tema="svetly"] [style*="color: rgb(248, 113, 113)"] { color: #dc2626 !important; }
html[data-tema="svetly"] [style*="color:#38bdf8"],
html[data-tema="svetly"] [style*="color: #38bdf8"] { color: #0369a1 !important; }

/* Svetlé sivé texty zapísané priamo (napr. US 10R-2R v pásoch) */
html[data-tema="svetly"] [style*="color:#9aaba4"],
html[data-tema="svetly"] [style*="color: #9aaba4"],
html[data-tema="svetly"] [style*="color: rgb(154, 171, 164)"] { color: #6b6155 !important; }
html[data-tema="svetly"] [style*="color:#879792"],
html[data-tema="svetly"] [style*="color: #879792"],
html[data-tema="svetly"] [style*="color: rgb(135, 151, 146)"] { color: #7a7064 !important; }
html[data-tema="svetly"] [style*="color:#bccac4"],
html[data-tema="svetly"] [style*="color: #bccac4"],
html[data-tema="svetly"] [style*="color: rgb(188, 202, 196)"] { color: #4d453b !important; }

/* Druhý stupeň hodnotenia (60 až 79 bodov, skóre 6 až 7,4): svetlá
   limetková #a3e635 je na krémovej nečitateľná, tmavšia zelená (10.10.2026) */
html[data-tema="svetly"] [style*="color:#a3e635"],
html[data-tema="svetly"] [style*="color: #a3e635"],
html[data-tema="svetly"] [style*="color: rgb(163, 230, 53)"] { color: #4d7c0f !important; }
html[data-tema="svetly"] [style*="background:#a3e635"],
html[data-tema="svetly"] [style*="background: #a3e635"],
html[data-tema="svetly"] [style*="background: rgb(163, 230, 53)"] { background: #4d7c0f !important; }

/* Ďalšie farby zapísané priamo pri prvkoch alebo nastavené skriptom
   (napr. technika, momentum, typy transakcií insiderov). Len ak je to
   farba písma, nie pozadia (background-color sa nezamení). 10.10.2026 */
html[data-tema="svetly"] [style^="color:#4ade80"],
html[data-tema="svetly"] [style*=" color:#4ade80"],
html[data-tema="svetly"] [style*=";color:#4ade80"],
html[data-tema="svetly"] [style^="color: #4ade80"],
html[data-tema="svetly"] [style*=" color: #4ade80"],
html[data-tema="svetly"] [style*=";color: #4ade80"],
html[data-tema="svetly"] [style^="color: rgb(74, 222, 128)"],
html[data-tema="svetly"] [style*=" color: rgb(74, 222, 128)"],
html[data-tema="svetly"] [style*=";color: rgb(74, 222, 128)"] { color: #15803d !important; }
html[data-tema="svetly"] [style^="color:#22c55e"],
html[data-tema="svetly"] [style*=" color:#22c55e"],
html[data-tema="svetly"] [style*=";color:#22c55e"],
html[data-tema="svetly"] [style^="color: #22c55e"],
html[data-tema="svetly"] [style*=" color: #22c55e"],
html[data-tema="svetly"] [style*=";color: #22c55e"],
html[data-tema="svetly"] [style^="color: rgb(34, 197, 94)"],
html[data-tema="svetly"] [style*=" color: rgb(34, 197, 94)"],
html[data-tema="svetly"] [style*=";color: rgb(34, 197, 94)"] { color: #15803d !important; }
html[data-tema="svetly"] [style^="color:#86efac"],
html[data-tema="svetly"] [style*=" color:#86efac"],
html[data-tema="svetly"] [style*=";color:#86efac"],
html[data-tema="svetly"] [style^="color: #86efac"],
html[data-tema="svetly"] [style*=" color: #86efac"],
html[data-tema="svetly"] [style*=";color: #86efac"],
html[data-tema="svetly"] [style^="color: rgb(134, 239, 172)"],
html[data-tema="svetly"] [style*=" color: rgb(134, 239, 172)"],
html[data-tema="svetly"] [style*=";color: rgb(134, 239, 172)"] { color: #15803d !important; }
html[data-tema="svetly"] [style^="color:#fbbf24"],
html[data-tema="svetly"] [style*=" color:#fbbf24"],
html[data-tema="svetly"] [style*=";color:#fbbf24"],
html[data-tema="svetly"] [style^="color: #fbbf24"],
html[data-tema="svetly"] [style*=" color: #fbbf24"],
html[data-tema="svetly"] [style*=";color: #fbbf24"],
html[data-tema="svetly"] [style^="color: rgb(251, 191, 36)"],
html[data-tema="svetly"] [style*=" color: rgb(251, 191, 36)"],
html[data-tema="svetly"] [style*=";color: rgb(251, 191, 36)"] { color: #a16207 !important; }
html[data-tema="svetly"] [style^="color:#facc15"],
html[data-tema="svetly"] [style*=" color:#facc15"],
html[data-tema="svetly"] [style*=";color:#facc15"],
html[data-tema="svetly"] [style^="color: #facc15"],
html[data-tema="svetly"] [style*=" color: #facc15"],
html[data-tema="svetly"] [style*=";color: #facc15"],
html[data-tema="svetly"] [style^="color: rgb(250, 204, 21)"],
html[data-tema="svetly"] [style*=" color: rgb(250, 204, 21)"],
html[data-tema="svetly"] [style*=";color: rgb(250, 204, 21)"] { color: #a16207 !important; }
html[data-tema="svetly"] [style^="color:#eab308"],
html[data-tema="svetly"] [style*=" color:#eab308"],
html[data-tema="svetly"] [style*=";color:#eab308"],
html[data-tema="svetly"] [style^="color: #eab308"],
html[data-tema="svetly"] [style*=" color: #eab308"],
html[data-tema="svetly"] [style*=";color: #eab308"],
html[data-tema="svetly"] [style^="color: rgb(234, 179, 8)"],
html[data-tema="svetly"] [style*=" color: rgb(234, 179, 8)"],
html[data-tema="svetly"] [style*=";color: rgb(234, 179, 8)"] { color: #a16207 !important; }
html[data-tema="svetly"] [style^="color:#94a3b8"],
html[data-tema="svetly"] [style*=" color:#94a3b8"],
html[data-tema="svetly"] [style*=";color:#94a3b8"],
html[data-tema="svetly"] [style^="color: #94a3b8"],
html[data-tema="svetly"] [style*=" color: #94a3b8"],
html[data-tema="svetly"] [style*=";color: #94a3b8"],
html[data-tema="svetly"] [style^="color: rgb(148, 163, 184)"],
html[data-tema="svetly"] [style*=" color: rgb(148, 163, 184)"],
html[data-tema="svetly"] [style*=";color: rgb(148, 163, 184)"] { color: #64748b !important; }
html[data-tema="svetly"] [style^="color:#38bdf8"],
html[data-tema="svetly"] [style*=" color:#38bdf8"],
html[data-tema="svetly"] [style*=";color:#38bdf8"],
html[data-tema="svetly"] [style^="color: #38bdf8"],
html[data-tema="svetly"] [style*=" color: #38bdf8"],
html[data-tema="svetly"] [style*=";color: #38bdf8"],
html[data-tema="svetly"] [style^="color: rgb(56, 189, 248)"],
html[data-tema="svetly"] [style*=" color: rgb(56, 189, 248)"],
html[data-tema="svetly"] [style*=";color: rgb(56, 189, 248)"] { color: #0369a1 !important; }
html[data-tema="svetly"] [style^="color:#7dd3fc"],
html[data-tema="svetly"] [style*=" color:#7dd3fc"],
html[data-tema="svetly"] [style*=";color:#7dd3fc"],
html[data-tema="svetly"] [style^="color: #7dd3fc"],
html[data-tema="svetly"] [style*=" color: #7dd3fc"],
html[data-tema="svetly"] [style*=";color: #7dd3fc"],
html[data-tema="svetly"] [style^="color: rgb(125, 211, 252)"],
html[data-tema="svetly"] [style*=" color: rgb(125, 211, 252)"],
html[data-tema="svetly"] [style*=";color: rgb(125, 211, 252)"] { color: #0369a1 !important; }
html[data-tema="svetly"] [style^="color:#60a5fa"],
html[data-tema="svetly"] [style*=" color:#60a5fa"],
html[data-tema="svetly"] [style*=";color:#60a5fa"],
html[data-tema="svetly"] [style^="color: #60a5fa"],
html[data-tema="svetly"] [style*=" color: #60a5fa"],
html[data-tema="svetly"] [style*=";color: #60a5fa"],
html[data-tema="svetly"] [style^="color: rgb(96, 165, 250)"],
html[data-tema="svetly"] [style*=" color: rgb(96, 165, 250)"],
html[data-tema="svetly"] [style*=";color: rgb(96, 165, 250)"] { color: #1d4ed8 !important; }
html[data-tema="svetly"] [style^="color:#93c5fd"],
html[data-tema="svetly"] [style*=" color:#93c5fd"],
html[data-tema="svetly"] [style*=";color:#93c5fd"],
html[data-tema="svetly"] [style^="color: #93c5fd"],
html[data-tema="svetly"] [style*=" color: #93c5fd"],
html[data-tema="svetly"] [style*=";color: #93c5fd"],
html[data-tema="svetly"] [style^="color: rgb(147, 197, 253)"],
html[data-tema="svetly"] [style*=" color: rgb(147, 197, 253)"],
html[data-tema="svetly"] [style*=";color: rgb(147, 197, 253)"] { color: #1d4ed8 !important; }
html[data-tema="svetly"] [style^="color:#fca5a5"],
html[data-tema="svetly"] [style*=" color:#fca5a5"],
html[data-tema="svetly"] [style*=";color:#fca5a5"],
html[data-tema="svetly"] [style^="color: #fca5a5"],
html[data-tema="svetly"] [style*=" color: #fca5a5"],
html[data-tema="svetly"] [style*=";color: #fca5a5"],
html[data-tema="svetly"] [style^="color: rgb(252, 165, 165)"],
html[data-tema="svetly"] [style*=" color: rgb(252, 165, 165)"],
html[data-tema="svetly"] [style*=";color: rgb(252, 165, 165)"] { color: #b91c1c !important; }

/* 3. Prvky s pevnou tmavou farbou v styles.css */
/* 21.10.2026 (B22, variant A): štítok tickera v zoznamoch bol takmer
   rovnaký ako pozadie. Svetlozelený s tmavozeleným písmom, rovnaká zelená
   ako riadok menu; ostáva aj pod myšou (styles.css ho inak zošedí). */
html[data-tema="svetly"] .screener-ticker-pill { background: #dfece3 !important; color: #1b4a33 !important; box-shadow: inset 0 0 0 1px #c9dfd0; }
html[data-tema="svetly"] .si-mierka-btn.active { background: #ece2d1 !important; color: #231f1a !important; }

/* Zoznam firiem vľavo: deliace čiary a výraznejšie podsvietenie vybranej
   firmy a firmy pod kurzorom (svetlé pozadie panela je takmer biele) */
html[data-tema="svetly"] .stock-list-item { border-bottom-color: var(--border-dark); }
html[data-tema="svetly"] .stock-list-item:hover,
html[data-tema="svetly"] .stock-list-item.active { background: var(--bg-hover); }

/* Značka aktuálneho P/E na farebnom pruhu: biela by na svetlom pozadí zanikla */
html[data-tema="svetly"] .pe-range-marker { background: #231f1a; box-shadow: 0 0 0 1px #fffdf9; }

/* „živé dáta“ pri názve firmy: tmavšia tyrkysová */
html[data-tema="svetly"] .live-status-inline { color: #0f766e; }
html[data-tema="svetly"] .live-status-inline .status-indicator { background: #0f766e; }

/* SuperGrafy, Kvalita: prázdna časť pruhov skóre (na svetlej karte nebola vidno) */
html[data-tema="svetly"] #sgPaneKval [style*="background:var(--bg-panel)"] { background: var(--border-light) !important; }

/* 4. Riadok menu ostáva v pôvodnej tmavozelenej */
html[data-tema="svetly"] #menuRow {
  --bg-deep: #040d08;
  --bg-main: #08170f;
  --bg-panel: #0d2217;
  --bg-card: #122d1f;
  --bg-hover: #183a28;
  --bg-input: #05130b;
  --border-dark: #0f2b1d;
  --border-light: #18422d;
  --border-accent: #256142;
  --text-white: #e6ece9;
  --text-gray-100: #e1e8e4;
  --text-gray-200: #dce4e0;
  --text-gray-300: #bccac4;
  --text-gray-400: #9aaba4;
  --text-gray-500: #879792;
  --text-gray-600: #6b7a74;
  --farba-rast: #34b872;
  --farba-pokles: #f87171;
  --color-sma200: #eab308;
  --fast-price: #e6ece9;
  --fast-green-div: rgba(107, 114, 128, 0.28);
  color-scheme: dark;
  background-color: var(--bg-deep);
  color: var(--text-gray-200);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html[data-tema="svetly"] #menuRow [style*="color:#34b872"],
html[data-tema="svetly"] #menuRow [style*="color: #34b872"] { color: #34b872 !important; }
html[data-tema="svetly"] #menuRow [style*="color:#f87171"],
html[data-tema="svetly"] #menuRow [style*="color: #f87171"] { color: #f87171 !important; }
html[data-tema="svetly"] #menuRow [style*="color:#38bdf8"],
html[data-tema="svetly"] #menuRow [style*="color: #38bdf8"] { color: #38bdf8 !important; }
html[data-tema="svetly"] #menuRow [style*="color:#9aaba4"],
html[data-tema="svetly"] #menuRow [style*="color: #9aaba4"] { color: #9aaba4 !important; }
html[data-tema="svetly"] #menuRow [style*="color:#879792"],
html[data-tema="svetly"] #menuRow [style*="color: #879792"] { color: #879792 !important; }
html[data-tema="svetly"] #menuRow [style*="color:#bccac4"],
html[data-tema="svetly"] #menuRow [style*="color: #bccac4"] { color: #bccac4 !important; }
html[data-tema="svetly"] #menuRow [style*="color:#eab308"],
html[data-tema="svetly"] #menuRow [style*="color: #eab308"] { color: #eab308 !important; }

/* V menu ostávajú pôvodné farby */
html[data-tema="svetly"] #menuRow [style*="color:#4ade80"], html[data-tema="svetly"] #menuRow [style*="color: #4ade80"], html[data-tema="svetly"] #menuRow [style*="color: rgb(74, 222, 128)"] { color: #4ade80 !important; }
html[data-tema="svetly"] #menuRow [style*="color:#22c55e"], html[data-tema="svetly"] #menuRow [style*="color: #22c55e"], html[data-tema="svetly"] #menuRow [style*="color: rgb(34, 197, 94)"] { color: #22c55e !important; }
html[data-tema="svetly"] #menuRow [style*="color:#86efac"], html[data-tema="svetly"] #menuRow [style*="color: #86efac"], html[data-tema="svetly"] #menuRow [style*="color: rgb(134, 239, 172)"] { color: #86efac !important; }
html[data-tema="svetly"] #menuRow [style*="color:#fbbf24"], html[data-tema="svetly"] #menuRow [style*="color: #fbbf24"], html[data-tema="svetly"] #menuRow [style*="color: rgb(251, 191, 36)"] { color: #fbbf24 !important; }
html[data-tema="svetly"] #menuRow [style*="color:#facc15"], html[data-tema="svetly"] #menuRow [style*="color: #facc15"], html[data-tema="svetly"] #menuRow [style*="color: rgb(250, 204, 21)"] { color: #facc15 !important; }
html[data-tema="svetly"] #menuRow [style*="color:#eab308"], html[data-tema="svetly"] #menuRow [style*="color: #eab308"], html[data-tema="svetly"] #menuRow [style*="color: rgb(234, 179, 8)"] { color: #eab308 !important; }
html[data-tema="svetly"] #menuRow [style*="color:#94a3b8"], html[data-tema="svetly"] #menuRow [style*="color: #94a3b8"], html[data-tema="svetly"] #menuRow [style*="color: rgb(148, 163, 184)"] { color: #94a3b8 !important; }
html[data-tema="svetly"] #menuRow [style*="color:#38bdf8"], html[data-tema="svetly"] #menuRow [style*="color: #38bdf8"], html[data-tema="svetly"] #menuRow [style*="color: rgb(56, 189, 248)"] { color: #38bdf8 !important; }
html[data-tema="svetly"] #menuRow [style*="color:#7dd3fc"], html[data-tema="svetly"] #menuRow [style*="color: #7dd3fc"], html[data-tema="svetly"] #menuRow [style*="color: rgb(125, 211, 252)"] { color: #7dd3fc !important; }
html[data-tema="svetly"] #menuRow [style*="color:#60a5fa"], html[data-tema="svetly"] #menuRow [style*="color: #60a5fa"], html[data-tema="svetly"] #menuRow [style*="color: rgb(96, 165, 250)"] { color: #60a5fa !important; }
html[data-tema="svetly"] #menuRow [style*="color:#93c5fd"], html[data-tema="svetly"] #menuRow [style*="color: #93c5fd"], html[data-tema="svetly"] #menuRow [style*="color: rgb(147, 197, 253)"] { color: #93c5fd !important; }
html[data-tema="svetly"] #menuRow [style*="color:#fca5a5"], html[data-tema="svetly"] #menuRow [style*="color: #fca5a5"], html[data-tema="svetly"] #menuRow [style*="color: rgb(252, 165, 165)"] { color: #fca5a5 !important; }

/* 5. Rolety, ktoré sú v kóde stránky vnútri hlavičky (ponuka účtu,
      mobilné menu), sú svetlé ako obsah. Rolety sekcií (#navRoleta)
      a hľadanie (.cmdk-panel) sú mimo hlavičky, svetlé sú automaticky. */
html[data-tema="svetly"] #menuRow #siUcetMenu,
html[data-tema="svetly"] #menuRow #headerActions.mobile-open {
  --bg-deep: #f1ebe1;
  --bg-main: #f9f6f1;
  --bg-panel: #fffdf9;
  --bg-card: #f4efe7;
  --bg-hover: #ece4d8;
  --bg-input: #fffdf9;
  --border-dark: #eee7dc;
  --border-light: #e2d8ca;
  --border-accent: #c2b39c;
  --text-white: #231f1a;
  --text-gray-100: #2a251f;
  --text-gray-200: #332d26;
  --text-gray-300: #4d453b;
  --text-gray-400: #6b6155;
  --text-gray-500: #7a7064;
  --text-gray-600: #8c8276;
  --farba-rast: #15803d;
  --farba-pokles: #dc2626;
  --color-sma200: #ca8a04;
  --fast-price: #231f1a;
  --fast-green-div: rgba(107, 114, 128, 0.18);
  color-scheme: light;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
html[data-tema="svetly"] #menuRow #headerActions.mobile-open {
  background-color: var(--bg-panel);
  color: var(--text-gray-200);
}
html[data-tema="svetly"] #menuRow #headerActions.mobile-open .nav-active {
  background: #ece2d1 !important;
  color: #231f1a !important;
}

/* ===================== 10.10.2026: úpravy po kontrole ===================== */

/* Deliace čiary v tabuľkách a riadkoch údajov (boli takmer čierne) */
html[data-tema="svetly"] .table-pro th,
html[data-tema="svetly"] .table-pro td,
html[data-tema="svetly"] .stat-row { border-bottom-color: var(--border-dark); }

/* Hodnotenie „férovo“: žltá na svetlom nečitateľná */
html[data-tema="svetly"] .val-fair { color: #a16207; border-color: #a16207; }
html[data-tema="svetly"] .rating-value.val-fair { color: #a16207; }

/* Bubliny (tooltipy) */
html[data-tema="svetly"] .glossary-tooltip {
  background: var(--bg-panel); border-color: var(--border-accent);
  box-shadow: 0 8px 24px rgba(35, 31, 26, 0.18);
}
html[data-tema="svetly"] .glossary-tooltip-readmore { color: #0369a1; }
html[data-tema="svetly"] .glossary-tooltip-readmore:hover { color: #075985; }
html[data-tema="svetly"] .heatmap-karta {
  background: var(--bg-panel); border-color: var(--border-light);
  box-shadow: 0 14px 36px rgba(35, 31, 26, 0.22);
}
html[data-tema="svetly"] .toast {
  background: var(--bg-panel); box-shadow: 0 8px 24px rgba(35, 31, 26, 0.18);
}
html[data-tema="svetly"] .si-lock:hover { color: #0369a1; }

/* Modré odkazy a značky (#38bdf8 je na svetlom príliš bledá) */
html[data-tema="svetly"] .etf-protejsok,
html[data-tema="svetly"] .kal-dalsie,
html[data-tema="svetly"] .si-bt-odkaz,
html[data-tema="svetly"] .si-bt-viac,
html[data-tema="svetly"] .heatmap-drobcek-krok,
html[data-tema="svetly"] .si-sl-ponuka-novy,
html[data-tema="svetly"] .badge-global { color: #0369a1; }
html[data-tema="svetly"] .si-bt-odkaz:hover { color: #075985; }
html[data-tema="svetly"] .si-sl-znacka { color: #0369a1; border-color: rgba(3, 105, 161, 0.35); }
html[data-tema="svetly"] .holding-ticker-badge.matched { color: #0369a1; border-color: #0369a1; }
html[data-tema="svetly"] .si-select-option.selected,
html[data-tema="svetly"] .si-select-option.selected .si-select-count { color: #0369a1; }
html[data-tema="svetly"] .kompas-cal-cell.has-data { background: rgba(3, 105, 161, 0.10); color: #0369a1; }
html[data-tema="svetly"] .kompas-cal-cell.has-data:hover { background: rgba(3, 105, 161, 0.22); }

/* Zelené, žlté a červené texty v triedach */
html[data-tema="svetly"] .si-ucet-stav.zap,
html[data-tema="svetly"] .shortcuts-active-icon i,
html[data-tema="svetly"] .kal-druh-vyplata { color: #15803d; }
html[data-tema="svetly"] .kal-druh-vyplata { border-color: rgba(21, 128, 61, 0.35); }
html[data-tema="svetly"] .kal-moja,
html[data-tema="svetly"] .etf-znacka,
html[data-tema="svetly"] .si-bt-varovanie { color: #a16207; }
html[data-tema="svetly"] .kal-zatv { color: #b91c1c; background: rgba(220, 38, 38, 0.07); border-color: rgba(220, 38, 38, 0.30); }
html[data-tema="svetly"] .kal-dl-zatv { color: #dc2626; }
html[data-tema="svetly"] .degraded-data-banner { color: #b91c1c; }
html[data-tema="svetly"] .si-vys-telo h4 { color: #0f766e; }

/* Aktuálna položka v rolete sekcie a aktívny riadok v porovnaní */
html[data-tema="svetly"] .nav-roleta-aktualna { background: var(--bg-hover); color: var(--text-white); }
html[data-tema="svetly"] .nav-roleta-aktualna .nav-roleta-ikona { color: var(--text-gray-300); }
html[data-tema="svetly"] .nav-roleta-aktualna:hover { background: #e4dacb; }
html[data-tema="svetly"] .si-bt-porovnanie tr.aktivny td { background: var(--bg-hover); color: var(--text-white); }

/* Tmavé tlačidlá (Vymazať účet, stav, záloha) v svetlých odtieňoch */
html[data-tema="svetly"] .btn-close-danger,
html[data-tema="svetly"] .btn-status-danger { background: #fbeaea; border-color: #ebb4b4; color: #991b1b; }
html[data-tema="svetly"] .btn-close-danger:hover,
html[data-tema="svetly"] .btn-status-danger:hover { background: #f6d5d5; border-color: #dc8f8f; color: #7f1d1d; }
html[data-tema="svetly"] .btn-status-success { background: #e6f2e8; border-color: #a8d3b3; color: #166534; }
html[data-tema="svetly"] .btn-status-success:hover { background: #d5eadb; border-color: #84bf95; color: #14532d; }
html[data-tema="svetly"] .btn-backup-highlight,
html[data-tema="svetly"] .btn-login-highlight,
html[data-tema="svetly"] .backup-prompt-toast button.backup-prompt-btn { background: #e3f1f0; border-color: #93c8c4; color: #115e59; }
html[data-tema="svetly"] .btn-backup-highlight:hover,
html[data-tema="svetly"] .btn-login-highlight:hover,
html[data-tema="svetly"] .backup-prompt-toast button.backup-prompt-btn:hover { background: #d0e8e6; color: #134e4a; }
html[data-tema="svetly"] .backup-prompt-toast .backup-prompt-header i { color: #0f766e; }

/* Stmavenie pod oknami: teplejšie a slabšie */
html[data-tema="svetly"] .sg-chart-expand-modal,
html[data-tema="svetly"] .screener-detail-modal,
html[data-tema="svetly"] .si-bt-pozadie { background: rgba(35, 31, 26, 0.45); }

/* ===================== 21.10.2026 (B22): zoznamy a tabuľky =====================
   Čiary medzi riadkami boli takmer v farbe pozadia (v styles.css
   polopriehľadná biela alebo --border-dark), na krémovej ich nebolo vidieť.
   O odtieň tmavšie čiary riadkov, výraznejšia čiara pod hlavičkou. */
html[data-tema="svetly"] .screener-main-table tbody tr,
html[data-tema="svetly"] .crypto-table tbody tr { border-bottom-color: #e2dacd; }
html[data-tema="svetly"] .screener-table td,
html[data-tema="svetly"] .portfolio-table td,
html[data-tema="svetly"] .si-sl-tabulka td,
html[data-tema="svetly"] .etf-tabulka td,
html[data-tema="svetly"] .si-bt-obchody td,
html[data-tema="svetly"] .investors-row { border-bottom-color: #e2dacd; }
html[data-tema="svetly"] .screener-main-table thead,
html[data-tema="svetly"] .crypto-table thead,
html[data-tema="svetly"] .portfolio-table th,
html[data-tema="svetly"] .si-sl-tabulka thead th,
html[data-tema="svetly"] .etf-tabulka th { border-bottom-color: #d9d1c3; }

/* Kompas (21.10.2026, B22): čiary medzi kartami, mesiac kalendára
   (rovnaká biela ako rámček okolo, splýval), pás pod kalendárom v farbe
   zoznamu, rám skóre v rovnakej farbe ako číslo (svetlý rám s tmavým
   číslom pôsobil nesúrodo). */
html[data-tema="svetly"] .top-pick-card { border-bottom-color: #e2dacd; }
html[data-tema="svetly"] .kompas-cal-month { background: var(--bg-card); box-shadow: inset 0 0 0 1px var(--border-light); }
html[data-tema="svetly"] #kompasStickyTop { background: var(--bg-deep); }
html[data-tema="svetly"] .top-pick-score { border-color: currentColor !important; }

/* ===================== Prepínač režimu (oba režimy) =====================
   Malá ikona vľavo od účtu v riadku menu. V tmavom režime slnko
   (prepne na svetlý), v svetlom mesiac. Riadok menu je v oboch
   režimoch tmavý, preto rovnaký vzhľad. */
.si-tema-btn {
  width: 30px; height: 30px; border-radius: 50%; padding: 0; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: transparent; border: 1px solid transparent; color: #9aaba4;
  font-size: 0.85rem; cursor: pointer; margin-right: -4px;
  transition: background 0.15s, color 0.15s;
}
.si-tema-btn:hover { background: #122d1f; color: #e6ece9; }
.si-tema-btn:focus-visible { outline: 2px solid #2f7a52; outline-offset: 1px; }
/* 13.10.2026: ikony z tenkých čiar (svetly.js IKONA_SLNKO, IKONA_MESIAC) */
.si-tema-ikona { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.si-ucet-polozka .si-tema-ikona { width: 16px; height: 15px; flex-shrink: 0; color: var(--text-gray-400); stroke-width: 2; }