/* Light mode overrides — applied when is set */
html.light body,
html.light .bg-\[\#151921\] {
background-color: #f0f4f8 !important;
color: #111827 !important;
}
html.light aside#main-sidebar,
html.light .bg-\[\#0f1218\] {
background-color: #e8ecf3 !important;
border-right-color: rgba(0,0,0,.09) !important;
}
html.light .bg-\[\#1e2530\],
html.light header.bg-\[\#1e2530\] {
background-color: #fff !important;
border-color: rgba(0,0,0,.08) !important;
}
html.light .bg-black\/20 {
background-color: rgba(0,0,0,.04) !important;
border-top-color: rgba(0,0,0,.08) !important;
}
html.light .card,
html.light .stat-card,
html.light .detail-panel,
html.light .sidebar-panel {
background: #fff !important;
border-color: rgba(0,0,0,.08) !important;
}
html.light .nav-link-item { color: #4b5563 !important; }
html.light .nav-link-item:hover { background: rgba(0,0,0,.04) !important; color: #111827 !important; }
html.light .nav-link-item.active { background: rgba(255,77,106,.1) !important; color: #ff4d6a !important; box-shadow: 0 4px 16px rgba(255,77,106,.12) !important; }
html.light .page-header h1,
html.light .section h2,
html.light .card h2 { color: #111827 !important; }
html.light td { color: #111827 !important; border-bottom-color: rgba(0,0,0,.05) !important; }
html.light th { color: #6b7280 !important; border-bottom-color: rgba(0,0,0,.08) !important; }
html.light tr.clickable:hover td { background: rgba(0,0,0,.02) !important; }
html.light .text-white,
html.light #navUser { color: #111827 !important; }
html.light .btn-ghost {
background: rgba(0,0,0,.05) !important;
border-color: rgba(0,0,0,.12) !important;
color: #374151 !important;
}
html.light .btn-ghost:hover:not(:disabled) {
background: rgba(0,0,0,.1) !important;
color: #111827 !important;
}
html.light .toggle-pill { background: #dde3eb !important; border-color: rgba(0,0,0,.12) !important; }
html.light .toggle-option { color: #6b7280 !important; }
html.light .toggle-option.active { background: #fff !important; color: #111827 !important; box-shadow: 0 2px 8px rgba(0,0,0,.12) !important; }
html.light .key-box,
html.light .log-output,
html.light pre { background: #e4eaf2 !important; border-color: rgba(0,0,0,.08) !important; color: #111827 !important; }
html.light code { background: rgba(0,0,0,.07) !important; color: #111827 !important; }
html.light input,
html.light select,
html.light textarea {
background-color: #f8fafc !important;
border-color: rgba(0,0,0,.15) !important;
color: #111827 !important;
}
html.light input::placeholder { color: #9ca3af !important; }
html.light ::-webkit-scrollbar-thumb { background: #bcc7d6 !important; }
html.light .grace-banner {
background: rgba(249,226,175,.15) !important;
border-color: rgba(249,226,175,.3) !important;
}