/* ===== NIGHT-MODE.CSS - Dark theme overrides for maximum contrast & accessibility ===== */

body.night-mode { background: #0f172a; color: #f8fafc; }
body.night-mode .site-header { background: #1e293b; box-shadow: 0 4px 20px rgba(0,0,0,0.5); }
body.night-mode h1, body.night-mode h2, body.night-mode h3, body.night-mode h4 { color: #f8fafc; }
body.night-mode .panel { background: #1e293b; box-shadow: 0 4px 12px rgba(0,0,0,0.4); border-color: #334155; }
body.night-mode .filter-grid select, body.night-mode .filter-grid input { background: #0f172a; color: #f8fafc; border-color: #475569; }
body.night-mode .filter-grid label { color: #94a3b8; font-weight: 600; }
body.night-mode .site-footer { background: #0f172a; color: #94a3b8; border-top: 1px solid #1e293b; }
body.night-mode .toast { background: #1e293b; color: #f8fafc; border: 1px solid #3b82f6; }

/* Dashboard Cards & Layout */
body.night-mode .dash-card { background: #1e293b; border-color: #334155; }
body.night-mode .dash-card .dash-num { color: #60a5fa; }
body.night-mode .dash-card .dash-label { color: #94a3b8; }
body.night-mode .dash-card.highlight { background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%); border-color: #3b82f6; }
body.night-mode .dash-card.highlight .dash-num { color: #ffffff; }
body.night-mode .dash-card.highlight .dash-label { color: #bfdbfe; }

body.night-mode .dash-card.accent { background: linear-gradient(135deg, #78350f 0%, #92400e 100%); border-color: #f59e0b; }
body.night-mode .dash-card.accent .dash-num { color: #fef08a; }
body.night-mode .dash-card.accent .dash-label { color: #fde68a; }

body.night-mode .dash-chart-box { background: #1e293b; border-color: #334155; }
body.night-mode .dash-chart-box h4 { color: #60a5fa; }
body.night-mode .dash-chart-box svg text { fill: #f8fafc; }

/* Dashboard Tabs */
body.night-mode .dash-tabs { background: #0f172a; border-color: #334155; }
body.night-mode .dash-tab { color: #94a3b8; }
body.night-mode .dash-tab:hover { color: #f8fafc; background: rgba(255,255,255,0.05); }
body.night-mode .dash-tab.active { color: #ffffff; background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4); }

/* Builder Cards & Badges */
body.night-mode .variable-selector-card { background: #0f172a; border-color: #334155; }
body.night-mode .variable-selector-card.active-target { border-color: #3b82f6; background: #1e3a8a; }
body.night-mode .variable-selector-card h4 { color: #60a5fa; }
body.night-mode .variable-item-badge { background: #1e293b; border-color: #475569; color: #f8fafc; }
body.night-mode .variable-item-badge:hover { border-color: #60a5fa; color: #60a5fa; }
body.night-mode .variable-item-badge.selected { background: #2563eb; color: #ffffff; border-color: #3b82f6; }

/* Buttons & Controls */
body.night-mode .btn-analysis-primary { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: #ffffff; box-shadow: 0 4px 14px rgba(37, 99, 235, 0.4); }
body.night-mode .btn-analysis-primary:hover { background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%); }
body.night-mode .btn-analysis-secondary { background: #1e293b; color: #60a5fa; border-color: #3b82f6; }
body.night-mode .btn-analysis-secondary:hover { background: #2563eb; color: #ffffff; }

/* Report Cards & Tables */
body.night-mode .nl-report-card { background: #1e293b; border-color: #334155; border-left-color: #3b82f6; }
body.night-mode .nl-report-card h3 { color: #60a5fa; }
body.night-mode .correlation-matrix-table th { background: #0f172a; color: #94a3b8; }
body.night-mode .correlation-matrix-table td { border-bottom-color: #334155; color: #f8fafc; }
body.night-mode .correlation-matrix-table tr.corr-row:hover { background: #1e3a8a !important; }
body.night-mode .correlation-matrix-table tr.active-row { background: #1d4ed8 !important; font-weight: 600; }

/* Select Options for Dark Mode */
body.night-mode select option {
  background-color: #1e293b !important;
  color: #f8fafc !important;
}

body.night-mode .btn-night-toggle-header {
  background: #0f172a;
  color: #fef08a;
  border-color: #f59e0b;
}
body.night-mode .btn-night-toggle-header:hover {
  background: #f59e0b;
  color: #0f172a;
}