/* Admin panel light theme — applied via html[data-theme] while /frox is open */
html[data-theme=light]{--bg:#f4f5f9;--bg-2:#ffffff;--panel:#ffffff;--panel-2:#f0f1f6;--border:#e2e4ec;--border-2:#d2d5e0;--text:#15161d;--muted:#555c70;--dim:#868c9f;--red-soft:rgba(225,29,42,.08);--grad-soft:linear-gradient(135deg,rgba(255,122,24,.10),rgba(225,29,42,.10));--shadow:0 8px 24px rgba(20,22,40,.08);--shadow-red:0 6px 20px rgba(225,29,42,.18);color-scheme:light}
html[data-theme=dark]{color-scheme:dark}
html[data-theme=light] body{background:var(--bg)}
html[data-theme=light] .topbar{background:rgba(255,255,255,.85)}
html[data-theme=light] .card{background:var(--panel);box-shadow:0 1px 2px rgba(20,22,40,.04)}
html[data-theme=light] .side-link:hover{color:var(--text)}
html[data-theme=light] .brand .b1,html[data-theme=light] .burger{color:var(--text)}
html[data-theme=light] .badge-green{color:#15803d}
html[data-theme=light] .badge-blue{color:#1d6fd1}
html[data-theme=light] .badge-orange{color:#c2570c}
html[data-theme=light] .badge-red{color:#c81e2b}
html[data-theme=light] .alert-error{color:#b91c1c}
html[data-theme=light] .alert-ok{color:#15803d}
html[data-theme=light] ::-webkit-scrollbar-thumb{background:#c9ccd8}
.theme-btn{white-space:nowrap}