/* ============================================================
   TRYB JASNY „C · Budowa (hi-vis)” (24.10)
   Grafitowy pasek i menu boczne, betonowa jasna szarość w tle, białe karty,
   JEDEN kolor akcji (pomarańcz ostrzegawczy). Ładowany PO themes.css.
   Wszystkie reguły: html[data-theme="light"] … z !important — wygrywają ze starymi
   regułami [data-theme="light"] … !important z main.css / themes.css (wyższa specyficzność).
   Tryb nocny: żadna reguła go nie dotyczy.
   Bez zmian: statusy OK / NIEZGODNE, kolory etapów E1–E6, raporty PDF / DOCX, wydruk.
   ============================================================ */

html[data-theme="light"] {
  /* pasek górny */
  --top-bg: #16181B;
  --top-line: rgba(255,255,255,.08);
  --top-btn-bg: rgba(255,255,255,.06);
  --top-ink: #ECEAE6;
  /* menu boczne */
  --side-bg: #1E2125;
  --side-line: rgba(255,255,255,.08);
  --side-ink: #E2E0DB;
  --side-muted: #9A978F;
  --nav-active-bg: rgba(255,138,30,.14);
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #FF8A1E;
  --side-pill-ink: #FFB347;
  --side-pill-bg: rgba(255,179,71,.16);
  /* przestrzeń robocza */
  --bg: #F3F1ED;
  --card: #FFFFFF;
  --line: #DDD8D0;
  --line-soft: #EEEBE6;
  --ink: #1C1E21;
  --muted: #5D5A54;
  --chip: #F6F4F1;
  --input-bg: #FAF9F7;
  --drop-border: #C2BBB0;
  --drop-bg: #FAF9F7;
  --module-icon-bg: #1C1E21;
  /* akcja */
  --acc: #C4510A;
  --acc-hover: #A84308;
  --acc-ink: #FFFFFF;
  --acc-shadow: 0 2px 0 #8E3A06;
  --link: #A84308;
  --focus-ring: 0 0 0 2px #FFFFFF, 0 0 0 4px #C4510A;          /* jasne powierzchnie (decyzja 1) */
  --focus-ring-dark: 0 0 0 2px #16181B, 0 0 0 4px #FF8A1E;     /* pasek górny i menu boczne */
  /* ostrzeżenia */
  --warn-ink: #7A2E05;
  --warn-bg: #FFF0E3;
  --warn-strong: #B3410A;
  --pill-ink: #8F4A00;
  --pill-bg: #FCE7C8;
  /* kształt */
  --radius: 12px;
  --radius-sm: 8px;
  --shadow-card: 0 1px 2px rgba(28,30,33,.06);

  /* stare zmienne motywu -> nowe tokeny (komponenty bazowe z main.css / themes.css / ds-gosc.css) */
  --bg2: #FFFFFF; --bg3: #F6F4F1; --bg4: #EEEBE6;
  --text: #1C1E21; --text1: #1C1E21; --text2: #5D5A54; --text3: #5D5A54; --dim: #5D5A54;
  --brd: #DDD8D0; --brd2: #C2BBB0; --line2: #DDD8D0;
  --s1: #F6F4F1; --s2: #EEEBE6; --s3: #F6F4F1;
  --primary: #C4510A; --primary-hover: #A84308; --blue: #C4510A; --blue2: #C4510A;
  --card-bg: #FFFFFF;
  --nav-bg: #16181B; --nav-brd: rgba(255,255,255,.08); --nav-shadow: none;
  --nav-tab-c: #ECEAE6; --nav-tab-hover: #FFFFFF;
  --bg-main: #F3F1ED; --bg-card: #FFFFFF; --bg-card-solid: #FFFFFF; --bg-nav: #16181B; --bg-sidebar: #1E2125;
  --bg-elevated: #F6F4F1; --bg-input: #FAF9F7; --bg-hover: #F6F4F1;
  --text-main: #1C1E21; --text-muted: #5D5A54; --text-faint: #5D5A54; --text-on-accent: #FFFFFF; --text-on-nav: #ECEAE6;
  --border: #DDD8D0; --border-strong: #C2BBB0; --border-muted: #EEEBE6; --border-input: #DDD8D0;
  --accent: #C4510A; --accent-soft: #FFF0E3; --accent-hover: #FCE7C8; --accent-solid: #C4510A; --accent-glow: transparent;
  --nav-tab-color: #ECEAE6; --nav-tab-active: #FFFFFF; --nav-border: rgba(255,255,255,.08);
  --scrollbar-thumb: #C2BBB0;
}

/* ── 1. Tło przestrzeni roboczej ─────────────────────────────────────────── */
html[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"] #app,
html[data-theme="light"] .app-body,
html[data-theme="light"] .content-area,
html[data-theme="light"] .main-content,
html[data-theme="light"] .module-wrap,
html[data-theme="light"] .page-content,
html[data-theme="light"] .main-panel,
html[data-theme="light"] .chat-area,
html[data-theme="light"] #ds-cennik-widok { background: var(--bg) !important; color: var(--ink) !important; }

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] .page-title { color: var(--ink) !important; }
html[data-theme="light"] label,
html[data-theme="light"] .label,
html[data-theme="light"] .field-field { color: var(--muted) !important; }
html[data-theme="light"] a { color: var(--link); }

/* ── 2. Pasek górny (ciemny) ─────────────────────────────────────────────── */
html[data-theme="light"] .topnav { background: var(--top-bg) !important; border-bottom: 1px solid var(--top-line) !important; box-shadow: none !important; }
html[data-theme="light"] .nav-tab { color: var(--top-ink) !important; text-shadow: none !important; opacity: .82; }
html[data-theme="light"] .nav-tab:hover { color: #FFFFFF !important; background: var(--top-btn-bg) !important; opacity: 1; }
html[data-theme="light"] .nav-tab.active { color: #FFFFFF !important; border-bottom-color: var(--nav-active-bar) !important; opacity: 1; }
html[data-theme="light"] .nav-tab.active::after { background: transparent !important; }
html[data-theme="light"] .nav-more-btn,
html[data-theme="light"] .nav-hamburger { color: var(--top-ink) !important; }
html[data-theme="light"] .theme-toggle-btn,
html[data-theme="light"] .nav-contact-btn,
html[data-theme="light"] .nav-logout,
html[data-theme="light"] .user-badge,
html[data-theme="light"] .plan-pill,
html[data-theme="light"] .token-pill { background: var(--top-btn-bg) !important; border: 1px solid var(--top-line) !important; color: var(--top-ink) !important; box-shadow: none !important; }
html[data-theme="light"] .theme-toggle-btn:hover,
html[data-theme="light"] .nav-contact-btn:hover,
html[data-theme="light"] .nav-logout:hover { background: rgba(255,255,255,.12) !important; border-color: rgba(255,255,255,.18) !important; color: #FFFFFF !important; }
html[data-theme="light"] .nav-contact-btn svg { stroke: var(--top-ink) !important; color: var(--top-ink) !important; }
html[data-theme="light"] .token-label { color: var(--side-muted) !important; }
html[data-theme="light"] .token-val { color: var(--top-ink) !important; }
html[data-theme="light"] .token-dot { background: var(--nav-active-bar) !important; }
html[data-theme="light"] .token-bar-wrap { background: rgba(255,255,255,.12) !important; }
html[data-theme="light"] .token-bar { background: var(--nav-active-bar) !important; }
/* logo: to samo co dla ciemnego tła (bez odwracania) */
html[data-theme="light"] .nav-logo-img { filter: none !important; opacity: 1 !important; }
/* rozwijane „Więcej” — biała karta */
html[data-theme="light"] .nav-more-dropdown { background: var(--card) !important; border: 1px solid var(--line) !important; box-shadow: 0 8px 24px rgba(28,30,33,.12) !important; border-radius: var(--radius-sm) !important; }
html[data-theme="light"] .nav-more-item { color: var(--ink) !important; }
html[data-theme="light"] .nav-more-item:hover { background: var(--chip) !important; color: var(--ink) !important; }
html[data-theme="light"] .nav-more-sep { background: var(--line) !important; }

/* ── 3. Menu boczne (ciemne) ─────────────────────────────────────────────── */
html[data-theme="light"] .sidebar { background: var(--side-bg) !important; border-right: 1px solid var(--side-line) !important; box-shadow: none !important; color: var(--side-ink) !important; }
html[data-theme="light"] .sbnav-sec,
html[data-theme="light"] .sb-title { color: var(--side-muted) !important; }
html[data-theme="light"] .sbnav-sec::after,
html[data-theme="light"] .sbnav-divider,
html[data-theme="light"] .sbnav-proj-divider { background: var(--side-line) !important; }
html[data-theme="light"] .sbnav-sep,
html[data-theme="light"] .sbnav-analysis,
html[data-theme="light"] .proj-section,
html[data-theme="light"] .proj-badge-wrap,
html[data-theme="light"] .sb-api { border-color: var(--side-line) !important; }
html[data-theme="light"] .sbnav-item { color: var(--side-ink) !important; background: transparent !important; border-radius: var(--radius-sm) !important; }
html[data-theme="light"] .sbnav-item svg { color: var(--side-muted) !important; }
html[data-theme="light"] .sbnav-item:hover { background: rgba(255,255,255,.06) !important; color: #FFFFFF !important; }
html[data-theme="light"] .sbnav-item:hover svg { color: var(--side-ink) !important; }
html[data-theme="light"] .sbnav-item::before { background: var(--nav-active-bar) !important; }
html[data-theme="light"] .sbnav-item.active { background: var(--nav-active-bg) !important; color: var(--nav-active-ink) !important; }
html[data-theme="light"] .sbnav-item.active svg { color: var(--nav-active-bar) !important; }
html[data-theme="light"] .sbnav-item.active::before { opacity: 1 !important; background: var(--nav-active-bar) !important; }
html[data-theme="light"] .sbnav-item span[style*="background"] { background: var(--side-pill-bg) !important; color: var(--side-pill-ink) !important; }
html[data-theme="light"] .sbnav-afile-name { color: var(--side-ink) !important; }
html[data-theme="light"] .sb-toggle { color: var(--side-muted) !important; }
html[data-theme="light"] .sb-toggle:hover { color: var(--nav-active-bar) !important; background: rgba(255,255,255,.06) !important; }
html[data-theme="light"] .sb-empty { color: var(--side-muted) !important; }
html[data-theme="light"] .sidebar .btn-secondary { background: rgba(255,255,255,.06) !important; border: 1px solid var(--side-line) !important; color: var(--side-ink) !important; }
html[data-theme="light"] .sidebar .btn-secondary:hover { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; }
html[data-theme="light"] .proj-item { color: var(--side-ink) !important; }
html[data-theme="light"] .proj-item:hover { background: rgba(255,255,255,.06) !important; color: #FFFFFF !important; }
html[data-theme="light"] .proj-item.active-proj { background: var(--nav-active-bg) !important; border-color: transparent !important; color: var(--nav-active-ink) !important; }
html[data-theme="light"] .proj-badge { background: rgba(255,255,255,.06) !important; border: 1px solid var(--side-line) !important; color: var(--side-ink) !important; }
html[data-theme="light"] #sb-fcount { color: var(--side-muted) !important; }
html[data-theme="light"] #dropZone { background: transparent !important; border: 1.5px dashed rgba(255,255,255,.22) !important; box-shadow: none !important; }
html[data-theme="light"] #dropZone:hover { border-color: var(--nav-active-bar) !important; background: rgba(255,255,255,.04) !important; }
html[data-theme="light"] #dropZone svg { stroke: var(--side-muted) !important; }
html[data-theme="light"] #dropZone .upload-text { color: var(--side-ink) !important; }
html[data-theme="light"] #dropZone div { color: var(--side-muted) !important; }
html[data-theme="light"] .sidebar .fitem { background: rgba(255,255,255,.04) !important; border-color: var(--side-line) !important; box-shadow: none !important; }
html[data-theme="light"] .sidebar .fitem-name { color: var(--side-ink) !important; }
html[data-theme="light"] .sidebar .fitem-meta,
html[data-theme="light"] .sidebar .fitem-del { color: var(--side-muted) !important; }
html[data-theme="light"] .sidebar .mpp-banner { background: rgba(255,255,255,.04) !important; border-color: var(--side-line) !important; color: var(--side-ink) !important; }
html[data-theme="light"] .sidebar .api-status { color: var(--side-muted) !important; }
html[data-theme="light"] .sidebar :focus-visible,
html[data-theme="light"] .topnav :focus-visible { outline: none !important; box-shadow: var(--focus-ring-dark) !important; }

/* ── 4. Dolny pasek na telefonie (ciemny, decyzja 4) ─────────────────────── */
html[data-theme="light"] .mob-bottom-nav { background: var(--top-bg) !important; border-top: 1px solid var(--top-line) !important; box-shadow: none !important; }
html[data-theme="light"] .mob-bn-item { color: var(--side-muted) !important; }
html[data-theme="light"] .mob-bn-item.active { color: #FFFFFF !important; }
html[data-theme="light"] .mob-bn-item.active svg { color: var(--nav-active-bar) !important; stroke: var(--nav-active-bar) !important; }
html[data-theme="light"] .mob-bn-item.active::before { background: var(--nav-active-bar) !important; }
html[data-theme="light"] .mob-bn-item:active { background: rgba(255,255,255,.06) !important; }
html[data-theme="light"] .mob-bottom-nav :focus-visible { outline: none !important; box-shadow: var(--focus-ring-dark) !important; }
html[data-theme="light"] #sb-menu-popup { background: var(--card) !important; border: 1px solid var(--line) !important; box-shadow: 0 6px 20px rgba(28,30,33,.12) !important; }
html[data-theme="light"] .fab-menu-item { color: var(--ink) !important; }
html[data-theme="light"] .fab-menu-item:hover { background: var(--chip) !important; color: var(--ink) !important; }
html[data-theme="light"] .fab-sub-label { background: var(--card) !important; border-color: var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .fab-doc { background: var(--acc) !important; border-color: var(--acc) !important; box-shadow: var(--acc-shadow) !important; }
html[data-theme="light"] .fab-doc svg { stroke: var(--acc-ink) !important; }
html[data-theme="light"] .fab-doc-txt { color: var(--acc-ink) !important; }
html[data-theme="light"] .fab-corner { border-color: var(--acc-ink) !important; }

/* ── 5. Karty ────────────────────────────────────────────────────────────── */
html[data-theme="light"] .module,
html[data-theme="light"] .glass-card,
html[data-theme="light"] .bento-card,
html[data-theme="light"] .home-tile,
html[data-theme="light"] .result-box,
html[data-theme="light"] .result-area,
html[data-theme="light"] .result-block,
html[data-theme="light"] .result-section,
html[data-theme="light"] .clash-section,
html[data-theme="light"] .analysis-block,
html[data-theme="light"] .rewizje-result,
html[data-theme="light"] .settings-card,
html[data-theme="light"] .full-chat,
html[data-theme="light"] .dash-mod-card,
html[data-theme="light"] .dash-insights-panel,
html[data-theme="light"] .dash-act-item,
html[data-theme="light"] .action-bar { background: var(--card) !important; border-color: var(--line) !important; box-shadow: var(--shadow-card) !important; color: var(--ink) !important; backdrop-filter: none !important; }
html[data-theme="light"] .module,
html[data-theme="light"] .bento-card,
html[data-theme="light"] .dash-mod-card,
html[data-theme="light"] .dash-insights-panel { border-radius: var(--radius) !important; }
html[data-theme="light"] .module:hover,
html[data-theme="light"] .bento-card:hover,
html[data-theme="light"] .home-tile:hover { border-color: var(--line) !important; box-shadow: var(--shadow-card) !important; }
html[data-theme="light"] .dash-mod-card:hover { background: var(--card) !important; border-color: var(--drop-border) !important; box-shadow: 0 2px 6px rgba(28,30,33,.08) !important; }
html[data-theme="light"] .mod-hdr { background: var(--card) !important; border-bottom: 1px solid var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .mod-hdr h2,
html[data-theme="light"] .mod-title,
html[data-theme="light"] .mod-header,
html[data-theme="light"] .panel-hd,
html[data-theme="light"] .panel-title,
html[data-theme="light"] .section-hdr { color: var(--ink) !important; }
html[data-theme="light"] .mod-hdr p,
html[data-theme="light"] .mod-hdr small,
html[data-theme="light"] .mod-hdr span,
html[data-theme="light"] .mod-desc,
html[data-theme="light"] .section-hdr span { color: var(--muted) !important; }
/* kwadrat z ikoną modułu w nagłówku karty */
html[data-theme="light"] .mod-hdr div[style*="width:38px"][style*="background"] { background: var(--module-icon-bg) !important; }
html[data-theme="light"] .mod-hdr div[style*="width:38px"][style*="background"] svg { stroke: #FFFFFF !important; color: #FFFFFF !important; }
html[data-theme="light"] .home-tile-name,
html[data-theme="light"] .bento-title,
html[data-theme="light"] .bento-prow-name,
html[data-theme="light"] .result-title,
html[data-theme="light"] .settings-card h3 { color: var(--ink) !important; }
html[data-theme="light"] .home-tile-desc,
html[data-theme="light"] .bento-sub,
html[data-theme="light"] .bento-prow-date,
html[data-theme="light"] .bento-prow-empty,
html[data-theme="light"] .bento-lrow-name,
html[data-theme="light"] .result-placeholder,
html[data-theme="light"] .chat-empty { color: var(--muted) !important; }
html[data-theme="light"] .bento-hdr,
html[data-theme="light"] .settings-row { border-color: var(--line-soft) !important; }
html[data-theme="light"] .bento-msg-ai,
html[data-theme="light"] .bento-prow,
html[data-theme="light"] .bento-chip,
html[data-theme="light"] .dcalc-surface-alt,
html[data-theme="light"] .miar-filter-chk,
html[data-theme="light"] .fmt-chip,
html[data-theme="light"] .j-badge,
html[data-theme="light"] .j-badge-a,
html[data-theme="light"] .j-badge-m { background: var(--chip) !important; border-color: var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .bento-msg-who { color: var(--link) !important; }
html[data-theme="light"] .bento-bar-bg { background: var(--line-soft) !important; }
html[data-theme="light"] .bento-new-proj { border-color: var(--drop-border) !important; color: var(--muted) !important; }
html[data-theme="light"] .bento-new-proj:hover { border-color: var(--acc) !important; color: var(--ink) !important; }
html[data-theme="light"] .bento-warn { background: var(--warn-bg) !important; border-color: #F3C9A4 !important; color: var(--warn-ink) !important; }

/* ── 6. Pulpit (m0) ──────────────────────────────────────────────────────── */
html[data-theme="light"] .dash-brand-name { color: var(--ink) !important; }
html[data-theme="light"] .dash-brand-name span { color: var(--acc) !important; }
html[data-theme="light"] .dash-brand-pill { background: var(--pill-bg) !important; border-color: transparent !important; color: var(--pill-ink) !important; }
html[data-theme="light"] .dash-brand-row svg rect { fill: var(--module-icon-bg) !important; }
html[data-theme="light"] .dash-tagline { color: var(--muted) !important; }
html[data-theme="light"] .dash-cmd-bar { background: var(--card) !important; border: 1px solid var(--line) !important; box-shadow: var(--shadow-card) !important; border-radius: var(--radius) !important; }
html[data-theme="light"] .dash-cmd-bar:focus-within { border-color: var(--acc) !important; box-shadow: var(--focus-ring) !important; }
html[data-theme="light"] .dash-cmd-bar svg { stroke: var(--muted) !important; }
html[data-theme="light"] .dash-cmd-input { background: var(--input-bg) !important; border-color: var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .dash-cmd-input::placeholder { color: var(--muted) !important; }
html[data-theme="light"] .dash-cmd-go { background: var(--acc) !important; color: var(--acc-ink) !important; box-shadow: var(--acc-shadow) !important; border-radius: var(--radius-sm) !important; }
html[data-theme="light"] .dash-cmd-go:hover { background: var(--acc-hover) !important; }
html[data-theme="light"] .dash-cmd-go svg { stroke: var(--acc-ink) !important; }
html[data-theme="light"] .dash-qa-btn,
html[data-theme="light"] .dash-qa-primary { background: var(--card) !important; border: 1px solid var(--line) !important; color: var(--ink) !important; border-radius: var(--radius-sm) !important; box-shadow: none !important; }
html[data-theme="light"] .dash-qa-btn:hover { background: var(--chip) !important; border-color: var(--drop-border) !important; color: var(--ink) !important; }
html[data-theme="light"] .dash-qa-btn svg { stroke: var(--ink) !important; }
html[data-theme="light"] .dmc-glow { display: none !important; }
html[data-theme="light"] .dmc-icon,
html[data-theme="light"] .dash-mod-card:hover .dmc-icon { background: var(--module-icon-bg) !important; border-color: var(--module-icon-bg) !important; box-shadow: none !important; }
html[data-theme="light"] .dmc-icon svg { stroke: #FFFFFF !important; }
html[data-theme="light"] .dmc-name { color: var(--ink) !important; }
html[data-theme="light"] .dmc-desc { color: var(--muted) !important; }
html[data-theme="light"] .dmc-arr,
html[data-theme="light"] .dash-mod-card:hover .dmc-arr { color: var(--muted) !important; }
html[data-theme="light"] .dash-sec-label,
html[data-theme="light"] .dash-sec-hint,
html[data-theme="light"] [class*="dash-section"] { color: var(--muted) !important; }
html[data-theme="light"] .dash-ip-header { color: var(--ink) !important; }
html[data-theme="light"] .dash-ip-header svg { stroke: var(--acc) !important; }
html[data-theme="light"] .dash-ip-item { color: var(--ink) !important; }
html[data-theme="light"] .dash-ip-proj { color: var(--muted) !important; border-top-color: var(--line-soft) !important; }
html[data-theme="light"] .dash-ip-proj-btn { background: var(--card) !important; border: 1px solid var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .dash-act-empty { background: var(--card) !important; border: 1px dashed var(--drop-border) !important; color: var(--muted) !important; }
html[data-theme="light"] .dash-act-empty svg { stroke: var(--muted) !important; }
html[data-theme="light"] .dash-act-time { color: var(--muted) !important; }

/* ── 7. Podzakładki: aktywna = grafit, biały tekst (decyzja 2) ───────────── */
html[data-theme="light"] .sub-tabs,
html[data-theme="light"] .sm-tabs { background: var(--card) !important; border-bottom: 1px solid var(--line) !important; }
html[data-theme="light"] .sub-tab,
html[data-theme="light"] .sub-tab:not(.active),
html[data-theme="light"] .sm-tab,
html[data-theme="light"] .arch-tab,
html[data-theme="light"] .clash-mode-btn { background: var(--card) !important; border: 1px solid var(--line) !important; color: var(--ink) !important; border-radius: var(--radius-sm) !important; box-shadow: none !important; }
html[data-theme="light"] .sub-tab:hover:not(.active),
html[data-theme="light"] .sm-tab:hover:not(.sm-tab-active),
html[data-theme="light"] .clash-mode-btn:hover { background: var(--chip) !important; border-color: var(--drop-border) !important; color: var(--ink) !important; }
html[data-theme="light"] .sub-tab.active,
html[data-theme="light"] .sm-tab-active,
html[data-theme="light"] .arch-tab.active,
html[data-theme="light"] .clash-mode-btn.active { background: var(--module-icon-bg) !important; border-color: var(--module-icon-bg) !important; color: #FFFFFF !important; }
html[data-theme="light"] .sub-tab.active *,
html[data-theme="light"] .clash-mode-btn.active * { color: #FFFFFF !important; }
/* podzakładki D-Przedmiar budowane w JS (style inline) */
html[data-theme="light"] .module button[style*="background:#2563eb"],
html[data-theme="light"] .module button[style*="background: #2563eb"],
html[data-theme="light"] .module button[style*="background: rgb(37, 99, 235)"] { background: var(--module-icon-bg) !important; border-color: var(--module-icon-bg) !important; color: #FFFFFF !important; }

/* ── 8. Przyciski: główny = pomarańcz, drugorzędny = biały ───────────────── */
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .send-btn,
html[data-theme="light"] .rewizje-run-btn,
html[data-theme="light"] #login-btn,
html[data-theme="light"] #reg-btn,
html[data-theme="light"] .ds-btn.ds-btn-glowny,
html[data-theme="light"] .pr-btn-pro,
html[data-theme="light"] .pr-btn-starter,
html[data-theme="light"] .pr-btn-business,
html[data-theme="light"] .bento-open-btn,
html[data-theme="light"] .btn-szablon { background: var(--acc) !important; border: 1px solid var(--acc) !important; color: var(--acc-ink) !important; box-shadow: var(--acc-shadow) !important; border-radius: var(--radius-sm) !important; text-shadow: none !important; transform: none; }
html[data-theme="light"] .btn-primary:hover,
html[data-theme="light"] .send-btn:hover,
html[data-theme="light"] .rewizje-run-btn:hover,
html[data-theme="light"] #login-btn:hover,
html[data-theme="light"] #reg-btn:hover,
html[data-theme="light"] .ds-btn.ds-btn-glowny:hover,
html[data-theme="light"] .pr-btn-pro:hover,
html[data-theme="light"] .pr-btn-starter:hover,
html[data-theme="light"] .pr-btn-business:hover,
html[data-theme="light"] .bento-open-btn:hover,
html[data-theme="light"] .btn-szablon:hover { background: var(--acc-hover) !important; border-color: var(--acc-hover) !important; color: var(--acc-ink) !important; opacity: 1 !important; box-shadow: var(--acc-shadow) !important; }
html[data-theme="light"] .btn-primary *,
html[data-theme="light"] .send-btn *,
html[data-theme="light"] .rewizje-run-btn *,
html[data-theme="light"] .ds-btn.ds-btn-glowny * { color: var(--acc-ink) !important; stroke: var(--acc-ink) !important; }
html[data-theme="light"] .btn-primary:disabled,
html[data-theme="light"] .rewizje-run-btn:disabled,
html[data-theme="light"] #login-btn:disabled,
html[data-theme="light"] #reg-btn:disabled { opacity: .55 !important; }
html[data-theme="light"] .btn-secondary,
html[data-theme="light"] .action-btn,
html[data-theme="light"] .export-btn,
html[data-theme="light"] .quick-chip,
html[data-theme="light"] .quick-btn,
html[data-theme="light"] .chat-quick .quick-btn,
html[data-theme="light"] .cloud-btn,
html[data-theme="light"] .btn-email-action,
html[data-theme="light"] .ds-btn,
html[data-theme="light"] .pr-btn-free,
html[data-theme="light"] .pr-topup-btn,
html[data-theme="light"] .pr-login-cta-btn { background: var(--card) !important; border: 1px solid var(--line) !important; color: var(--ink) !important; box-shadow: none !important; border-radius: var(--radius-sm) !important; }
html[data-theme="light"] .btn-secondary:hover,
html[data-theme="light"] .action-btn:hover,
html[data-theme="light"] .export-btn:hover,
html[data-theme="light"] .quick-chip:hover,
html[data-theme="light"] .quick-btn:hover,
html[data-theme="light"] .cloud-btn:hover,
html[data-theme="light"] .btn-email-action:hover,
html[data-theme="light"] .ds-btn:hover,
html[data-theme="light"] .pr-btn-free:hover,
html[data-theme="light"] .pr-topup-btn:hover,
html[data-theme="light"] .pr-login-cta-btn:hover { background: var(--chip) !important; border-color: var(--drop-border) !important; color: var(--ink) !important; }
html[data-theme="light"] .action-btn *,
html[data-theme="light"] .btn-secondary * { color: inherit; }
html[data-theme="light"] [class*="run-btn"],
html[data-theme="light"] [class*="analyze-btn"] { color: var(--acc-ink) !important; }
html[data-theme="light"] .export-dropdown { background: var(--card) !important; border-color: var(--line) !important; }
html[data-theme="light"] .export-option { color: var(--ink) !important; }
html[data-theme="light"] .export-option:hover { background: var(--chip) !important; color: var(--ink) !important; }

/* ── 9. Formularze i fokus ───────────────────────────────────────────────── */
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] .modal-input,
html[data-theme="light"] .ai-toolbar-input,
html[data-theme="light"] .chat-inp,
html[data-theme="light"] #chat-input,
html[data-theme="light"] .chat-ta,
html[data-theme="light"] .chat-ta-sm,
html[data-theme="light"] .full-chat-input-wrap,
html[data-theme="light"] .email-ta,
html[data-theme="light"] .email-inp,
html[data-theme="light"] .rewizje-ctx-input,
html[data-theme="light"] .mod-input { background: var(--input-bg) !important; border-color: var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: var(--muted) !important; opacity: 1; }
html[data-theme="light"] input:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] .chat-inp:focus,
html[data-theme="light"] #chat-input:focus { border-color: var(--acc) !important; box-shadow: var(--focus-ring) !important; outline: none !important; }
html[data-theme="light"] .dash-cmd-input:focus { box-shadow: none !important; }
html[data-theme="light"] :focus-visible { outline: none !important; box-shadow: var(--focus-ring) !important; }
html[data-theme="light"] input[type="checkbox"],
html[data-theme="light"] input[type="radio"] { accent-color: var(--acc) !important; }

/* ── 10. Strefy wgrywania ────────────────────────────────────────────────── */
html[data-theme="light"] .main-panel .dzone,
html[data-theme="light"] .col-zone,
html[data-theme="light"] .scan-zone,
html[data-theme="light"] .rewizje-slot,
html[data-theme="light"] .email-drop-zone { background: var(--drop-bg) !important; border: 1.5px dashed var(--drop-border) !important; color: var(--muted) !important; box-shadow: none !important; }
html[data-theme="light"] .main-panel .dzone:hover,
html[data-theme="light"] .main-panel .dzone.drag,
html[data-theme="light"] .col-zone:hover,
html[data-theme="light"] .scan-zone:hover,
html[data-theme="light"] .scan-zone.drag,
html[data-theme="light"] .rewizje-slot:hover,
html[data-theme="light"] .rewizje-slot.drag,
html[data-theme="light"] .email-drop-zone:hover,
html[data-theme="light"] .email-drop-zone.drag-over { border-color: var(--acc) !important; background: var(--card) !important; }
html[data-theme="light"] .col-lbl,
html[data-theme="light"] .scan-zone-title,
html[data-theme="light"] .rewizje-slot-title { color: var(--ink) !important; }
html[data-theme="light"] .col-zone p,
html[data-theme="light"] .col-zone small,
html[data-theme="light"] .col-zone span,
html[data-theme="light"] .col-fn,
html[data-theme="light"] .col-formats,
html[data-theme="light"] .scan-zone-sub,
html[data-theme="light"] .rewizje-slot-sub,
html[data-theme="light"] .rewizje-arrow,
html[data-theme="light"] .email-drop-zone *,
html[data-theme="light"] .main-panel .dzone p,
html[data-theme="light"] .main-panel .dzone small { color: var(--muted) !important; }
html[data-theme="light"] .col-zone svg,
html[data-theme="light"] .rewizje-slot svg,
html[data-theme="light"] .scan-zone svg,
html[data-theme="light"] .main-panel .dzone svg { stroke: var(--ink) !important; color: var(--ink) !important; opacity: 1 !important; }
/* „Wybierz plik” w slotach (inline, jasnoniebieski) -> etykieta chip */
html[data-theme="light"] .rewizje-slot span[style],
html[data-theme="light"] .rewizje-slot div[style*="background"] { background: var(--chip) !important; border-color: var(--line) !important; color: var(--ink) !important; }

/* ── 11. Tabele ──────────────────────────────────────────────────────────── */
html[data-theme="light"] .rb-table th,
html[data-theme="light"] .arch-table th,
html[data-theme="light"] .diff-table th,
html[data-theme="light"] .msg-bubble th,
html[data-theme="light"] .msg-body th { background: var(--chip) !important; color: var(--ink) !important; border-color: var(--line) !important; }
html[data-theme="light"] .rb-table td,
html[data-theme="light"] .arch-table td,
html[data-theme="light"] .diff-table td,
html[data-theme="light"] .msg-bubble td,
html[data-theme="light"] .msg-body td { border-color: var(--line-soft) !important; }
html[data-theme="light"] .rb-table tr:nth-child(even) td,
html[data-theme="light"] .arch-table tr:nth-child(even) td,
html[data-theme="light"] .diff-table tr:nth-child(even) td,
html[data-theme="light"] .msg-bubble tr:nth-child(even) td,
html[data-theme="light"] .msg-body tr:nth-child(even) td { background: transparent !important; }
html[data-theme="light"] .rb-table tr:hover td,
html[data-theme="light"] .arch-table tr:hover td { background: var(--chip) !important; }
html[data-theme="light"] table td,
html[data-theme="light"] table th,
html[data-theme="light"] td,
html[data-theme="light"] th { color: var(--ink) !important; border-color: var(--line-soft); }
html[data-theme="light"] .diff-table th { background: var(--chip) !important; border-color: var(--line) !important; }

/* ── 12. Chat ────────────────────────────────────────────────────────────── */
html[data-theme="light"] .chat-input-area,
html[data-theme="light"] .chat-bottom-bar,
html[data-theme="light"] .full-chat-hdr { background: var(--card) !important; border-color: var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .full-chat-title,
html[data-theme="light"] .full-chat-sub { color: var(--ink) !important; }
html[data-theme="light"] .full-chat-icon { background: var(--module-icon-bg) !important; }
html[data-theme="light"] .full-chat-icon svg { stroke: #FFFFFF !important; }
html[data-theme="light"] .chat-msg.assistant .msg-bubble,
html[data-theme="light"] .msg-bubble.ai,
html[data-theme="light"] .msg-ai { background: var(--card) !important; border-color: var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .msg-bubble { background: var(--chip) !important; color: var(--ink) !important; }
html[data-theme="light"] .chat-msg.user .msg-bubble,
html[data-theme="light"] .msg-user { background: var(--chip) !important; border-color: var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .msg-bubble code,
html[data-theme="light"] .msg-body code { background: var(--chip) !important; color: var(--warn-ink) !important; }
html[data-theme="light"] .msg-loading span { background: var(--acc) !important; }

/* ── 13. Okna, toasty, ostrzeżenia ───────────────────────────────────────── */
html[data-theme="light"] .url-modal-card,
html[data-theme="light"] .proj-modal-card,
html[data-theme="light"] .modal-box { background: var(--card) !important; border: 1px solid var(--line) !important; color: var(--ink) !important; box-shadow: 0 12px 40px rgba(28,30,33,.18) !important; border-radius: var(--radius) !important; }
html[data-theme="light"] .modal-box *,
html[data-theme="light"] .proj-modal-card * { color: var(--ink); }
html[data-theme="light"] .toast { background: var(--card) !important; border: 1px solid var(--line) !important; color: var(--ink) !important; box-shadow: 0 4px 16px rgba(28,30,33,.12) !important; }
html[data-theme="light"] .toast.warn,
html[data-theme="light"] .warn-box,
html[data-theme="light"] .info-box { background: var(--warn-bg) !important; color: var(--warn-ink) !important; border-color: #F3C9A4 !important; }
html[data-theme="light"] .ds-stopka { background: var(--card) !important; color: var(--muted) !important; border-top: 1px solid var(--line) !important; }
html[data-theme="light"] .ds-dokumenty { color: var(--muted) !important; }
html[data-theme="light"] .ds-stopka a,
html[data-theme="light"] .ds-dokumenty a { color: var(--link) !important; }
html[data-theme="light"] .ds-dlg { background: var(--card) !important; color: var(--ink) !important; border-color: var(--line) !important; }
html[data-theme="light"] .ds-dlg input { background: var(--input-bg) !important; color: var(--ink) !important; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: var(--drop-border) !important; }

/* ── 14. Gość: pasek, przykładowe raporty, okna rejestracji i płatności ──── */
html[data-theme="light"] .ds-belka-gosc { background: var(--card) !important; border-bottom: 1px solid var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .ds-belka-tekst,
html[data-theme="light"] .ds-belka-tekst b { color: var(--ink) !important; }
html[data-theme="light"] .ds-belka-ceny { color: var(--muted) !important; }
html[data-theme="light"] .ds-belka-ceny a,
html[data-theme="light"] .ds-link,
html[data-theme="light"] .ds-zgody a { color: var(--link) !important; }
html[data-theme="light"] #screen-start a { color: var(--link) !important; }
html[data-theme="light"] .ds-demo { background: var(--card) !important; border: 1px solid var(--line) !important; border-radius: var(--radius) !important; box-shadow: var(--shadow-card) !important; }
html[data-theme="light"] .ds-demo-etykieta { background: var(--pill-bg) !important; border-color: transparent !important; color: var(--pill-ink) !important; }
html[data-theme="light"] .ds-demo-wkrotce { border-color: var(--drop-border) !important; color: var(--muted) !important; background: var(--drop-bg) !important; }
html[data-theme="light"] .ds-demo-karta { background: var(--chip) !important; border: 1px solid var(--line) !important; }
html[data-theme="light"] .ds-demo-strony img { border-color: var(--line) !important; box-shadow: var(--shadow-card) !important; }
html[data-theme="light"] .ds-okno { background: var(--card) !important; border: 1px solid var(--line) !important; border-radius: var(--radius) !important; box-shadow: 0 24px 60px rgba(28,30,33,.22) !important; }
html[data-theme="light"] .ds-okno-tlo { background: rgba(22,24,27,.55) !important; }
html[data-theme="light"] .ds-okno-x { background: var(--card) !important; border-color: var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .ds-pole input { background: var(--input-bg) !important; border-color: var(--line) !important; color: var(--ink) !important; border-radius: var(--radius-sm) !important; }
html[data-theme="light"] .ds-pole input:focus { border-color: var(--acc) !important; }
html[data-theme="light"] .ds-okres button { border-color: var(--line) !important; background: var(--card) !important; color: var(--ink) !important; }
html[data-theme="light"] .ds-okres button.aktywny { background: var(--module-icon-bg) !important; border-color: var(--module-icon-bg) !important; color: #FFFFFF !important; }
html[data-theme="light"] .ds-podsumowanie { background: var(--chip) !important; border-color: var(--line) !important; }
html[data-theme="light"] .ds-podsumowanie tr.razem td { border-top-color: var(--line) !important; }
html[data-theme="light"] .ds-zgody input { accent-color: var(--acc) !important; }
html[data-theme="light"] .ds-pasek { background: var(--line-soft) !important; }
html[data-theme="light"] .ds-pasek div { background: var(--acc) !important; }
html[data-theme="light"] .ds-karta { background: var(--card) !important; border-color: var(--line) !important; border-radius: var(--radius) !important; }
html[data-theme="light"] .ds-karta.polecany { border-color: var(--acc) !important; box-shadow: inset 0 0 0 1px var(--acc) !important; }
html[data-theme="light"] .ds-karta-cena { color: var(--ink) !important; }

/* ── 15. Cennik ──────────────────────────────────────────────────────────── */
html[data-theme="light"] #pricing-section h1,
html[data-theme="light"] .pr-hero h1,
html[data-theme="light"] .pr-logo-wordmark,
html[data-theme="light"] .pr-price,
html[data-theme="light"] .pr-topup-title,
html[data-theme="light"] .pr-topup-price,
html[data-theme="light"] .pr-toggle-label.active { color: var(--ink) !important; }
html[data-theme="light"] .pr-hero p,
html[data-theme="light"] .pr-logo-sub,
html[data-theme="light"] .pr-toggle-label,
html[data-theme="light"] .pr-plan-name,
html[data-theme="light"] .pr-price-period,
html[data-theme="light"] .pr-gross,
html[data-theme="light"] .pr-desc,
html[data-theme="light"] .pr-features li,
html[data-theme="light"] .pr-topup-sub,
html[data-theme="light"] .pr-topup-label,
html[data-theme="light"] .pr-topup-note,
html[data-theme="light"] .pr-login-cta p { color: var(--muted) !important; }
html[data-theme="light"] .pr-features li { color: var(--ink) !important; }
html[data-theme="light"] .pr-features li::before { color: var(--acc) !important; }
html[data-theme="light"] .pr-features li.no,
html[data-theme="light"] .pr-features li.no::before { color: var(--muted) !important; }
html[data-theme="light"] .pr-hero p[style*="color:#a78bfa"] { color: var(--muted) !important; }
html[data-theme="light"] .pr-hero p[style*="rgba(255,255,255"] { color: var(--muted) !important; }
html[data-theme="light"] .pr-card,
html[data-theme="light"] .pr-topup-card { background: var(--card) !important; border: 1px solid var(--line) !important; border-radius: var(--radius) !important; box-shadow: var(--shadow-card) !important; }
html[data-theme="light"] .pr-card:hover,
html[data-theme="light"] .pr-topup-card:hover { border-color: var(--drop-border) !important; background: var(--card) !important; }
html[data-theme="light"] .pr-card.popular { border-color: var(--acc) !important; box-shadow: inset 0 0 0 1px var(--acc), var(--shadow-card) !important; }
html[data-theme="light"] .pr-card-badge { background: var(--acc) !important; color: var(--acc-ink) !important; }
html[data-theme="light"] .pr-badge-annual { background: var(--pill-bg) !important; border-color: transparent !important; color: var(--pill-ink) !important; }
html[data-theme="light"] .pr-toggle-slider { background: var(--line) !important; border-color: var(--drop-border) !important; }
html[data-theme="light"] .pr-toggle-slider::before { background: var(--acc) !important; }
html[data-theme="light"] .pr-topup-amount { color: var(--ink) !important; }
html[data-theme="light"] .pr-start { background: var(--warn-bg) !important; border-color: #F3C9A4 !important; color: var(--warn-ink) !important; }
html[data-theme="light"] .pr-startbar { color: var(--warn-strong) !important; }
html[data-theme="light"] .pr-divider,
html[data-theme="light"] .pr-login-cta { border-color: var(--line) !important; }
html[data-theme="light"] .pr-tab th { color: var(--ink) !important; background: var(--chip) !important; }
html[data-theme="light"] .pr-tab th,
html[data-theme="light"] .pr-tab td { border-bottom-color: var(--line-soft) !important; }
html[data-theme="light"] .pr-tab td { color: var(--ink) !important; }

/* ── 16. Kolory starej palety wpisane w style="" (index.html i HTML z JS) ─────
   Tylko kolor TEKSTU i RAMKI. Tła próbek (np. etapy E1 #3b82f6, E2 #a78bfa) celowo nietknięte. */
html[data-theme="light"] .main-panel [style*="color:#a78bfa"]:not([style*="background:#a78bfa"]),
html[data-theme="light"] .main-panel [style*="color: #a78bfa"],
html[data-theme="light"] .main-panel [style*="color:#c4b5fd"],
html[data-theme="light"] .main-panel [style*="color:#818cf8"],
html[data-theme="light"] .main-panel [style*="color:#7c3aed"],
html[data-theme="light"] .main-panel [style*="color:rgba(220,210,255"],
html[data-theme="light"] .main-panel [style*="color: rgb(167, 139, 250)"],
html[data-theme="light"] .main-panel [style*="color:#2563eb"],
html[data-theme="light"] .main-panel [style*="color:#3b82f6"],
html[data-theme="light"] .main-panel [style*="color:#60a5fa"],
html[data-theme="light"] .main-panel [style*="color:#38bdf8"],
html[data-theme="light"] .main-panel [style*="color:#7dd3fc"],
html[data-theme="light"] .main-panel [style*="color:#0ea5e9"],
html[data-theme="light"] .main-panel [style*="color:rgba(125,211,252"],
html[data-theme="light"] .main-panel [style*="color:rgba(0,215,255"],
html[data-theme="light"] .main-panel [style*="color:rgba(56,189,248"] { color: var(--link) !important; }
html[data-theme="light"] .main-panel [style*="color:#94a3b8"],
html[data-theme="light"] .main-panel [style*="color:rgba(148,185,220"],
html[data-theme="light"] .main-panel [style*="color:rgba(150,180,220"],
html[data-theme="light"] .main-panel [style*="color:rgba(100,170,220"],
html[data-theme="light"] .main-panel [style*="color:rgba(255,255,255,.4"],
html[data-theme="light"] .main-panel [style*="color:rgba(255,255,255,.5"],
html[data-theme="light"] .main-panel [style*="color:rgba(255,255,255,.6"],
html[data-theme="light"] .main-panel [style*="color:rgba(255,255,255,0.7"] { color: var(--muted) !important; }
html[data-theme="light"] .main-panel [style*="color:#e8f2ff"],
html[data-theme="light"] .main-panel [style*="color:#dce8f8"],
html[data-theme="light"] .main-panel [style*="color:#e2e8f0"],
html[data-theme="light"] .main-panel [style*="color:#f1f5f9"] { color: var(--ink) !important; }
html[data-theme="light"] .main-panel [style*="border:1px solid rgba(167,139,250"],
html[data-theme="light"] .main-panel [style*="border-color:rgba(167,139,250"],
html[data-theme="light"] .main-panel [style*="border:1px solid rgba(196,181,253"],
html[data-theme="light"] .main-panel [style*="border:1px solid rgba(56,189,248"],
html[data-theme="light"] .main-panel [style*="border:1px solid rgba(100,170,230"],
html[data-theme="light"] .main-panel [style*="border-top:1px solid rgba(167,139,250"],
html[data-theme="light"] .main-panel [style*="border-bottom:1px solid rgba(167,139,250"] { border-color: var(--line) !important; }
/* półprzezroczyste fioletowe / niebieskie tła paneli (nie próbki: te mają pełny kolor) */
html[data-theme="light"] .main-panel [style*="background:rgba(167,139,250"],
html[data-theme="light"] .main-panel [style*="background:rgba(196,181,253"],
html[data-theme="light"] .main-panel [style*="background:rgba(56,189,248"],
html[data-theme="light"] .main-panel [style*="background:rgba(37,99,235"],
html[data-theme="light"] .main-panel [style*="background:rgba(99,102,241"],
html[data-theme="light"] .main-panel [style*="background:rgba(10,6,25"],
html[data-theme="light"] .main-panel [style*="background:rgba(13,22,44"] { background: var(--chip) !important; }
/* pełne fioletowe / niebieskie tła na przyciskach z JS -> akcja */
html[data-theme="light"] .main-panel button[style*="background:#a78bfa"],
html[data-theme="light"] .main-panel button[style*="background:#7c3aed"],
html[data-theme="light"] .main-panel button[style*="background:#8b5cf6"],
html[data-theme="light"] .main-panel button[style*="background:#3b82f6"],
html[data-theme="light"] .main-panel button[style*="background:linear-gradient(135deg,#7c3aed"],
html[data-theme="light"] .main-panel button[style*="background:linear-gradient(135deg,#2563eb"],
html[data-theme="light"] .main-panel button[style*="background:linear-gradient(135deg,#a78bfa"] { background: var(--acc) !important; border-color: var(--acc) !important; color: var(--acc-ink) !important; box-shadow: var(--acc-shadow) !important; }
/* BETA na białych kartach (inline #f59e0b / #EF9F27) */
html[data-theme="light"] .main-panel span[style*="background:#f59e0b"],
html[data-theme="light"] .main-panel span[style*="background:#EF9F27"] { background: var(--pill-bg) !important; color: var(--pill-ink) !important; }
html[data-theme="light"] .main-panel [style*="text-transform:uppercase"][style*="color:rgba(125,211,252"],
html[data-theme="light"] .main-panel [style*="text-transform:uppercase"][style*="color:#7dd3fc"],
html[data-theme="light"] .main-panel [style*="text-transform:uppercase"][style*="color:#38bdf8"],
html[data-theme="light"] .main-panel [style*="text-transform:uppercase"][style*="color:#a78bfa"],
html[data-theme="light"] .main-panel [style*="text-transform:uppercase"][style*="color:#c4b5fd"] { color: var(--muted) !important; }

/* ── 17. Okno „Skonfiguruj konto” (onboarding.js) ────────────────────────── */
html[data-theme="light"] #onboarding-overlay { background: rgba(22,24,27,.55) !important; }
html[data-theme="light"] .ob-modal { background: var(--card) !important; border: 1px solid var(--line) !important; color: var(--ink) !important; border-radius: var(--radius) !important; box-shadow: 0 24px 60px rgba(28,30,33,.22) !important; }
html[data-theme="light"] .ob-modal h2,
html[data-theme="light"] .ob-modal h2 span { color: var(--ink) !important; }
html[data-theme="light"] .ob-modal h2 + button,
html[data-theme="light"] .ob-skip { color: var(--muted) !important; }
html[data-theme="light"] .ob-section-title { color: var(--muted) !important; }
html[data-theme="light"] .ob-label,
html[data-theme="light"] .ob-status { color: var(--muted) !important; }
html[data-theme="light"] .ob-input,
html[data-theme="light"] .ob-select,
html[data-theme="light"] .ob-textarea { background: var(--input-bg) !important; border-color: var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .ob-type-btn,
html[data-theme="light"] .ob-chip { background: var(--card) !important; border: 1px solid var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .ob-type-btn.active,
html[data-theme="light"] .ob-chip.sel { background: var(--module-icon-bg) !important; border-color: var(--module-icon-bg) !important; color: #FFFFFF !important; }
html[data-theme="light"] .ob-divider { border-top-color: var(--line-soft) !important; }
html[data-theme="light"] .ob-nip-btn { background: var(--card) !important; border: 1px solid var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .ob-submit { background: var(--acc) !important; color: var(--acc-ink) !important; box-shadow: var(--acc-shadow) !important; border-radius: var(--radius-sm) !important; }
html[data-theme="light"] .ob-submit:hover { background: var(--acc-hover) !important; }
html[data-theme="light"] .ob-modal [style*="color:#64748b"],
html[data-theme="light"] .ob-modal [style*="color:#475569"],
html[data-theme="light"] .ob-modal [style*="color:#94a3b8"] { color: var(--muted) !important; }
html[data-theme="light"] .ob-modal [style*="color:#a78bfa"],
html[data-theme="light"] .ob-modal [style*="color:#c4b5fd"] { color: var(--link) !important; }

/* ── 18. Ciemne panele z kodu (style inline) -> chip; biały tekst bez tła -> ink ── */
html[data-theme="light"] .main-panel [style*="background:rgba(10,8,28"],
html[data-theme="light"] .main-panel [style*="background:rgba(6,4,18"],
html[data-theme="light"] .main-panel [style*="background:rgba(5,8,20"],
html[data-theme="light"] .main-panel [style*="background:rgba(15,23,42"],
html[data-theme="light"] .main-panel [style*="background:#0f172a"],
html[data-theme="light"] .main-panel [style*="background:#0f0f23"],
html[data-theme="light"] .main-panel [style*="background:#1a1a2e"],
html[data-theme="light"] .main-panel [style*="background:#1e1b2e"],
html[data-theme="light"] .main-panel [style*="background:rgba(59,123,245"] { background: var(--chip) !important; border-color: var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .main-panel [style*="color:rgba(140,180,220"],
html[data-theme="light"] .main-panel [style*="color:#64748b"],
html[data-theme="light"] .main-panel [style*="color:#475569"] { color: var(--muted) !important; }
html[data-theme="light"] .main-panel [style*="color:rgba(220,210,255"] { color: var(--ink) !important; }
html[data-theme="light"] .main-panel div[style*="color:#fff"]:not([style*="background"]),
html[data-theme="light"] .main-panel span[style*="color:#fff"]:not([style*="background"]),
html[data-theme="light"] .main-panel div[style*="color:#ffffff"]:not([style*="background"]),
html[data-theme="light"] .main-panel strong[style*="color:#fff"]:not([style*="background"]) { color: var(--ink) !important; }
/* kwadrat ikony w nagłówku modułu (36 / 38 px) */
html[data-theme="light"] .mod-hdr div[style*="height:36px"][style*="border-radius:10px"],
html[data-theme="light"] .mod-hdr div[style*="height:38px"][style*="border-radius:10px"] { background: var(--module-icon-bg) !important; border-color: var(--module-icon-bg) !important; }
html[data-theme="light"] .mod-hdr div[style*="height:36px"][style*="border-radius:10px"] svg,
html[data-theme="light"] .mod-hdr div[style*="height:38px"][style*="border-radius:10px"] svg { stroke: #FFFFFF !important; color: #FFFFFF !important; }
/* mikrofon */
html[data-theme="light"] .mic-btn { background: var(--card) !important; border: 1px solid var(--line) !important; color: var(--ink) !important; box-shadow: none !important; }
html[data-theme="light"] .mic-btn:hover { background: var(--chip) !important; }
/* D-Stal: „Analizuj zbrojenie” = akcja główna */
html[data-theme="light"] #rebar-analyze-btn { background: var(--acc) !important; border: 1px solid var(--acc) !important; color: var(--acc-ink) !important; box-shadow: var(--acc-shadow) !important; border-radius: var(--radius-sm) !important; }
html[data-theme="light"] #rebar-analyze-btn:hover { background: var(--acc-hover) !important; }
html[data-theme="light"] #rebar-analyze-btn svg { stroke: var(--acc-ink) !important; }

/* ── 19. Moje Konto (account-panel.js) ───────────────────────────────────── */
html[data-theme="light"] .acct-section { border-bottom-color: var(--line-soft) !important; }
html[data-theme="light"] .acct-label,
html[data-theme="light"] .acct-meta-key,
html[data-theme="light"] .acct-form-label { color: var(--muted) !important; }
html[data-theme="light"] .acct-form-input { background: var(--input-bg) !important; border-color: var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .acct-type-btn,
html[data-theme="light"] .acct-chip { background: var(--card) !important; border: 1px solid var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .acct-type-btn.active,
html[data-theme="light"] .acct-chip.acct-chip-sel { background: var(--module-icon-bg) !important; border-color: var(--module-icon-bg) !important; color: #FFFFFF !important; }
html[data-theme="light"] .acct-btn { background: var(--card) !important; border: 1px solid var(--line) !important; color: var(--ink) !important; border-radius: var(--radius-sm) !important; }
html[data-theme="light"] .acct-btn:hover { background: var(--chip) !important; opacity: 1 !important; }
html[data-theme="light"] .acct-btn.acct-btn-primary,
html[data-theme="light"] .acct-btn.acct-btn-save { background: var(--acc) !important; border-color: var(--acc) !important; color: var(--acc-ink) !important; box-shadow: var(--acc-shadow) !important; }
html[data-theme="light"] .acct-btn.acct-btn-primary:hover,
html[data-theme="light"] .acct-btn.acct-btn-save:hover { background: var(--acc-hover) !important; }
html[data-theme="light"] .acct-btn.acct-btn-danger { background: #FFF1F1 !important; border-color: #F2B8B8 !important; color: #B42318 !important; }
html[data-theme="light"] .acct-nip-btn { background: var(--card) !important; border: 1px solid var(--line) !important; color: var(--ink) !important; }
/* awatar i plakietka planu (kolor planu z JS) */
html[data-theme="light"] .acct-section > div[style*="width:48px"] { background: var(--module-icon-bg) !important; border-color: var(--module-icon-bg) !important; color: #FFFFFF !important; }
html[data-theme="light"] .acct-section span[style*="text-transform:uppercase"][style*="border-radius:20px"] { background: var(--pill-bg) !important; border-color: transparent !important; color: var(--pill-ink) !important; }

/* ── 20. Pozostałe moduły: pulpit (kropki), D-Skan (workflows), Smart Mail (odpowiedzi), ramki inline ── */
html[data-theme="light"] .dip-dot { background: var(--drop-border) !important; }
html[data-theme="light"] .dash-ip-ok .dip-dot { background: #34d399 !important; }
html[data-theme="light"] .scan-workflow-section { background: var(--card) !important; border: 1px solid var(--line) !important; box-shadow: var(--shadow-card) !important; }
html[data-theme="light"] .scan-workflow-kicker,
html[data-theme="light"] .scan-workflow-hint,
html[data-theme="light"] .scan-wf-desc,
html[data-theme="light"] .em-resp-card-desc { color: var(--muted) !important; }
html[data-theme="light"] .scan-workflow-title,
html[data-theme="light"] .scan-wf-name,
html[data-theme="light"] .scan-wf-ico,
html[data-theme="light"] .em-resp-card-name { color: var(--ink) !important; }
html[data-theme="light"] .scan-workflow-card,
html[data-theme="light"] .em-resp-card,
html[data-theme="light"] .em-resp-card-wide { background: var(--card) !important; border: 1px solid var(--line) !important; box-shadow: none !important; }
html[data-theme="light"] .em-resp-card::before { background: transparent !important; }
html[data-theme="light"] .scan-workflow-card:hover,
html[data-theme="light"] .em-resp-card:hover { background: var(--chip) !important; border-color: var(--drop-border) !important; }
html[data-theme="light"] .scan-workflow-card.active { background: var(--card) !important; border-color: var(--acc) !important; box-shadow: inset 0 0 0 1px var(--acc) !important; }
html[data-theme="light"] .em-resp-card-icon { background: var(--module-icon-bg) !important; border-color: var(--module-icon-bg) !important; color: #FFFFFF !important; }
html[data-theme="light"] .em-resp-card-icon svg { stroke: #FFFFFF !important; }
html[data-theme="light"] .main-panel [style*="solid #a78bfa"],
html[data-theme="light"] .main-panel [style*="dashed #a78bfa"],
html[data-theme="light"] .main-panel [style*="solid #c4b5fd"],
html[data-theme="light"] .main-panel [style*="dashed #c4b5fd"],
html[data-theme="light"] .main-panel [style*="solid #7c3aed"],
html[data-theme="light"] .main-panel [style*="solid #3b82f6"],
html[data-theme="light"] .main-panel [style*="solid #38bdf8"] { border-color: var(--drop-border) !important; }

/* ── 21. Ostrzeżenia bursztynowe z kodu (#f59e0b / #fbbf24 / #fb923c) -> --warn-* ──
   Tekst i ramki; tła próbek etapów (span 12 px) nietknięte. */
html[data-theme="light"] .main-panel [style*="color:#f59e0b"]:not([style*="background:#f59e0b"]),
html[data-theme="light"] .main-panel [style*="color:#fbbf24"],
html[data-theme="light"] .main-panel [style*="color:#fb923c"],
html[data-theme="light"] .main-panel [style*="color: rgb(245, 158, 11)"],
html[data-theme="light"] .main-panel [style*="color: rgb(251, 191, 36)"] { color: var(--warn-strong) !important; }
html[data-theme="light"] .main-panel div[style*="background:#f59e0b"] { background: var(--warn-bg) !important; color: var(--warn-ink) !important; border: 1px solid #F3C9A4 !important; }
html[data-theme="light"] .main-panel [style*="background:rgba(245,158,11"],
html[data-theme="light"] .main-panel [style*="background:rgba(251,191,36"] { background: var(--warn-bg) !important; color: var(--warn-ink); }
html[data-theme="light"] .main-panel [style*="solid #f59e0b"],
html[data-theme="light"] .main-panel [style*="dashed #f59e0b"],
html[data-theme="light"] .main-panel [style*="border-color:rgba(251,191,36"],
html[data-theme="light"] .main-panel [style*="solid rgba(245,158,11"],
html[data-theme="light"] .main-panel [style*="dashed rgba(245,158,11"] { border-color: #F3C9A4 !important; }

/* ── 22. Logo w cenniku: obecne logo na grafitowym pasku (jak w nagłówku) ── */
html[data-theme="light"] #pricing-section .pr-hero > img[src*="logo-dsite-transparent"] { background: var(--top-bg) !important; padding: 14px 24px !important; border-radius: var(--radius) !important; box-sizing: border-box !important; }

/* ── 23. Ikona na ekranie logowania: wersja w kolorze --ink z niebieską linią (ikona-dsite-jasny.png).
   Oryginał (granatowe tło + mix-blend-mode:screen) znika na białym; podmiana przez tło, oryginał poza polem. ── */
html[data-theme="light"] #start-logo img { object-position: -9999px 0 !important; background: url("../ikona-dsite-jasny.png") center / contain no-repeat !important; mix-blend-mode: normal !important; filter: none !important; border-radius: 0 !important; }

/* ── 24. Przejęte ze starych reguł trybu jasnego (main.css / themes.css — do usunięcia) ──────────
   To, co stare reguły robiły, a czego sekcje 1–23 nie nadpisywały: schemat kolorów przeglądarki, zmienne
   cieni / poświaty, kolor tekstu w kontenerach, statusy, grubości i rozmiary czcionek. Kolory na nowych tokenach. */
html[data-theme="light"] {
  color-scheme: light;
  --shadow: 0 1px 4px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.05);
  --shadow-lg: 0 8px 24px rgba(0,0,0,.1);
  --glow: none; --glow-hover: none; --blur: none;
  --bg-overlay: rgba(0,0,0,.35);
  --sb-shadow: none;
}
html[data-theme="light"] .topnav,
html[data-theme="light"] .module,
html[data-theme="light"] .bento-card { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html[data-theme="light"] .url-modal-overlay { background: rgba(0,0,0,.35) !important; }
html[data-theme="light"] .fab-scan { display: none !important; }
html[data-theme="light"] .fab-doc { animation: none !important; }
/* pola: wszystkie input (także plikowe / ukryte) jak dotąd */
html[data-theme="light"] input { background: var(--input-bg) !important; color: var(--ink) !important; border-color: var(--line) !important; }
html[data-theme="light"] .sidebar input { color: var(--side-ink) !important; }
/* kolor tekstu w kontenerach (dawniej reguły z „*”) */
html[data-theme="light"] .msg-bubble *,
html[data-theme="light"] .msg-body *,
html[data-theme="light"] .result-section *,
html[data-theme="light"] .clash-section *,
html[data-theme="light"] .analysis-block * { color: var(--ink); }
html[data-theme="light"] .msg-body,
html[data-theme="light"] .chat-msgs { background: transparent !important; color: var(--ink) !important; }
html[data-theme="light"] .msg-body { border-color: var(--line) !important; }
html[data-theme="light"] .settings-card *,
html[data-theme="light"] .panel-hd *,
html[data-theme="light"] .rewizje-result-body * { color: var(--muted); }
html[data-theme="light"] .settings-row *:not(.btn-secondary):not(.btn-primary) { color: var(--muted) !important; }
html[data-theme="light"] .rewizje-result-body { color: var(--ink) !important; }
html[data-theme="light"] .info-grid *,
html[data-theme="light"] .dcalc-panel-title,
html[data-theme="light"] .rebar-count { color: var(--ink) !important; }
html[data-theme="light"] .email-results,
html[data-theme="light"] .email-empty,
html[data-theme="light"] .scan-opt-radio,
html[data-theme="light"] .loader-text,
html[data-theme="light"] .clash-loader-status,
html[data-theme="light"] #clash-loader-status { color: var(--muted) !important; }
html[data-theme="light"] .email-empty p { color: var(--muted) !important; }
html[data-theme="light"] .email-empty svg { color: var(--muted) !important; }
html[data-theme="light"] .col-ico { filter: none !important; opacity: .7; }
/* statusy OK / BŁĄD / UWAGA — bez zmian (decyzja: zielone / czerwone statusy zostają) */
html[data-theme="light"] .status-ok { background: #d1fae5 !important; color: #065f46 !important; border-color: #6ee7b7 !important; }
html[data-theme="light"] .status-error,
html[data-theme="light"] .status-brak { background: #fee2e2 !important; color: #991b1b !important; border-color: #fca5a5 !important; }
html[data-theme="light"] .status-warn { background: #fef3c7 !important; color: #92400e !important; border-color: #fcd34d !important; }
html[data-theme="light"] .badge-ok { background: #d1fae5 !important; color: #065f46 !important; }
html[data-theme="light"] .badge-error,
html[data-theme="light"] .badge-brak { background: #fee2e2 !important; color: #991b1b !important; }
html[data-theme="light"] .badge-warn { background: #fef3c7 !important; color: #92400e !important; }
html[data-theme="light"] .err-box { background: #fee2e2 !important; color: #991b1b !important; border-color: #fca5a5 !important; }
html[data-theme="light"] .toast.ok { background: #f0fdf4 !important; border-color: rgba(22,163,74,.35) !important; color: #15803d !important; }
html[data-theme="light"] .toast.err { background: #fff5f5 !important; border-color: rgba(220,38,38,.35) !important; color: #dc2626 !important; }
/* typografia, którą ustawiały stare reguły */
html[data-theme="light"] .sb-title,
html[data-theme="light"] .sbnav-sec { font-size: 10px !important; font-weight: 700 !important; letter-spacing: .08em !important; }
html[data-theme="light"] .action-btn,
html[data-theme="light"] .btn-secondary,
html[data-theme="light"] .sub-tab,
html[data-theme="light"] .arch-tab,
html[data-theme="light"] .proj-item,
html[data-theme="light"] .fab-menu-item,
html[data-theme="light"] .nav-tab { font-weight: 500; }
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .send-btn,
html[data-theme="light"] .sub-tab.active,
html[data-theme="light"] .arch-tab.active,
html[data-theme="light"] .nav-tab.active,
html[data-theme="light"] .sbnav-item.active,
html[data-theme="light"] .mob-bn-item.active,
html[data-theme="light"] .result-title,
html[data-theme="light"] .token-val,
html[data-theme="light"] .home-tile-name,
html[data-theme="light"] .bento-title { font-weight: 600; }
html[data-theme="light"] .mod-hdr h2 { font-weight: 700; }

/* ── 25. Szuflada menu na telefonie (#mob-menu-drawer) — tokeny menu bocznego zamiast cyjanu ── */
html[data-theme="light"] #mob-menu-drawer { background: var(--side-bg) !important; border-right-color: var(--side-line) !important; }
html[data-theme="light"] #mob-menu-drawer [style*="rgba(0,180,255"] { border-color: var(--side-line) !important; }
html[data-theme="light"] .mob-drawer-item { color: var(--side-ink) !important; border-radius: var(--radius-sm) !important; }
html[data-theme="light"] .mob-drawer-item small { color: var(--side-muted) !important; }
html[data-theme="light"] .mob-drawer-item svg { color: var(--side-muted) !important; }
html[data-theme="light"] .mob-drawer-item:hover,
html[data-theme="light"] .mob-drawer-item:active { background: rgba(255,255,255,.06) !important; border-color: transparent !important; color: #FFFFFF !important; }
html[data-theme="light"] .mob-drawer-item.active { background: var(--nav-active-bg) !important; border-color: transparent !important; color: var(--nav-active-ink) !important; box-shadow: inset 3px 0 0 var(--nav-active-bar) !important; }
html[data-theme="light"] .mob-drawer-item.active svg { color: var(--nav-active-bar) !important; }
html[data-theme="light"] .mob-drawer-item.active small { color: var(--side-muted) !important; }
html[data-theme="light"] #mob-menu-drawer span[style*="color:#00b4ff"] { color: var(--nav-active-bar) !important; }