:root{
 --simbk-primary:#2563eb;--simbk-primary-700:#1d4ed8;--simbk-primary-dark:#172554;
 --simbk-primary-soft:#dbeafe;--simbk-accent:#06b6d4;--simbk-page:#f1f5f9;
 --simbk-card:#fff;--simbk-text:#0f172a;--simbk-muted:#64748b;--simbk-border:#e2e8f0;
 --simbk-sidebar-start:#172554;--simbk-sidebar-mid:#1e3a8a;--simbk-sidebar-end:#0f172a;
 --simbk-hero-start:#172554;--simbk-hero-mid:#1e40af;--simbk-hero-end:#4f46e5;
 --navy:var(--simbk-primary-dark)!important;--blue:var(--simbk-primary)!important;
 --blue-soft:var(--simbk-primary-soft)!important;--page:var(--simbk-page)!important;
 --white:var(--simbk-card)!important;--slate-950:var(--simbk-text)!important;
 --slate-800:var(--simbk-text)!important;--slate-500:var(--simbk-muted)!important;
 --slate-200:var(--simbk-border)!important;
}
html[data-theme="green"]{--simbk-primary:#15803d;--simbk-primary-700:#166534;--simbk-primary-dark:#14532d;--simbk-primary-soft:#dcfce7;--simbk-accent:#0d9488;--simbk-sidebar-start:#14532d;--simbk-sidebar-mid:#166534;--simbk-sidebar-end:#052e16;--simbk-hero-start:#14532d;--simbk-hero-mid:#15803d;--simbk-hero-end:#0f766e}
html[data-theme="purple"]{--simbk-primary:#7c3aed;--simbk-primary-700:#6d28d9;--simbk-primary-dark:#4c1d95;--simbk-primary-soft:#ede9fe;--simbk-accent:#a855f7;--simbk-sidebar-start:#3b0764;--simbk-sidebar-mid:#581c87;--simbk-sidebar-end:#1e1b4b;--simbk-hero-start:#4c1d95;--simbk-hero-mid:#7c3aed;--simbk-hero-end:#a855f7}
html[data-theme="maroon"]{--simbk-primary:#be123c;--simbk-primary-700:#9f1239;--simbk-primary-dark:#881337;--simbk-primary-soft:#ffe4e6;--simbk-accent:#e11d48;--simbk-sidebar-start:#881337;--simbk-sidebar-mid:#9f1239;--simbk-sidebar-end:#4c0519;--simbk-hero-start:#881337;--simbk-hero-mid:#be123c;--simbk-hero-end:#e11d48}
html[data-theme="orange"]{--simbk-primary:#ea580c;--simbk-primary-700:#c2410c;--simbk-primary-dark:#7c2d12;--simbk-primary-soft:#ffedd5;--simbk-accent:#f59e0b;--simbk-sidebar-start:#7c2d12;--simbk-sidebar-mid:#9a3412;--simbk-sidebar-end:#431407;--simbk-hero-start:#7c2d12;--simbk-hero-mid:#ea580c;--simbk-hero-end:#f59e0b}
html[data-theme="teal"]{--simbk-primary:#0f766e;--simbk-primary-700:#115e59;--simbk-primary-dark:#134e4a;--simbk-primary-soft:#ccfbf1;--simbk-accent:#0891b2;--simbk-sidebar-start:#134e4a;--simbk-sidebar-mid:#115e59;--simbk-sidebar-end:#042f2e;--simbk-hero-start:#134e4a;--simbk-hero-mid:#0f766e;--simbk-hero-end:#0891b2}

html[data-theme="pink"]{
 --simbk-primary:#db2777;--simbk-primary-700:#be185d;--simbk-primary-dark:#831843;
 --simbk-primary-soft:#fce7f3;--simbk-accent:#f472b6;
 --simbk-sidebar-start:#831843;--simbk-sidebar-mid:#be185d;--simbk-sidebar-end:#500724;
 --simbk-hero-start:#831843;--simbk-hero-mid:#db2777;--simbk-hero-end:#f472b6
}
html[data-theme="dapodik"]{
 --simbk-primary:#0277bd;--simbk-primary-700:#0369a1;--simbk-primary-dark:#01579b;
 --simbk-primary-soft:#e1f5fe;--simbk-accent:#00a859;
 --simbk-sidebar-start:#01579b;--simbk-sidebar-mid:#0277bd;--simbk-sidebar-end:#003b63;
 --simbk-hero-start:#01579b;--simbk-hero-mid:#0277bd;--simbk-hero-end:#00a859
}
html[data-theme="lightblue"]{ --simbk-primary:#38bdf8;--simbk-primary-700:#0284c7;--simbk-primary-dark:#0369a1; --simbk-primary-soft:#e0f2fe;--simbk-accent:#67e8f9; --simbk-sidebar-start:#075985;--simbk-sidebar-mid:#0284c7;--simbk-sidebar-end:#082f49; --simbk-hero-start:#075985;--simbk-hero-mid:#38bdf8;--simbk-hero-end:#67e8f9
}

html[data-mode="dark"]{--simbk-page:#0b1120;--simbk-card:#111827;--simbk-text:#f8fafc;--simbk-muted:#a8b3c7;--simbk-border:#334155;color-scheme:dark}
body{background:var(--simbk-page)!important;color:var(--simbk-text)!important;transition:background-color .2s,color .2s}
.card,.simbk-data-shell,.bg-white{background-color:var(--simbk-card)!important;border-color:var(--simbk-border)!important}
.text-slate-900,.text-slate-950,.text-slate-800{color:var(--simbk-text)!important}.text-slate-500,.text-slate-600{color:var(--simbk-muted)!important}.border-slate-200,.border-slate-300{border-color:var(--simbk-border)!important}
#sidebar{background-image:linear-gradient(to bottom,var(--simbk-sidebar-start),var(--simbk-sidebar-mid),var(--simbk-sidebar-end))!important}
.bg-blue-950,.bg-blue-900,.bg-blue-800,.bg-blue-700,.bg-blue-600{background-color:var(--simbk-primary)!important}.text-blue-800,.text-blue-700,.text-blue-600{color:var(--simbk-primary)!important}.bg-blue-100,.bg-blue-50{background-color:var(--simbk-primary-soft)!important}.text-blue-200,.text-blue-100{color:#e0f2fe!important}
.bg-gradient-to-r.from-blue-950,.bg-gradient-to-r.from-blue-900,.bg-gradient-to-r.from-blue-800,.hero{background-image:linear-gradient(120deg,var(--simbk-hero-start),var(--simbk-hero-mid),var(--simbk-hero-end))!important}
button.bg-blue-600,a.bg-blue-600,.btn-blue{background:var(--simbk-primary)!important;color:#fff!important}button.bg-blue-600:hover,a.bg-blue-600:hover,.btn-blue:hover{background:var(--simbk-primary-700)!important}
.focus\\:border-blue-500:focus{border-color:var(--simbk-primary)!important}.focus\\:ring-blue-100:focus{--tw-ring-color:color-mix(in srgb,var(--simbk-primary) 20%,transparent)!important}
html[data-mode="dark"] input,html[data-mode="dark"] select,html[data-mode="dark"] textarea{background:#172033!important;color:#f8fafc!important;border-color:#475569!important}
html[data-mode="dark"] .bg-slate-50,html[data-mode="dark"] .bg-slate-100{background:#172033!important}html[data-mode="dark"] header.bg-white\/95{background:rgba(17,24,39,.95)!important}
.theme-popover{position:absolute;right:0;top:calc(100% + 10px);width:270px;padding:14px;background:var(--simbk-card);border:1px solid var(--simbk-border);border-radius:16px;box-shadow:0 20px 45px rgba(15,23,42,.2);z-index:90}.theme-popover[hidden]{display:none}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-swatch{border:1px solid var(--simbk-border);border-radius:12px;padding:8px 5px;background:var(--simbk-card);color:var(--simbk-text);font-size:10px;font-weight:800;cursor:pointer}.theme-swatch:hover,.theme-swatch.is-active{outline:2px solid var(--simbk-primary);outline-offset:1px}.theme-dot{display:block;width:28px;height:28px;border-radius:50%;margin:0 auto 5px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.5)}
@media print{.theme-control{display:none!important}html{color-scheme:light!important}body,.card,.bg-white{background:#fff!important;color:#000!important}}


/* Unified sidebar theme: menimpa kelas Tailwind warna lama tanpa mengubah struktur menu. */
#sidebar{
 background-image:linear-gradient(
   to bottom,
   var(--simbk-sidebar-start),
   var(--simbk-sidebar-mid),
   var(--simbk-sidebar-end)
 )!important;
}
#sidebar .bg-blue-950,
#sidebar .bg-blue-900,
#sidebar .bg-blue-800,
#sidebar .bg-blue-700,
#sidebar .bg-blue-600{
 background-color:var(--simbk-primary)!important;
}
#sidebar .hover\:bg-blue-800:hover,
#sidebar .hover\:bg-blue-700:hover,
#sidebar .hover\:bg-blue-600:hover{
 background-color:color-mix(in srgb,var(--simbk-primary) 78%,#000)!important;
}
#sidebar .text-blue-100,
#sidebar .text-blue-200,
#sidebar .text-blue-300,
#sidebar .text-blue-400{
 color:color-mix(in srgb,#fff 80%,var(--simbk-accent))!important;
}
#sidebar .border-blue-700,
#sidebar .border-blue-600,
#sidebar .border-blue-500{
 border-color:color-mix(in srgb,var(--simbk-accent) 70%,transparent)!important;
}
#sidebar .border-cyan-300{
 border-color:var(--simbk-accent)!important;
}
#sidebar [class*="bg-white/10"]{
 background-color:color-mix(in srgb,#fff 12%,transparent)!important;
}
#sidebar a,
#sidebar button{
 transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}


.theme-control > button,
[data-theme-menu-button]{
 position:relative;
}
.theme-control > button::after,
[data-theme-menu-button]::after{
 content:"";
 position:absolute;
 right:5px;
 bottom:5px;
 width:9px;
 height:9px;
 border:2px solid var(--simbk-card,#fff);
 border-radius:999px;
 background:var(--theme-control-color,var(--simbk-primary,#2563eb));
 box-shadow:0 1px 4px rgba(15,23,42,.25);
}