/* Shared light-mode parity for pages that should match the Reports surface. */

html[data-theme="light"] .question-bank-container,
html[data-theme="light"] .reports-container {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html[data-theme="light"] .question-bank-container .dashboard-header,
html[data-theme="light"] .reports-header {
  background: var(--ev-hero-grad) !important;
  color: var(--ev-hero-ink) !important;
  padding: 1rem 1.3rem !important;
  border: 0 !important;
  border-radius: 10px !important;
  margin-bottom: 1rem !important;
  box-shadow: var(--ev-shadow-card) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="light"] .question-bank-container .dashboard-header::before,
html[data-theme="light"] .question-bank-container .dashboard-header::after {
  content: none !important;
}

html[data-theme="light"] .question-bank-container .dashboard-header .header-content {
  align-items: center !important;
  gap: 1rem !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html[data-theme="light"] .question-bank-container .dashboard-header .header-left h1,
html[data-theme="light"] .reports-header h1 {
  color: var(--ev-hero-ink) !important;
  font-size: 1.4rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  margin: 0 0 0.15rem 0 !important;
}

html[data-theme="light"] .question-bank-container .dashboard-header .header-left h1 i {
  color: var(--ev-accent) !important;
}

html[data-theme="light"] .question-bank-container .dashboard-header .dashboard-subtitle,
html[data-theme="light"] .reports-subtitle {
  color: var(--ev-hero-ink-2) !important;
  font-size: 0.65rem !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  max-width: none !important;
  padding-left: 0 !important;
}

html[data-theme="light"] .question-bank-container .dashboard-header .header-left {
  justify-content: flex-start !important;
  min-width: 0 !important;
}

html[data-theme="light"] .question-bank-container .dashboard-header .header-actions {
  align-self: center !important;
  gap: 0.55rem !important;
}

html[data-theme="light"] .question-bank-container .dashboard-header .header-btn {
  border-radius: 8px !important;
  border-width: 1px !important;
  font-size: 0.64rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  padding: 0.5rem 0.85rem !important;
  text-transform: uppercase !important;
}

html[data-theme="light"] .question-bank-container .dashboard-header .header-btn.primary {
  background: var(--ev-accent) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: var(--ev-shadow-card) !important;
}

html[data-theme="light"] .question-bank-container .dashboard-header .header-btn:not(.primary) {
  background: var(--ev-surface) !important;
  border-color: var(--ev-line-2) !important;
  color: var(--ev-ink) !important;
}

html[data-theme="light"] .question-bank-container .dashboard-card,
html[data-theme="light"] .reports-card,
html[data-theme="light"] .chart-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--ev-line) !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

html[data-theme="light"] .dashboard-card::before {
  content: none !important;
}

html[data-theme="light"] .question-bank-container .stats-grid,
html[data-theme="light"] .reports-container .analytics-overview {
  gap: 0.78rem !important;
  margin-bottom: 0.95rem !important;
}

html[data-theme="light"] .question-bank-container .stats-grid .stat-card.stat-metric,
html[data-theme="light"] .reports-container .analytics-overview .report-stat-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--gray-200) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
  min-height: 98px !important;
  padding: 0.82rem 1.08rem !important;
}

html[data-theme="light"] .question-bank-container .stats-grid .stat-card.stat-metric::before,
html[data-theme="light"] .question-bank-container .stats-grid .stat-card.stat-metric::after,
html[data-theme="light"] .reports-container .analytics-overview .report-stat-card::after {
  content: none !important;
}

html[data-theme="light"] .question-bank-container .stats-grid .stat-card.stat-metric:hover,
html[data-theme="light"] .reports-container .analytics-overview .report-stat-card:hover {
  border-color: rgba(148, 163, 184, 0.42) !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.12) !important;
  transform: translateY(-2px) !important;
}

html[data-theme="light"] .question-bank-container .stats-grid .stat-card.stat-metric .stat-icon,
html[data-theme="light"] .reports-container .analytics-overview .report-stat-icon {
  background: var(--stat-icon-bg, rgba(99, 102, 241, 0.12)) !important;
  color: var(--stat-icon-color, var(--primary)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 8px 16px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .question-bank-container .stats-grid .stat-card.stat-metric .stat-value,
html[data-theme="light"] .reports-container .analytics-overview .report-stat-value {
  color: #1f2937 !important;
  font-weight: 800 !important;
  letter-spacing: -0.045em !important;
  text-shadow: none !important;
}

html[data-theme="light"] .question-bank-container .stats-grid .stat-card.stat-metric .stat-label,
html[data-theme="light"] .reports-container .analytics-overview .report-stat-label {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #728092 !important;
  display: block !important;
  font-size: 0.66rem !important;
  letter-spacing: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
}

html[data-theme="light"] .metric-exams,
html[data-theme="light"] .metric-total {
  --stat-icon-bg: #edf3fa !important;
  --stat-icon-color: #6f96ca !important;
}

html[data-theme="light"] .metric-candidates,
html[data-theme="light"] .metric-average {
  --stat-icon-bg: #edf0fb !important;
  --stat-icon-color: #6f78c8 !important;
}

html[data-theme="light"] .metric-questions,
html[data-theme="light"] .metric-highest,
html[data-theme="light"] .metric-risk {
  --stat-icon-bg: #fbf5e8 !important;
  --stat-icon-color: #c59a53 !important;
}

html[data-theme="light"] .metric-certificates,
html[data-theme="light"] .metric-pass,
html[data-theme="light"] .metric-watch {
  --stat-icon-bg: #edf6f2 !important;
  --stat-icon-color: #5fa08b !important;
}

html[data-theme="light"] .metric-failed {
  --stat-icon-bg: #fbefef !important;
  --stat-icon-color: #cf7474 !important;
}

html[data-theme="light"] .question-bank-container .filter-container {
  background: var(--gray-50) !important;
  border: 1px solid var(--gray-200) !important;
}

html[data-theme="light"] .question-bank-container .search-input,
html[data-theme="light"] .question-bank-container .filter-select,
html[data-theme="light"] .question-bank-container .filter-select-display {
  background: #ffffff !important;
  border: 1px solid var(--gray-200) !important;
  color: var(--gray-900) !important;
}

html[data-theme="light"] .question-bank-container .filter-label {
  color: var(--gray-500) !important;
}

html[data-theme="light"] .question-bank-container .question-table {
  background: #ffffff !important;
}

html[data-theme="light"] .question-bank-container .question-table thead th {
  background: var(--ev-accent-soft) !important;
  border-bottom-color: var(--ev-line) !important;
  color: var(--ev-ink-2) !important;
}

html[data-theme="light"] .question-bank-container .question-table td {
  background: #ffffff !important;
  border-bottom-color: #eef2f7 !important;
}

html[data-theme="light"] .question-bank-container .question-table tbody tr:hover,
html[data-theme="light"] .question-bank-container .question-table tbody tr:hover td {
  background: #f8fafc !important;
}