/**
 * Dark Mode Overrides for Page-Specific CSS
 * Handles hardcoded colors that don't use CSS variables
 * @version 1.0.0
 */

/* ===== Common card & section overrides ===== */
[data-theme="dark"] .login-card,
[data-theme="dark"] .gate-card,
[data-theme="dark"] .staff-card,
[data-theme="dark"] .form-section,
[data-theme="dark"] .quality-card,
[data-theme="dark"] .action-card,
[data-theme="dark"] .stat-card-custom,
[data-theme="dark"] .section-card,
[data-theme="dark"] .standard-card,
[data-theme="dark"] .indicator-card,
[data-theme="dark"] .school-info,
[data-theme="dark"] .criteria-section,
[data-theme="dark"] .evaluator-section,
[data-theme="dark"] .approval-card,
[data-theme="dark"] .info-card,
[data-theme="dark"] .gate2-info-card,
[data-theme="dark"] .output-card {
    background: var(--bg-secondary) !important;
    color: var(--neutral-900);
    border-color: var(--neutral-200) !important;
}

/* ===== Table overrides ===== */
[data-theme="dark"] .criteria-table,
[data-theme="dark"] .sub-criteria-table,
[data-theme="dark"] .info-table,
[data-theme="dark"] .staff-table,
[data-theme="dark"] .matrix-table,
[data-theme="dark"] .users-table,
[data-theme="dark"] .results-table {
    background: var(--bg-secondary);
    color: var(--neutral-900);
}

[data-theme="dark"] .criteria-table td,
[data-theme="dark"] .sub-criteria-table td,
[data-theme="dark"] .info-table td,
[data-theme="dark"] .staff-table td,
[data-theme="dark"] .matrix-table td,
[data-theme="dark"] .users-table td,
[data-theme="dark"] .results-table td {
    border-color: var(--neutral-200);
    color: var(--neutral-800);
}

[data-theme="dark"] .criteria-table th,
[data-theme="dark"] .sub-criteria-table th,
[data-theme="dark"] .users-table th {
    border-color: var(--neutral-300);
}

/* ===== Form inputs ===== */
[data-theme="dark"] .form-input,
[data-theme="dark"] .form-select,
[data-theme="dark"] .grade-select,
[data-theme="dark"] .notes-input,
[data-theme="dark"] .reward-input,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="date"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background: var(--bg-tertiary) !important;
    color: var(--neutral-900) !important;
    border-color: var(--neutral-300) !important;
}

/* ===== Modal overrides ===== */
[data-theme="dark"] .modal-content,
[data-theme="dark"] .modal-custom {
    background: var(--bg-secondary) !important;
    color: var(--neutral-900);
    border-color: var(--neutral-200);
}

/* ===== Notification items ===== */
[data-theme="dark"] .notification-list,
[data-theme="dark"] .notification-item {
    background: var(--bg-secondary);
    border-color: var(--neutral-200);
}

/* ===== Login page overrides ===== */
[data-theme="dark"] .user-tabs {
    background: var(--bg-tertiary);
}

[data-theme="dark"] .admin-hint {
    background: var(--secondary-50);
    color: var(--neutral-800);
}

[data-theme="dark"] .login-footer {
    background: var(--bg-tertiary);
    border-color: var(--neutral-200);
}

/* ===== Evaluator dashboard ===== */
[data-theme="dark"] .stat-card,
[data-theme="dark"] .nav-tabs-container,
[data-theme="dark"] .form-type-card {
    background: var(--bg-secondary) !important;
    border-color: var(--neutral-200) !important;
}

[data-theme="dark"] .employees-table th {
    background: var(--bg-tertiary);
}

[data-theme="dark"] .employees-table tbody tr:hover {
    background: var(--bg-tertiary);
}

/* ===== Checkbox & radio ===== */
[data-theme="dark"] .checkbox-option,
[data-theme="dark"] .rating-btn {
    background: var(--bg-tertiary) !important;
    color: var(--neutral-900);
    border-color: var(--neutral-300) !important;
}

/* ===== Progress bars ===== */
[data-theme="dark"] .gate-progress,
[data-theme="dark"] .progress-bar-bg {
    background: var(--neutral-200);
}

/* ===== Note & info boxes ===== */
[data-theme="dark"] .note-box,
[data-theme="dark"] .info-section,
[data-theme="dark"] .matrix-section {
    background: var(--bg-tertiary);
    border-color: var(--neutral-300);
}

/* ===== Action buttons (light variants) ===== */
[data-theme="dark"] .action-btn.edit {
    background: var(--info-light);
    color: var(--neutral-900);
}

[data-theme="dark"] .action-btn.delete {
    background: var(--error-light);
    color: var(--neutral-900);
}

/* ===== Dashboard cards ===== */
[data-theme="dark"] .evaluation-chain-box {
    background: var(--bg-secondary);
    border-color: var(--neutral-200);
}

/* ===== Value-added portal ===== */
[data-theme="dark"] .progress-section,
[data-theme="dark"] .indicator-header,
[data-theme="dark"] .indicator-description,
[data-theme="dark"] .evidence-upload,
[data-theme="dark"] .entry-item {
    background: var(--bg-tertiary);
    border-color: var(--neutral-300);
}

/* ===== Alert boxes (in eval forms) ===== */
[data-theme="dark"] .alert {
    border-color: var(--neutral-300);
}

[data-theme="dark"] .alert.success {
    background: var(--secondary-50);
    color: var(--secondary-400);
}

[data-theme="dark"] .alert.error {
    background: var(--error-light);
    color: #fca5a5;
}

[data-theme="dark"] .alert.warning {
    background: var(--accent-50);
    color: var(--accent-300);
}

/* ===== Evaluator cards ===== */
[data-theme="dark"] .e-evaluator-card {
    background: var(--bg-tertiary);
}

/* ===== Result boxes ===== */
[data-theme="dark"] .result-box {
    background: var(--bg-tertiary);
}

/* ===== Code blocks ===== */
[data-theme="dark"] code,
[data-theme="dark"] pre {
    background: var(--bg-primary);
    color: var(--neutral-800);
}

/* ===== Empty state ===== */
[data-theme="dark"] .empty-state svg {
    fill: var(--neutral-400);
}

/* ========================================
   EVAL FORMS DARK MODE (eval-forms.css)
   ======================================== */

/* --- Container & backgrounds --- */
[data-theme="dark"] .container {
    background: var(--bg-secondary) !important;
    color: var(--neutral-900);
}

[data-theme="dark"] .previous-stage-card,
[data-theme="dark"] .requirement-item,
[data-theme="dark"] .radio-option,
[data-theme="dark"] .signature-box,
[data-theme="dark"] .signature-field,
[data-theme="dark"] .score-item,
[data-theme="dark"] .requirements-checklist,
[data-theme="dark"] .decision-group,
[data-theme="dark"] .evaluator-card,
[data-theme="dark"] .path-step,
[data-theme="dark"] .calculation-note {
    background: var(--bg-tertiary) !important;
    border-color: var(--neutral-300) !important;
}

[data-theme="dark"] .info-group,
[data-theme="dark"] .approval-section,
[data-theme="dark"] .evaluation-card,
[data-theme="dark"] .decision-section,
[data-theme="dark"] .final-calculation,
[data-theme="dark"] .calculation-grid-section,
[data-theme="dark"] .summary-section,
[data-theme="dark"] .result-box {
    background: var(--bg-tertiary) !important;
}

[data-theme="dark"] .summary-table {
    background: var(--bg-secondary) !important;
}

/* --- Text & border overrides removed: eval-forms.css now uses
       auto-flipping CSS variables (--eval-text-*, --eval-border-*) --- */

[data-theme="dark"] td {
    border-color: var(--neutral-200) !important;
}

/* --- Radio/checkbox hover --- */
[data-theme="dark"] .radio-option:hover {
    background: var(--bg-secondary) !important;
}

/* --- Status badges --- */
[data-theme="dark"] .status.approved,
[data-theme="dark"] .status-badge.approved {
    background: #064e3b !important;
    color: #6ee7b7 !important;
}

[data-theme="dark"] .status.rejected,
[data-theme="dark"] .status-badge.rejected {
    background: #7f1d1d !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] .status.pending {
    background: #78350f !important;
    color: #fcd34d !important;
}

/* --- Requirement item states --- */
[data-theme="dark"] .requirement-item.met {
    background: #064e3b !important;
    border-right-color: #10b981 !important;
}

[data-theme="dark"] .requirement-item.not-met {
    background: #7f1d1d !important;
    border-right-color: #ef4444 !important;
}

/* --- Note & review sections --- */
[data-theme="dark"] .note-section {
    background: linear-gradient(135deg, #78350f 0%, #92400e 100%) !important;
    border-right-color: #f59e0b !important;
}

[data-theme="dark"] .note-section h3 {
    color: #fbbf24 !important;
}

[data-theme="dark"] .note-section p {
    color: #d1d5db !important;
}

[data-theme="dark"] .review-section {
    background: var(--bg-tertiary) !important;
    border-color: var(--neutral-300) !important;
}

[data-theme="dark"] .review-title {
    color: #c4b5fd !important;
}

/* --- Qualification results --- */
[data-theme="dark"] .qualification-result.pass {
    background: linear-gradient(135deg, #064e3b 0%, #065f46 100%) !important;
    border-color: #10b981 !important;
}

[data-theme="dark"] .qualification-result.fail {
    background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 100%) !important;
    border-color: #f87171 !important;
}

/* --- Buttons --- */
[data-theme="dark"] .btn-print {
    background: #4b5563 !important;
}

[data-theme="dark"] .btn-print:hover {
    background: #6b7280 !important;
}

/* --- Theme toggle for forms --- */
[data-theme="dark"] .theme-toggle {
    background: rgba(30, 41, 59, 0.9) !important;
    border-color: var(--neutral-300) !important;
    color: var(--neutral-900);
}

[data-theme="dark"] .theme-toggle:hover {
    background: var(--bg-secondary) !important;
}

/* --- Table rows --- */
[data-theme="dark"] tbody tr:hover {
    background: var(--bg-tertiary) !important;
}

[data-theme="dark"] thead {
    background: var(--bg-tertiary) !important;
}

[data-theme="dark"] th {
    color: var(--neutral-900) !important;
    border-color: var(--neutral-300) !important;
}

/* --- Total row --- */
[data-theme="dark"] .total-row {
    background: var(--bg-tertiary) !important;
}

/* --- Overlap badge --- */
[data-theme="dark"] .overlap-badge {
    background: #ea580c !important;
}

/* --- Approval workflow (evaluator dashboard) --- */
[data-theme="dark"] .approval-badge {
    background: #7f1d1d !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] .btn-approve {
    background: #065f46 !important;
    color: #d1fae5 !important;
}

[data-theme="dark"] .btn-approve:hover {
    background: #047857 !important;
}

[data-theme="dark"] .btn-reject {
    background: #7f1d1d !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] .btn-reject:hover {
    background: #991b1b !important;
}

[data-theme="dark"] .btn-view-eval {
    background: var(--bg-tertiary) !important;
    color: var(--primary-400) !important;
}

/* --- Charts (evaluator dashboard) --- */
[data-theme="dark"] .charts-summary .chart-card {
    background: var(--bg-tertiary) !important;
    border-color: var(--neutral-200) !important;
}

/* ========================================
   PROFILE PAGE DARK MODE
   ======================================== */
[data-theme="dark"] .profile-card {
    background: var(--bg-secondary) !important;
    border-color: var(--neutral-200) !important;
}

[data-theme="dark"] .profile-card-body {
    background: var(--bg-secondary);
}

[data-theme="dark"] .info-value {
    background: var(--bg-tertiary) !important;
    color: var(--neutral-900) !important;
    border-color: var(--neutral-300) !important;
}

[data-theme="dark"] .profile-avatar-name {
    color: var(--neutral-900);
}

[data-theme="dark"] .profile-avatar-role {
    background: var(--primary-900) !important;
    color: var(--primary-300) !important;
}

[data-theme="dark"] .session-item {
    background: var(--bg-tertiary) !important;
    border-color: var(--neutral-300) !important;
}

[data-theme="dark"] .session-item-icon {
    background: var(--secondary-900) !important;
    color: var(--secondary-300) !important;
}

[data-theme="dark"] .session-item-value {
    color: var(--neutral-900);
}

[data-theme="dark"] .session-item-label {
    color: var(--neutral-500);
}

[data-theme="dark"] .profile-footer {
    color: var(--neutral-500);
}

/* ========================================
   BULK ACTIONS BAR (evaluator dashboard)
   ======================================== */
[data-theme="dark"] #bulk-actions-bar {
    background: var(--primary-900) !important;
    border-color: var(--primary-700) !important;
}

[data-theme="dark"] #bulk-actions-bar label {
    color: var(--primary-300) !important;
}

[data-theme="dark"] #bulk-actions-bar #selected-count {
    color: var(--primary-400) !important;
}

/* ========================================
   SEARCH FILTER BAR (evaluator dashboard)
   ======================================== */
[data-theme="dark"] .search-filter-bar {
    background: var(--bg-secondary) !important;
    border-color: var(--neutral-200) !important;
}

/* ========================================
   COMPARISON TABLES (reports)
   ======================================== */
[data-theme="dark"] .data-table {
    background: var(--bg-secondary);
}

[data-theme="dark"] .data-table td,
[data-theme="dark"] .data-table th {
    border-color: var(--neutral-200) !important;
}

[data-theme="dark"] .data-table tbody tr:nth-child(even) {
    background: var(--bg-tertiary);
}

/* ========================================
   GATE CARD GRADIENTS (employee dashboard)
   ======================================== */
[data-theme="dark"] .gate-card.gate1::before { background: linear-gradient(90deg, #4c63d2 0%, #5c3a8a 100%); }
[data-theme="dark"] .gate-card.gate2::before { background: linear-gradient(90deg, #c86fd0 0%, #c9424f 100%); }
[data-theme="dark"] .gate-card.gate3::before { background: linear-gradient(90deg, #3a8ad4 0%, #00c4cc 100%); }
[data-theme="dark"] .gate-card.gate4::before { background: linear-gradient(90deg, #2fb862 0%, #2ac8a8 100%); }

[data-theme="dark"] .gate-card.gate1 .gate-number { background: linear-gradient(135deg, #4c63d2 0%, #5c3a8a 100%); }
[data-theme="dark"] .gate-card.gate2 .gate-number { background: linear-gradient(135deg, #c86fd0 0%, #c9424f 100%); }
[data-theme="dark"] .gate-card.gate3 .gate-number { background: linear-gradient(135deg, #3a8ad4 0%, #00c4cc 100%); }
[data-theme="dark"] .gate-card.gate4 .gate-number { background: linear-gradient(135deg, #2fb862 0%, #2ac8a8 100%); }

[data-theme="dark"] .gate-card.gate1 .gate-progress-fill { background: linear-gradient(90deg, #4c63d2 0%, #5c3a8a 100%); }
[data-theme="dark"] .gate-card.gate2 .gate-progress-fill { background: linear-gradient(90deg, #c86fd0 0%, #c9424f 100%); }
[data-theme="dark"] .gate-card.gate3 .gate-progress-fill { background: linear-gradient(90deg, #3a8ad4 0%, #00c4cc 100%); }
[data-theme="dark"] .gate-card.gate4 .gate-progress-fill { background: linear-gradient(90deg, #2fb862 0%, #2ac8a8 100%); }

/* ========================================
   FORM PASSWORD (profile page)
   ======================================== */
[data-theme="dark"] .password-form .form-label {
    color: var(--neutral-800);
}

/* ========================================
   APPROVAL CHAIN (evaluator dashboard)
   ======================================== */
[data-theme="dark"] .chain-step.done {
    background: #064e3b;
    color: #6ee7b7;
}

[data-theme="dark"] .chain-step.current {
    background: #78350f;
    color: #fcd34d;
    border-color: #f59e0b;
}

[data-theme="dark"] .chain-step.waiting {
    background: var(--bg-secondary);
    color: var(--neutral-400);
}

/* ========================================
   AUDIT LOG — ACTION BADGES
   ======================================== */
[data-theme="dark"] .action-badge.login,
[data-theme="dark"] .action-badge.approve {
    background: #064e3b;
    color: #6ee7b7;
}

[data-theme="dark"] .action-badge.create {
    background: var(--primary-900);
    color: var(--primary-300);
}

[data-theme="dark"] .action-badge.update {
    background: #78350f;
    color: #fcd34d;
}

[data-theme="dark"] .action-badge.delete,
[data-theme="dark"] .action-badge.error {
    background: #7f1d1d;
    color: #fca5a5;
}

[data-theme="dark"] .action-badge.logout {
    background: var(--bg-tertiary);
    color: var(--neutral-400);
}

[data-theme="dark"] .log-table {
    background: var(--bg-secondary);
}

[data-theme="dark"] .log-table th {
    background: var(--bg-tertiary);
}

[data-theme="dark"] .log-table tbody tr:hover {
    background: var(--bg-tertiary);
}

/* ========================================
   TEST ACCOUNTS — BADGES
   ======================================== */
[data-theme="dark"] .badge-leadership {
    background: #78350f;
    color: #fcd34d;
}

[data-theme="dark"] .badge-quality {
    background: #4c1d95;
    color: #c4b5fd;
}

[data-theme="dark"] .badge-teacher {
    background: #064e3b;
    color: #6ee7b7;
}

[data-theme="dark"] .badge-employee {
    background: var(--primary-900);
    color: var(--primary-300);
}

[data-theme="dark"] .badge-admin {
    background: #7f1d1d;
    color: #fca5a5;
}

[data-theme="dark"] .badge-gifted,
[data-theme="dark"] .badge-nafis {
    background: #78350f;
    color: #fcd34d;
}

[data-theme="dark"] .badge-qudurat {
    background: var(--primary-900);
    color: var(--primary-300);
}

[data-theme="dark"] .badge-tahsili {
    background: #7f1d1d;
    color: #fca5a5;
}

[data-theme="dark"] .category-header {
    opacity: 0.9;
}

/* ========================================
   ACHIEVEMENT PORTFOLIO
   ======================================== */
[data-theme="dark"] .main-container {
    color: var(--neutral-900);
}

[data-theme="dark"] .page-intro {
    background: linear-gradient(135deg, #1e3a8a 0%, #5b21b6 100%);
}

[data-theme="dark"] .job-selector {
    background: var(--bg-secondary);
    box-shadow: var(--shadow-card);
}

[data-theme="dark"] .job-selector h2 {
    color: var(--primary-400);
}

[data-theme="dark"] .job-btn {
    border-color: var(--neutral-200);
    background: var(--bg-tertiary);
    color: var(--neutral-800);
}

[data-theme="dark"] .job-btn:hover {
    border-color: var(--primary-400);
    background: var(--primary-900);
    color: var(--primary-300);
}

[data-theme="dark"] .job-btn.active {
    border-color: var(--primary-400);
    background: var(--primary-800);
    color: white;
}

[data-theme="dark"] .portfolio-section {
    background: var(--bg-secondary);
    box-shadow: var(--shadow-card);
}

[data-theme="dark"] .portfolio-header {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
}

[data-theme="dark"] .domain-card {
    border-color: var(--neutral-200);
}

[data-theme="dark"] .domain-header {
    background: var(--bg-tertiary);
}

[data-theme="dark"] .domain-header:hover {
    background: var(--primary-900);
}

[data-theme="dark"] .domain-card.expanded .domain-header {
    background: var(--primary-800);
}

[data-theme="dark"] .domain-number {
    background: var(--primary-700);
}

[data-theme="dark"] .domain-card.expanded .domain-number {
    background: white;
    color: var(--primary-700);
}

[data-theme="dark"] .domain-weight {
    background: var(--primary-900);
    color: var(--primary-300);
}

[data-theme="dark"] .domain-card.expanded .domain-weight {
    background: rgba(255,255,255,0.2);
    color: white;
}

[data-theme="dark"] .domain-content {
    background: var(--bg-tertiary);
}

[data-theme="dark"] .criteria-table th {
    background: var(--primary-800) !important;
    color: white !important;
}

[data-theme="dark"] .criteria-table td {
    border-color: var(--neutral-200) !important;
}

[data-theme="dark"] .criteria-table tr:hover {
    background: var(--bg-secondary) !important;
}

[data-theme="dark"] .criteria-name {
    color: var(--primary-400);
}

[data-theme="dark"] .criteria-desc {
    color: var(--neutral-500);
}

[data-theme="dark"] .domains-container {
    background: var(--bg-secondary);
}

[data-theme="dark"] .domain-name {
    color: var(--neutral-900);
}

/* ========================================
   ADMIN TABS & QUALITY VISIT
   ======================================== */
[data-theme="dark"] .admin-tabs {
    background: var(--bg-tertiary);
}

[data-theme="dark"] .admin-tab {
    color: var(--neutral-400);
}

[data-theme="dark"] .admin-tab:hover {
    background: var(--bg-secondary);
    color: var(--neutral-800);
}

[data-theme="dark"] .admin-tab.active {
    background: var(--bg-secondary);
    color: var(--primary-400);
    box-shadow: var(--shadow-sm);
}

[data-theme="dark"] .qv-score-card {
    background: var(--bg-secondary);
    border-color: var(--neutral-200);
}

[data-theme="dark"] .qv-score-card.pass {
    background: linear-gradient(135deg, #064e3b 0%, #065f46 100%);
    border-color: #10b981;
}

[data-theme="dark"] .qv-score-card.fail {
    background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 100%);
    border-color: #f87171;
}

[data-theme="dark"] .qv-score-card.pass .qv-score-value {
    color: #6ee7b7;
}

[data-theme="dark"] .qv-score-card.fail .qv-score-value {
    color: #fca5a5;
}

[data-theme="dark"] .qv-eval-table {
    background: var(--bg-secondary);
}

[data-theme="dark"] .qv-eval-table td {
    border-color: var(--neutral-200);
}

[data-theme="dark"] .qv-eval-table .category-header-row td {
    background: var(--primary-900);
    color: var(--primary-300);
}

[data-theme="dark"] .qv-section-title {
    border-bottom-color: var(--neutral-300);
}

[data-theme="dark"] .qv-section-title h3 {
    color: var(--primary-400);
}

/* ========================================
   EVALUATION GUIDE
   ======================================== */
[data-theme="dark"] .guide-tabs {
    background: var(--bg-tertiary);
}

[data-theme="dark"] .guide-tab {
    color: var(--neutral-400);
}

[data-theme="dark"] .guide-tab:hover {
    background: var(--bg-secondary);
    color: var(--neutral-800);
}

[data-theme="dark"] .guide-tab.active {
    background: var(--bg-secondary);
    color: var(--primary-400);
}

[data-theme="dark"] .gate-info-card {
    background: var(--bg-secondary);
}

[data-theme="dark"] .gate-1 .gate-info-title h3 { color: #a5b4fc; }
[data-theme="dark"] .gate-2 .gate-info-title h3 { color: #f9a8d4; }
[data-theme="dark"] .gate-3 .gate-info-title h3 { color: #67e8f9; }
[data-theme="dark"] .gate-4 .gate-info-title h3 { color: #6ee7b7; }

[data-theme="dark"] .gate-info-body li {
    border-bottom-color: var(--neutral-200);
}

[data-theme="dark"] .threshold-rule {
    background: linear-gradient(135deg, #78350f 0%, #92400e 100%);
    border-color: #f59e0b;
}

[data-theme="dark"] .threshold-rule h4 { color: #fcd34d; }
[data-theme="dark"] .threshold-rule p { color: #fde68a; }
[data-theme="dark"] .threshold-value { color: #fbbf24; }

[data-theme="dark"] .chain-step-card {
    background: var(--bg-secondary);
    border-color: var(--neutral-200);
}

[data-theme="dark"] .chain-step-card h4 { color: var(--primary-400); }
[data-theme="dark"] .chain-step-card p { color: var(--neutral-500); }

[data-theme="dark"] .forms-table {
    background: var(--bg-secondary);
}

[data-theme="dark"] .forms-table td {
    border-color: var(--neutral-200);
}

[data-theme="dark"] .forms-table .form-link {
    color: var(--primary-400);
}

[data-theme="dark"] .role-guide-card {
    background: var(--bg-secondary);
    border-color: var(--neutral-200);
}

[data-theme="dark"] .role-guide-card h4 {
    color: var(--primary-400);
    border-bottom-color: var(--neutral-300);
}

[data-theme="dark"] .overview-stat {
    background: var(--bg-secondary);
    border-color: var(--neutral-200);
}

[data-theme="dark"] .overview-stat .stat-value {
    color: var(--primary-400);
}