/**
 * IT Live — tools op examples.itlive.nl: Dag / Avond / Nacht
 * body.itlive-tools-light = o.a. diensten-database, SBI
 * body.itlive-tools-dark  = o.a. e-commerce, horeca (donkere basis)
 * localStorage: itlive_ui_theme (day|evening|night)
 */
.itlive-theme-switcher{
  display:flex;gap:3px;align-items:center;
  background:var(--itlive-ts-bg, var(--bg3, rgba(0,0,0,.06)));
  padding:3px 4px;border-radius:16px;
  border:1px solid var(--itlive-ts-border, var(--border, rgba(0,0,0,.1)));
  flex-shrink:0;
}
.itlive-theme-switcher .itlive-th-btn{
  border:none;background:transparent;
  color:var(--itlive-ts-muted, var(--g5, #6b7280));
  font-size:clamp(9px, 2.8vw, 11px);
  font-weight:800;
  padding:6px 9px;
  min-height:32px;
  min-width:0;
  border-radius:12px;
  cursor:pointer;
  white-space:nowrap;
  transition:background .2s,color .2s;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.itlive-theme-switcher .itlive-th-btn:hover{color:var(--g3, var(--text, #111))}
.itlive-theme-switcher .itlive-th-btn.active{
  background:var(--theme-accent, #f59e0b);
  color:var(--itlive-ts-active-fg, #0f172a);
  box-shadow:0 2px 8px rgba(0,0,0,.2);
}
body[data-theme="evening"] .itlive-theme-switcher .itlive-th-btn.active,
body[data-theme="night"] .itlive-theme-switcher .itlive-th-btn.active{color:#fff}
@media (max-width:520px){
  .itlive-theme-switcher .itlive-th-btn{padding:8px 7px;font-size:9px}
}

/* ── Light tools (wit/licht basis) ── */
body.itlive-tools-light[data-theme="evening"]{
  --bg:#0f172a;--bg2:#1e293b;--bg3:#334155;
  --border:rgba(148,163,184,.22);--border2:rgba(148,163,184,.38);
  --text:#f1f5f9;--text-light:#cbd5e1;--text-lighter:#94a3af;
  --g3:#f8fafc;--g4:#cbd5e1;--g5:#94a3b8;--g6:#64748b;
  --gold:#38bdf8;--cyan:#22d3ee;
  --panel:rgba(30,41,59,.94);--panel-soft:rgba(51,65,85,.9);
  --topbar-bg:rgba(30,41,59,.92);--sidebar-bg:rgba(15,23,42,.94);
  --main-header-bg:rgba(30,41,59,.88);--theme-accent:#38bdf8;
}
body.itlive-tools-light[data-theme="night"]{
  --bg:#05040c;--bg2:#0a0814;--bg3:#12101c;
  --border:rgba(124,58,237,.28);--border2:rgba(167,139,250,.38);
  --text:#ede9fe;--text-light:#ddd6fe;--text-lighter:#c4b5fd;
  --g3:#f5f3ff;--g4:#e9d5ff;--g5:#ddd6fe;--g6:#a78bfa;
  --gold:#f472b6;--cyan:#22d3ee;
  --panel:rgba(18,16,32,.96);--panel-soft:rgba(28,22,44,.92);
  --topbar-bg:rgba(12,10,22,.93);--sidebar-bg:rgba(8,6,18,.95);
  --main-header-bg:rgba(16,12,28,.9);--theme-accent:#a78bfa;
}
body.itlive-tools-light[data-theme]{transition:background-color .35s ease,color .25s ease}

/* ── SBI page (amber/zinc palette) ── */
body.itlive-tools-sbi[data-theme="evening"]{
  --bg:#0f172a;--bg2:#1e293b;
  --bg-soft:linear-gradient(160deg,#1e293b 0%,#0f172a 100%);
  --border:rgba(148,163,184,.25);--text:#f1f5f9;--muted:#94a3b8;
  --link:#38bdf8;--link-hover:#7dd3fc;--gold:#38bdf8;--accent:#38bdf8;
  --cyan:#2dd4bf;--green:#4ade80;--purple:#a78bfa;
}
body.itlive-tools-sbi[data-theme="night"]{
  --bg:#06040f;--bg2:#0f0a1a;
  --bg-soft:linear-gradient(160deg,#1a1030 0%,#06040f 100%);
  --border:rgba(167,139,250,.3);--text:#ede9fe;--muted:#c4b5fd;
  --link:#c4b5fd;--link-hover:#e9d5ff;--gold:#f472b6;--accent:#f472b6;
  --cyan:#5eead4;--green:#86efac;--purple:#d8b4fe;
}
body.itlive-tools-sbi[data-theme="evening"] .topbar,
body.itlive-tools-sbi[data-theme="night"] .topbar{background:rgba(15,23,42,.92)}
body.itlive-tools-sbi[data-theme="evening"] .sidebar,
body.itlive-tools-sbi[data-theme="night"] .sidebar{background:var(--bg2)}
body.itlive-tools-sbi[data-theme="evening"] .card,
body.itlive-tools-sbi[data-theme="night"] .card{background:var(--bg2);border-color:var(--border)}

/* ── Dark tools (e-commerce / horeca-achtig) ── */
body.itlive-tools-dark{
  --heading:#ffffff;
  --topbar-bg:var(--bg2);
  --theme-accent:#f2c14f;
}
body.itlive-tools-dark[data-theme="day"]{
  --bg:#1e293b;--bg2:#334155;--bg3:#475569;
  --border:#334155;--border2:#64748b;
  --g3:#f8fafc;--g4:#e2e8f0;--g5:#94a3b8;--g6:#64748b;
  --heading:#fff;
  --gold:#fbbf24;--cyan:#22d3ee;--green:#4ade80;--purple:#c4b5fd;--orange:#fb923c;
  --theme-accent:#38bdf8;
}
body.itlive-tools-dark[data-theme="evening"]{
  --bg:#0a0e1a;--bg2:#0f1422;--bg3:#151b2e;
  --border:#1e293b;--border2:#2d3a52;
  --g3:#d1d5db;--g4:#9ca3af;--g5:#6b7280;--g6:#4b5563;
  --heading:#fff;
  --gold:#f2c14f;--cyan:#22d3ee;--green:#10b981;--purple:#8b5cf6;--orange:#f97316;
  --theme-accent:#f2c14f;
}
body.itlive-tools-dark[data-theme="night"]{
  --bg:#05040c;--bg2:#0c0a14;--bg3:#16131f;
  --border:rgba(124,58,237,.28);--border2:rgba(167,139,250,.35);
  --g3:#ede9fe;--g4:#ddd6fe;--g5:#c4b5fd;--g6:#a78bfa;
  --heading:#f5f3ff;
  --gold:#f472b6;--cyan:#22d3ee;--green:#34d399;--purple:#c4b5fd;--orange:#fb923c;
  --theme-accent:#a78bfa;
}
body.itlive-tools-dark[data-theme]{transition:background-color .35s ease,color .25s ease}
body.itlive-tools-dark .topbar{background:var(--topbar-bg)}
body.itlive-tools-dark .main-header{background:var(--bg2)}
body.itlive-tools-dark .kpi{background:rgba(255,255,255,.04)}
body.itlive-tools-dark h1,body.itlive-tools-dark .main-header h2{color:var(--heading)}

/* ── Certificaten DB (donkere app + eigen light-toggle op <html>) ── */
body.itlive-tools-cert.itlive-tools-dark[data-theme="day"]{
  --bg:#1e293b;--bg2:#334155;--bg3:#475569;--bg4:#64748b;
  --border:#475569;--border2:#64748b;
  --text:#f1f5f9;--text2:#cbd5e1;--text3:#94a3b8;--text4:#64748b;
  --heading:#ffffff;
  --gold:#fbbf24;--cyan:#22d3ee;--green:#4ade80;--purple:#c4b5fd;--orange:#fb923c;--blue:#60a5fa;
  --card-bg:rgba(255,255,255,.06);--card-hover:rgba(255,255,255,.1);--card-border:rgba(148,163,184,.25);
  --overlay:rgba(0,0,0,.45);--theme-accent:#38bdf8;
}
body.itlive-tools-cert.itlive-tools-dark[data-theme="evening"]{
  --bg:#0a0e1a;--bg2:#0f1422;--bg3:#151b2e;--bg4:#1a2138;
  --border:#1e293b;--border2:#2d3a52;
  --text:#d1d5db;--text2:#9ca3af;--text3:#6b7280;--text4:#4b5563;
  --heading:#ffffff;
  --gold:#f2c14f;--cyan:#22d3ee;--green:#10b981;--purple:#8b5cf6;--orange:#f97316;--blue:#3b82f6;
  --card-bg:rgba(255,255,255,.02);--theme-accent:#f2c14f;
}
body.itlive-tools-cert.itlive-tools-dark[data-theme="night"]{
  --bg:#05040c;--bg2:#0c0a14;--bg3:#16131f;--bg4:#1f1830;
  --border:rgba(124,58,237,.28);--border2:rgba(167,139,250,.35);
  --text:#ede9fe;--text2:#ddd6fe;--text3:#c4b5fd;--text4:#a78bfa;
  --heading:#f5f3ff;
  --gold:#f472b6;--cyan:#22d3ee;--green:#34d399;--purple:#c4b5fd;--orange:#fb923c;--blue:#93c5fd;
  --card-bg:rgba(255,255,255,.04);--theme-accent:#a78bfa;
}
body.itlive-tools-cert.itlive-tools-dark[data-theme]{transition:background-color .35s ease,color .25s ease}