/* Statistics use the same dark surfaces as Home. Result colors retain their meaning. */
.betscore-stats-page .betscore-vip-button {
  background: transparent;
  color: var(--bs-secondary);
}
.betscore-stats-page :is(#desktopLoginBtn, #mobileLoginBtn) {
  background: transparent;
  color: var(--bs-blue);
  border: 1px solid #41618a;
}
.betscore-stats-page :is(#desktopLoginBtn, #mobileLoginBtn):hover { background: #1b304a; }

.betscore-stats {
  --stats-divider: #2b3c4e;
  --stats-positive-bg: #173b34;
  --stats-negative-bg: #3a2329;
  --stats-warning-bg: #332d20;
}
.betscore-stats .text-white { color: var(--bs-text); }
.betscore-stats :is(.text-gray-200, .text-gray-300) { color: var(--bs-secondary); }
.betscore-stats :is(.text-gray-400, .text-gray-500, .text-gray-600) { color: var(--bs-muted); }
.betscore-stats .text-green-400 { color: var(--bs-accent); }
.betscore-stats .text-red-400 { color: var(--bs-negative); }
.betscore-stats :is(.text-yellow-400, .text-yellow-500) { color: var(--bs-warning); }
.betscore-stats :is(.border-gray-700, .border-gray-800) { border-color: var(--stats-divider); }
.betscore-stats :is(.shadow-xl, .shadow-2xl) { box-shadow: none; }

.betscore-stats .stats-hero {
  background: linear-gradient(115deg, #142b50, #172638);
  border: 1px solid #2a4566;
}
.betscore-stats .stats-hero h1 { background: none; color: var(--bs-text); }
.betscore-stats .stats-hero p { color: var(--bs-secondary); }
.betscore-stats .stats-hero .bg-white\/10 { background: #233951; }
.betscore-stats .stats-hero .bg-blue-500\/20 { background: #203a58; color: var(--bs-blue); }
.betscore-stats [data-record-headline] { background: var(--bs-surface); border-color: var(--stats-divider); }

/* A single selection color, independent of the performance shown in each tab. */
.betscore-stats .stats-tabs button { border-color: transparent; }
.betscore-stats .stats-tabs .stats-tab-active {
  color: var(--bs-accent);
  border-bottom-color: var(--bs-accent);
  background: var(--bs-accent-surface);
  border-radius: 8px 8px 0 0;
}
.betscore-stats .stats-tab-idle { color: var(--bs-secondary); }
.betscore-stats .stats-tab-idle:hover { background: var(--bs-elevated); color: var(--bs-text); }
.betscore-stats .stats-panel { background: var(--bs-surface); border-color: var(--stats-divider); }
.betscore-stats .stats-panel-header {
  background: #172638;
  border-color: var(--stats-divider);
}
.betscore-stats .stats-panel-header p { color: var(--bs-secondary); }
.betscore-stats .stats-metric-card {
  background: var(--bs-elevated);
  box-shadow: inset 0 0 0 1px var(--bs-border);
}
.betscore-stats .stats-metric-card:hover { background: #223449; }
.betscore-stats .stats-metric-card .bg-gray-700 { background: #34475b; }
.betscore-stats .stats-metric-card .bg-green-500 { background: var(--bs-accent); }
.betscore-stats .stats-metric-card .bg-yellow-500 { background: var(--bs-warning); }
.betscore-stats .stats-metric-card .bg-red-500 { background: var(--bs-negative); }

.betscore-stats .stats-sport-filters {
  background: var(--bs-bg);
  box-shadow: inset 0 0 0 1px var(--stats-divider);
  flex-wrap: wrap;
  max-width: 100%;
}
.betscore-stats .stats-sport-active {
  background: var(--bs-accent-surface);
  color: var(--bs-accent);
  box-shadow: inset 0 0 0 1px #3e7768;
}
.betscore-stats .stats-sport-idle { color: var(--bs-secondary); }
.betscore-stats .stats-sport-idle:hover { color: var(--bs-text); background: var(--bs-elevated); }
.betscore-stats .stats-panel-header select {
  background: var(--bs-surface);
  color: var(--bs-text);
  border-color: #52687d;
}
.betscore-stats .stats-panel-header select:focus { border-color: var(--bs-accent); }
.betscore-stats .stats-history-notice {
  color: var(--bs-warning);
  background: var(--stats-warning-bg);
  border-color: #635437;
}
.betscore-stats .stats-history-notice a { color: inherit; }

/* Keep the pinned first column opaque while the results table scrolls. */
.betscore-stats .stats-results-table { background: var(--bs-surface); }
.betscore-stats .stats-results-table thead tr,
.betscore-stats .stats-results-table thead th.sticky { background: var(--bs-elevated); }
.betscore-stats .stats-results-table thead th { color: var(--bs-secondary); }
.betscore-stats .stats-results-table tbody td.sticky { background: var(--bs-surface); }
.betscore-stats .stats-results-table tbody tr:hover,
.betscore-stats .stats-results-table tbody tr:hover td.sticky { background: #1c2e40; }
.betscore-stats .stats-results-table tbody > tr { border-color: var(--stats-divider); }
.betscore-stats .stats-results-table .text-yellow-500 { color: var(--bs-secondary); }
.betscore-stats .stats-results-table thead .bg-yellow-900\/10 { background: #1e334a; color: var(--bs-blue); }
.betscore-stats .stats-results-table td.text-yellow-400 { color: var(--bs-blue); }
.betscore-stats .stats-results-table a { color: var(--bs-text); text-decoration-color: #546c85; }
.betscore-stats .stats-results-table a:hover { color: var(--bs-blue); text-decoration-color: var(--bs-blue); }
.betscore-stats .stats-results-table .bg-green-900\/40 { background: var(--stats-positive-bg); }
.betscore-stats .stats-results-table .bg-red-900\/40 { background: var(--stats-negative-bg); }

.betscore-stats .stats-guide { background: #142334; border-color: #344e68; }
.betscore-stats .stats-guide h3 { color: var(--bs-blue); }