/*
 * Shared dark live-score surface.
 * This intentionally mirrors the home page density and color system for all
 * secondary pages while preserving page-specific layouts and data components.
 */
:root{
  --bg:#090a0d;
  --page:#0b0d10;
  --surface:#111418;
  --surface-2:#15191f;
  --surface-3:#1a1f27;
  --line:#242932;
  --line-soft:#1d222a;
  --ink:#f5f7fb;
  --muted:#8f9aa8;
  --muted-2:#aab4c1;
  --accent1:#ff365c;
  --accent2:#2ed47a;
  --hover:#d5dbe4;
  --danger:#ff365c;
  --crimson:#ff0066;
  --round:8px;
  --card-radius:8px;
  --base:14px;
  --tight:0;
  --row-h:52px;
  --page-chrome-height:58px;
  --shadow-card:none;
  --shadow-soft:none;
  --shadow-strong:none;
}

html,
body{
  background:var(--page)!important;
  color:var(--ink);
}

body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:var(--base);
  letter-spacing:0;
  font-weight:400;
}

a{
  color:inherit;
}

a:hover{
  color:#fff;
}

main{
  background:var(--page)!important;
}

.page-chrome{
  background:rgba(9,10,13,.96)!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px);
}

.page-chrome__bar{
  min-height:58px;
  height:auto;
  padding-top:calc(8px + env(safe-area-inset-top))!important;
  padding-bottom:8px!important;
}

.page-chrome__back,
.page-chrome__actions button,
.page-chrome__actions a,
.btn-ghost{
  width:38px;
  height:38px;
  border-radius:8px!important;
  border:1px solid var(--line)!important;
  background:#111418!important;
  color:#c7d0dc!important;
  box-shadow:none!important;
}

.page-chrome__back:hover,
.page-chrome__back:focus-visible,
.page-chrome__actions button:hover,
.page-chrome__actions a:hover,
.btn-ghost:hover,
.btn-ghost:focus-visible{
  background:#1a1f27!important;
  color:#fff!important;
  border-color:#2a303a!important;
  text-decoration:none;
}

.page-chrome__brand,
.brand{
  color:#fff;
  font-size:18px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}

.page-chrome__brand em{
  color:#fff;
}

.page-chrome__subtitle,
.match-breadcrumbs,
.breadcrumb,
.crumbs,
.page-chrome__meta{
  color:var(--muted)!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.match-breadcrumbs a,
.breadcrumb a,
.crumbs a{
  color:#c7d0dc!important;
}

.section-tabs,
.subrow,
.tab-rail{
  background:rgba(9,10,13,.96)!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px);
}

.pills,
.tabs,
.pill-rail{
  gap:6px!important;
}

.pill,
.tab,
.home-primary-nav button{
  min-height:36px;
  padding:7px 12px!important;
  border-radius:8px!important;
  border:1px solid transparent!important;
  background:#15191f!important;
  color:#c7d0dc!important;
  font-size:13px!important;
  font-weight:750!important;
  letter-spacing:0!important;
  text-transform:none!important;
  box-shadow:none!important;
}

.pill:hover,
.tab:hover,
.pill:focus-visible,
.tab:focus-visible{
  background:#1a1f27!important;
  color:#fff!important;
}

.pill.active,
.pill.is-active,
.pill[aria-selected="true"],
.tab.active,
.tab.is-active,
.tab[aria-selected="true"]{
  background:var(--crimson)!important;
  color:#fff!important;
  border-color:var(--crimson)!important;
}

.hero,
.page-hero,
.match-hero,
.scoreboard,
.block,
.surface-card,
.content-card,
.match-related,
.faq,
.ad-card,
.ad-rail__inner,
.mobile-adbar,
.hero-match-card,
.calendar-fixture,
.watch-row,
.pro-card,
.related-link,
.content-grid .card,
.content-note,
.empty,
.empty-card,
.stat-card,
.kpi,
.list-row{
  border-radius:8px!important;
  border:1px solid var(--line)!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}

.hero,
.page-hero,
.match-hero,
.scoreboard,
.surface-card,
.content-card,
.match-related,
.faq{
  padding:14px!important;
}

.block{
  overflow:hidden;
}

.block:hover,
.hero-match-card:hover,
.stat-card:hover,
.related-link:hover,
.content-grid .card:hover{
  transform:none!important;
  box-shadow:none!important;
  border-color:#2a303a!important;
}

.block h2,
.block h3,
.block__title,
.content-header h1,
.section-heading h2,
.match-related h2,
.faq h2{
  color:#fff!important;
  background:#15191f!important;
  border-bottom:1px solid var(--line)!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.content-header h1,
.section-heading h2,
.match-related h2,
.faq h2{
  background:transparent!important;
  border-bottom:0!important;
}

.content-lede,
.content-section p,
.content-section li,
.hero p,
.hero__intro,
.subtle,
.empty,
.empty-state,
.related-link__meta,
.pro-card__meta,
.watch-note{
  color:var(--muted)!important;
}

.badge,
.badge-chip,
.meta-chip,
.watch-chip,
.info-chip,
.fixture-link--hero,
.content-actions a,
.content-links a,
.pro-chip{
  border-radius:8px!important;
  border:1px solid var(--line)!important;
  background:#15191f!important;
  color:#d5dbe4!important;
  box-shadow:none!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.badge-select select,
select,
input,
textarea{
  border-radius:8px!important;
  border:1px solid var(--line)!important;
  background:#111418!important;
  color:#f5f7fb!important;
  box-shadow:none!important;
}

.hero-logo,
.league-logo,
.crest,
.mini-score__crest,
.country-flag,
.llogo-h,
.hotcard__teamcrest,
.search-results__icon{
  border-radius:6px!important;
  background:#15191f!important;
  box-shadow:none!important;
  filter:none!important;
}

.score-core,
.score-num,
.score-divider,
.hero-match-card__score,
.stat-card strong,
.kpi strong,
.emotional-stat__value{
  color:#fff!important;
  letter-spacing:0!important;
}

.score-status,
.tag,
.kick,
.hero-match-card__time,
.pro-card__value{
  color:#d5dbe4!important;
}

.live-dot{
  background:var(--crimson)!important;
}

.match-row,
.match,
.table tbody tr,
.standings-row{
  background:var(--surface)!important;
  border-color:var(--line)!important;
}

.match-row:nth-child(even),
.match:nth-child(even),
.table tbody tr:nth-child(even){
  background:var(--surface-2)!important;
}

.match-row.live .sc,
.live-minute,
.emotional-stat--live .emotional-stat__value,
.watchcol[data-tone="hot"],
.tname.is-self{
  color:var(--crimson)!important;
}

.table{
  border-collapse:collapse;
}

.table th,
.table td,
.table-mini th,
.table-mini td{
  border-color:var(--line)!important;
}

.table thead th,
.table-mini thead th{
  background:#15191f!important;
  color:#d5dbe4!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.stat-card::before{
  background:var(--crimson)!important;
  opacity:1!important;
}

.bar-fill,
.calendar-dot,
.qual-swatch.ucl,
.qual-swatch.uecl{
  background:var(--crimson)!important;
}

.win,
.form-chip.win{
  background:#183427!important;
  color:#5ee19c!important;
}

.draw,
.form-chip.draw{
  background:#252a33!important;
  color:#c7d0dc!important;
}

.lose,
.form-chip.lose{
  background:#351b23!important;
  color:#ff8ba1!important;
}

.content-grid,
.grid-two,
.stat-grid,
.kpi-grid,
.hero-matches,
.related-grid{
  gap:10px!important;
}

@media (max-width:720px){
  .page-chrome__brand{
    font-size:17px!important;
  }

  .hero,
  .page-hero,
  .match-hero,
  .scoreboard,
  .surface-card,
  .content-card{
    padding:12px!important;
  }
}