/* ─────────────────────────────────────────── */
/* 🎨 OVERRIDES UNTUK LIGHT THEME + DARK SIDEBAR */
/* ─────────────────────────────────────────── */

/* Scrollbar light */
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Sidebar & Navbar tetap dark & readable */
.sidebar { background: var(--bg-sidebar); }
.sidebar .nav-item { color: #cbd5e1; }
.sidebar .nav-item:hover { color: #ffffff; background: rgba(255,255,255,0.08); }
.sidebar .nav-item.active { background: var(--primary); color: #ffffff; }
.sidebar .nav-section-title { color: #64748b; }
.navbar .page-title { color: #ffffff; }
.notification-btn, .user-menu, .btn-icon { color: #cbd5e1 !important; }
.notification-btn:hover, .user-menu:hover, .btn-icon:hover { color: var(--primary) !important; }

/* Konten utama light */
body { background: var(--bg-dark); color: var(--text-primary); }
.table-container, .modal-content, .dropdown-menu-custom, .notification-dropdown {
    background: var(--bg-card);
    border-color: var(--border-color);
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}

/* Tabel & Hover state light */
.data-table th { background: #f8fafc; color: #64748b; border-bottom-color: var(--border-color); }
.data-table td { border-bottom-color: var(--border-color); }
.data-table tr:hover td { background: #f1f5f9; }

/* Form Input light */
.form-control-custom, .select-custom, .search-input {
    background: var(--bg-input);
    border-color: #cbd5e1;
    color: var(--text-primary);
}
.form-control-custom:focus, .select-custom:focus, .search-input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(87, 51, 165, 0.15);
    background: #ffffff;
}
.form-control-custom::placeholder { color: var(--text-muted); }

/* File upload & preview light */
.file-upload-area { border-color: #cbd5e1; }
.file-upload-area:hover { border-color: var(--primary); background: rgba(87, 51, 165, 0.04); }
.file-item { background: #f1f5f9; border: 1px solid var(--border-color); }

/* Toggle switch light */
.toggle-slider { background: #cbd5e1; }
.toggle-switch input:checked + .toggle-slider { background: var(--primary); }
.toggle-switch input:checked + .toggle-slider::before { background: #ffffff; }

/* Pagination light */
.page-btn { background: #ffffff; border-color: var(--border-color); color: #64748b; }
.page-btn:hover { border-color: var(--primary); color: var(--primary); }
.page-btn.active { background: var(--primary); border-color: var(--primary); color: #ffffff; }

/* Login page (opsional, disesuaikan light) */
.login-page {
    background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
}
.login-card {
    background: var(--bg-card);
    border-color: var(--border-color);
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
}