/* ============================================================
   15. DARK MODE OVERRIDES (FULL COMPATIBILITY)
   ============================================================ */
body.dark-mode { background-color: #0f172a !important; color: #cbd5e1 !important; }
body.dark-mode .sidebar, 
body.dark-mode .top-header, 
body.dark-mode .card, 
body.dark-mode .admin-section, 
body.dark-mode .guru-section, 
body.dark-mode .siswa-section, 
body.dark-mode .info-panel, 
body.dark-mode .stat-card-saas, 
body.dark-mode .item-card-saas, 
body.dark-mode .modal-content, 
body.dark-mode .login-card, 
body.dark-mode .dropdown-menu,
body.dark-mode .cbt-main-card,
body.dark-mode .cbt-sidebar-nav { background-color: #1e293b !important; color: #f1f5f9 !important; border-color: #334155 !important; }

body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode .top-header-title, body.dark-mode .info-saas h4, body.dark-mode .stat-info h3, body.dark-mode .panel-header, body.dark-mode .cbt-question-text { color: #f8fafc !important; }
body.dark-mode input, body.dark-mode select, body.dark-mode textarea { background-color: #0f172a !important; color: #f8fafc !important; border-color: #334155 !important; }
body.dark-mode .sidebar-nav-btn { color: #94a3b8 !important; }
body.dark-mode .sidebar-nav-btn:hover { background: #334155 !important; color: var(--primary-bright) !important; }
body.dark-mode .sidebar-nav-btn.active { background: var(--primary-deep) !important; color: var(--primary-bright) !important; }
body.dark-mode .dropdown-menu button { color: #cbd5e1 !important; border-color: #334155 !important; }
body.dark-mode .dropdown-menu button:hover { background-color: #0f172a !important; color: var(--primary-bright) !important; }
body.dark-mode .card-body-saas, body.dark-mode .panel-item, body.dark-mode .sidebar-brand { border-color: #334155 !important; }
body.dark-mode .sidebar-footer { border-top-color: #334155; }
body.dark-mode .cbt-option-label { background: #0f172a; border-color: #334155; color: #f1f5f9; }
body.dark-mode .cbt-option-label div { color: #f1f5f9; }
body.dark-mode .cbt-option-label:hover { background: #1e293b; }
body.dark-mode .saas-table th { background-color: #0f172a; color: #f8fafc; border-color: #334155; }
body.dark-mode .saas-table td { border-color: #334155; color: #cbd5e1; }
body.dark-mode .saas-table tbody tr:hover { background-color: #1e293b; }