/* Shared final-layer report styles. Loaded after legacy inline report CSS. */
html { color-scheme: light dark; }
body {
  background: var(--bg) !important;
  color: var(--text) !important;
}
.content-wrapper { background: var(--bg) !important; }
.race-section,
.report-card,
.profile-card,
.highlight-card,
.rivalry-card,
.chart-container,
.table-scroll-wrapper,
.lap-table-wrapper {
  background: var(--card-bg) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}
table { color: var(--text); }
thead th {
  background: var(--bg-elevated) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}
tbody td { border-color: var(--border) !important; }
tbody tr:nth-child(even) { background: var(--table-stripe) !important; }
tbody tr:hover { background: var(--accent-light) !important; }
.lap-table-wrapper tbody td:first-child {
  background: var(--card-bg) !important;
  color: var(--text) !important;
  position: sticky;
  left: 0;
  z-index: 2;
}
.lap-table-wrapper tbody tr:nth-child(even) td:first-child {
  background: var(--table-stripe) !important;
}
.lap-table-wrapper .hm-cell:empty { background: var(--bg-elevated); }
.info-card,
.report-card-header { background: var(--bg-alt) !important; }
.score-bar-bg { background: var(--bg-elevated) !important; }
.incident { background: var(--incident-bg) !important; }
.fastest-cell { background: var(--fastest-bg) !important; }
.site-nav {
  background: var(--header-bg) !important;
  color: var(--header-text) !important;
}