/* BetsPapa pitch-2026 — dark pitch, lime chrome, STATS 2 PITCH language */

:root {
  --bg: #0a0a0b;
  --bg2: #121214;
  --panel: #161618;
  --panel2: #1c1c1f;
  --purple: #c8f542;
  --gold: #ff6b2c;
  --green: #22c55e;
  --red: #ef4444;
  --text: #f4f4f5;
  --muted: #a1a1aa;
  --line: rgba(244, 244, 245, 0.08);
  --shadow: 0 0 0 1px rgba(244, 244, 245, 0.08);
  --bp-bg: #0a0a0b;
  --bp-bg-soft: #121214;
  --bp-surface: #161618;
  --bp-surface-2: #1c1c1f;
  --bp-surface-3: rgba(255, 107, 44, 0.16);
  --bp-line: rgba(244, 244, 245, 0.08);
  --bp-line-strong: rgba(200, 245, 66, 0.28);
  --bp-text: #f4f4f5;
  --bp-muted: #a1a1aa;
  --bp-purple: #c8f542;
  --bp-purple-2: #c8f542;
  --bp-gold: #ff6b2c;
  --bp-green: #22c55e;
  --bp-red: #ef4444;
  --bp-amber: #f59e0b;
  --bp-blue: #c8f542;
  --bp-shadow: 0 0 0 1px rgba(244, 244, 245, 0.08);
  --accent: #c8f542;
  --accent-glow: rgba(200, 245, 66, 0.18);
}

html {
  color-scheme: dark;
  background: #0a0a0b !important;
}

body {
  background: #0a0a0b !important;
  color: #f4f4f5 !important;
  font-family: "Space Grotesk", Outfit, system-ui, sans-serif !important;
}
body::before { display: none !important; }

.topbar,
.portal-header,
.content-header-v150,
.account-header {
  height: 64px !important;
  min-height: 64px !important;
  border-bottom: 1px solid rgba(244, 244, 245, 0.08) !important;
  background: rgba(10, 10, 11, 0.88) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px);
}
.portal-brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.portal-brand img {
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  background: #070d0a !important;
  box-shadow: 0 0 16px rgba(200, 245, 66, 0.28) !important;
}
.portal-brand strong,
.account-brand strong,
.content-header-v150 strong {
  color: #f4f4f5 !important;
  font-family: "Space Grotesk", Syne, sans-serif;
  letter-spacing: -0.03em;
}
.portal-brand strong span,
.account-brand strong span,
.content-header-v150 strong span { color: #c8f542 !important; }
.portal-brand small { color: #a1a1aa !important; letter-spacing: 0.14em !important; }
.year-badge {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #c8f542;
  color: #0a0a0b;
  font: 800 10px "Space Mono", ui-monospace, monospace;
  letter-spacing: 0.08em;
  vertical-align: 3px;
}
.portal-nav a,
.desktop-nav a,
.account-header-links a {
  color: #a1a1aa !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.portal-nav a:hover,
.desktop-nav a:hover { color: #f4f4f5 !important; background: #1c1c1f !important; }
.portal-nav a.active,
.desktop-nav a.active {
  color: #0a0a0b !important;
  background: #c8f542 !important;
  border-color: transparent !important;
  box-shadow: 0 0 12px var(--accent-glow) !important;
}
.portal-menu,
.icon-button,
.mobile-menu {
  color: #f4f4f5 !important;
  background: #1c1c1f !important;
  border-color: rgba(244, 244, 245, 0.12) !important;
}
@media (max-width: 800px) {
  .portal-nav {
    background: #161618 !important;
    border: 1px solid rgba(244, 244, 245, 0.08) !important;
  }
}

.portal-hero {
  display: none !important;
}

.pitch-market-hero {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 14px;
  padding: 14px 16px;
  border: 1px solid rgba(200, 245, 66, 0.28);
  background: linear-gradient(160deg, rgba(200, 245, 66, 0.10), #161618);
  border-radius: 14px;
}
.pitch-market-num {
  width: 72px;
  height: 72px;
  flex: 0 0 auto;
  border-radius: 18px;
  background: #c8f542;
  color: #0a0a0b;
  display: grid;
  place-items: center;
  text-align: center;
  box-shadow: 0 0 20px rgba(200, 245, 66, 0.28);
}
.pitch-market-num b {
  font: 800 28px "Space Mono", ui-monospace, monospace;
  line-height: 1;
}
.pitch-market-num small {
  display: block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-top: 2px;
}
.pitch-market-copy { min-width: 0; flex: 1; }
.pitch-market-copy strong {
  display: block;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: #f4f4f5;
}
.pitch-market-copy p {
  margin: 6px 0 10px;
  color: #a1a1aa !important;
  font-size: 14px !important;
  line-height: 1.45;
}
.pitch-market-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.pitch-chip {
  height: 36px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: #1c1c1f;
  color: #a1a1aa;
  font: 600 13px "Space Grotesk", sans-serif;
  cursor: pointer;
}
.pitch-chip.active {
  background: #c8f542;
  color: #0a0a0b;
  box-shadow: 0 0 12px rgba(200, 245, 66, 0.28);
}
.portal-toolbar label:has(#marketFilter) { display: none !important; }

.status-strip,
.live-data-strip {
  border: 0 !important;
  background: #161618 !important;
  color: #a1a1aa !important;
  box-shadow: var(--shadow);
}
.live-data-copy span:last-child { color: #a1a1aa !important; }

.portal-toolbar input,
.portal-toolbar select,
.admin-login input,
.account-form input {
  color: #f4f4f5 !important;
  background: #1c1c1f !important;
  border: 1px solid rgba(244, 244, 245, 0.12) !important;
}
.portal-toolbar option { background: #161618; color: #f4f4f5; }
.portal-toolbar label span { color: #a1a1aa !important; }
.portal-toolbar button,
.gold-action,
.gold-button,
.content-button,
.live-refresh {
  border: 0 !important;
  color: #0a0a0b !important;
  background: #c8f542 !important;
  box-shadow: 0 0 14px var(--accent-glow) !important;
}
.glass-button,
#clearFilters {
  color: #f4f4f5 !important;
  background: #1c1c1f !important;
  border: 1px solid rgba(244, 244, 245, 0.12) !important;
}

.hub-engine-tabs,
.engine-switcher {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  grid-template-columns: none !important;
}
.hub-engine-tabs button,
.engine-tab {
  min-height: 44px !important;
  padding: 8px 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #1c1c1f !important;
  color: #a1a1aa !important;
  box-shadow: var(--shadow);
}
.hub-engine-tabs button.active,
.engine-tab.active {
  background: #c8f542 !important;
  color: #0a0a0b !important;
  box-shadow: 0 0 12px var(--accent-glow);
}
.engine-tab span { color: inherit !important; }
.engine-tab strong { color: inherit !important; }

.metric,
.diagnostic-card,
.papa-verdict,
.papa-promise {
  border: 0 !important;
  background: #161618 !important;
  color: #f4f4f5 !important;
  box-shadow: var(--shadow);
}
.metric span,
.diagnostic-card span { color: #71717a !important; }
.metric strong,
.diagnostic-card strong {
  color: #f4f4f5 !important;
  font-family: "Space Grotesk", sans-serif;
}
.papa-promise { color: #22c55e !important; background: rgba(34,197,94,0.12) !important; }

.pick-card,
.consensus-banker-card,
.goals-banker-card,
.boss-card,
.engine-block,
.processing-card,
.empty-card,
.admin-login,
.content-card,
.results-table-wrap,
.diagnostic-table-wrap {
  border: 0 !important;
  background: #161618 !important;
  color: #f4f4f5 !important;
  box-shadow: var(--shadow);
}
.pick-card:hover,
.consensus-banker-card:hover,
.goals-banker-card:hover,
.boss-card:hover {
  transform: none;
  border-color: transparent !important;
  box-shadow: 0 0 0 1px rgba(200, 245, 66, 0.34), 0 0 24px rgba(200, 245, 66, 0.12) !important;
}
.pick-meta,
.pick-bottom,
.empty-card { color: #a1a1aa !important; }
.pick-selection,
.pick-team,
.pick-team > span { color: #f4f4f5 !important; }
.pick-badge,
.consensus-grade {
  color: #0a0a0b !important;
  background: #c8f542 !important;
  border: 0 !important;
}
.pick-bottom b { color: #c8f542 !important; }
.team-fallback {
  background: #1c1c1f !important;
  color: #c8f542;
}
.match-score { color: #f4f4f5 !important; font-family: "Space Grotesk", sans-serif; }

.section-title h2 { color: #f4f4f5 !important; }
.section-title p { color: #a1a1aa !important; }

.portal-table {
  background: #161618 !important;
  color: #f4f4f5;
}
.portal-table th { color: #a1a1aa !important; }
.portal-table td { color: #f4f4f5; border-bottom-color: rgba(244, 244, 245, 0.08) !important; }

.portal-dialog {
  color: #f4f4f5 !important;
  background: #161618 !important;
  border: 0 !important;
  box-shadow: var(--shadow);
}
.portal-dialog::backdrop {
  background: rgba(0, 0, 0, 0.7) !important;
}
.dialog-close {
  color: #a1a1aa !important;
  background: #1c1c1f !important;
  border: 0 !important;
}
.explanation-box {
  background: rgba(200, 245, 66, 0.12) !important;
  border-left-color: #c8f542 !important;
}
.reason-columns section {
  background: #1c1c1f !important;
  border: 0 !important;
}

.portal-footer { color: #a1a1aa !important; border-top-color: rgba(244, 244, 245, 0.08) !important; }

.goals-league-chip {
  background: #1c1c1f !important;
  color: #f4f4f5 !important;
  border: 0 !important;
  box-shadow: var(--shadow);
}
.goals-league-chip strong { color: #f4f4f5 !important; }
.goals-league-chip span { color: #c8f542 !important; }
.goals-league-chip small { color: #a1a1aa !important; }
.goals-league-chip.active {
  background: #c8f542 !important;
  color: #0a0a0b !important;
}
.goals-league-chip.active strong,
.goals-league-chip.active span,
.goals-league-chip.active small { color: inherit !important; }

body[data-page="bankers"] .portal-hero,
body[data-page="goals-bankers"] .portal-hero,
body[data-page="wins-bankers"] .portal-hero,
body[data-engine] .portal-hero {
  display: none !important;
}

.consensus-banker-card::before { background: #c8f542 !important; }
.wins-filter-wrap {
  background: #161618 !important;
  border: 0 !important;
  box-shadow: var(--shadow);
}
.wins-filter-table th { color: #a1a1aa !important; background: #1c1c1f !important; }
.wins-filter-table td,
.wins-filter-table td:first-child,
.wins-filter-table td:nth-child(3) { color: #f4f4f5 !important; }
.wins-match-table td,
.wins-match-table td:first-child { color: #f4f4f5 !important; }
.wins-extra-chip,
.goals-banker-odds { color: #c8f542 !important; }

.qualified-team-pills span { background: #1c1c1f !important; color: #f4f4f5 !important; }
.qualified-teams-clear { background: #c8f542 !important; color: #0a0a0b !important; border: 0 !important; }

.boss-empty strong,
.banker-empty strong { color: #c8f542 !important; font-family: "Space Grotesk", sans-serif; }
.boss-empty span,
.banker-empty span { color: #f4f4f5 !important; }
.boss-empty small,
.banker-empty small { color: #a1a1aa !important; }
.boss-method,
.banker-method-panel > div,
.consensus-sample-grid > div,
.other-engine-views > div,
.boss-sample-grid > div {
  background: #1c1c1f !important;
  border: 0 !important;
  color: #f4f4f5 !important;
}
.boss-method strong,
.banker-method-panel strong { color: #c8f542 !important; }
.boss-verdict h3,
.consensus-verdict h3 { color: #f4f4f5 !important; }

.match-state.pending { color: #f59e0b; background: rgba(245,158,11,0.16); border-color: #f59e0b; }
.match-state-legend { color: #a1a1aa !important; }

.content-main { color: #f4f4f5; }
.content-card p,
.content-card li { color: #a1a1aa; }

.account-header,
.account-card {
  background: #161618 !important;
  color: #f4f4f5 !important;
}

.bp-mobile-nav {
  border: 0 !important;
  color: #a1a1aa !important;
  background: rgba(10, 10, 11, 0.94) !important;
  box-shadow: var(--shadow) !important;
}
.bp-mobile-nav a.active,
.bp-mobile-nav button.active {
  color: #0a0a0b !important;
  background: #c8f542 !important;
  box-shadow: none !important;
}
.bp-mobile-sheet {
  background: #161618 !important;
  color: #f4f4f5 !important;
}
.bp-mobile-sheet a { color: #f4f4f5 !important; }
.bp-mobile-sheet small { color: #a1a1aa !important; }

.pwa-launch-splash {
  background: #0a0a0b !important;
  color: #c8f542 !important;
}

.responsible-strip-v150 > div {
  background: rgba(255, 107, 44, 0.14) !important;
  color: #a1a1aa !important;
  border: 0 !important;
}
.responsible-strip-v150 b { color: #ff6b2c !important; }

:focus-visible { outline: 3px solid #c8f542 !important; }

body, button, input, select, textarea {
  font-size: 16px !important;
  line-height: 1.5;
}
.portal-brand strong,
.account-brand strong,
.content-header-v150 strong { font-size: 18px !important; }
.portal-brand small { font-size: 11px !important; letter-spacing: 0.1em !important; }
.portal-nav a,
.desktop-nav a,
.account-header-links a { font-size: 14px !important; }
.hub-engine-tabs button,
.engine-tab,
.engine-tab strong { font-size: 14px !important; }
.engine-tab span { font-size: 11px !important; }
.metric span,
.diagnostic-card span,
.portal-toolbar label span { font-size: 12px !important; }
.metric strong,
.diagnostic-card strong { font-size: 22px !important; }
.section-title h2 { font-size: 24px !important; }
.section-title p { font-size: 15px !important; }
.pick-card .pick-team,
.pick-card .pick-team > span { font-size: 16px !important; }
.pick-card .pick-selection { font-size: 17px !important; }
.pick-card .pick-meta,
.pick-card .pick-bottom,
.pick-bottom > span { font-size: 13px !important; }
.pick-badge { font-size: 11px !important; }
.portal-toolbar input,
.portal-toolbar select,
.portal-toolbar button,
.gold-action,
.gold-button { font-size: 15px !important; }
.goals-league-chip strong { font-size: 15px !important; }
.goals-league-chip small { font-size: 13px !important; }
.consensus-banker-card,
.goals-banker-card,
.boss-card { font-size: 16px; }
.bp-mobile-nav small { font-size: 11px !important; }
.content-card { font-size: 17px; line-height: 1.7; }
.dialog-title h2 { font-size: 22px !important; }

.boss-method,
.banker-method-panel,
.boss-rejection-panel,
.wins-how,
.reason-columns,
.no-pick-reason,
.consensus-meter,
.banker-votes,
.hub-summary-chips,
.hub-engine-score,
.goals-banker-reasons,
.goals-align-row,
.athena-card-story,
.athena-classification-panel,
.engine-strength-label,
.htft-firing-box,
.no-draw-policy-box,
.league-climate-chip,
.early-season-flag,
.metric small,
.diagnostic-card small { display: none !important; }
.explanation-box p { display: none !important; }

@media (max-width: 640px) {
  .pitch-market-hero { align-items: flex-start; }
  .pitch-market-num { width: 64px; height: 64px; border-radius: 16px; }
  .pitch-market-num b { font-size: 24px; }
}