/* ScoreInsight V3 1.22.17 — global tone completion
   Loaded after plugin CSS so plugin-owned pages inherit the same dark detail-page system. */

:root{
  --siv3-tone-bg:#0b0b0e;
  --siv3-tone-panel:#151519;
  --siv3-tone-panel-2:#19191f;
  --siv3-tone-panel-3:#111116;
  --siv3-tone-line:rgba(255,255,255,.08);
  --siv3-tone-line-soft:rgba(255,255,255,.055);
  --siv3-tone-text:#f6f6f8;
  --siv3-tone-muted:#8c8c96;
  --siv3-tone-blue:#2c6dff;
  --siv3-tone-blue-soft:#5d9cff;
  --siv3-tone-cyan:#22d3ee;
  --siv3-tone-amber:#f3a31b;
  --siv3-tone-amber-soft:#ffd064;
  --siv3-tone-green:#29d77d;
  --siv3-tone-red:#f45d67;
}

/* Prediction-history filters: remove the old navy form block. */
body.siv3-app .siv3-tool-page .siv3-mobile-filter{
  border:1px solid var(--siv3-tone-line)!important;
  background:linear-gradient(180deg,#151519,#111116)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(14px);
}
body.siv3-app .siv3-tool-page .siv3-mobile-filter label{color:#9797a0!important}
body.siv3-app .siv3-tool-page .siv3-mobile-filter select{
  color:#f2f2f5!important;
  background:#0f0f13!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  color-scheme:dark;
}
body.siv3-app .siv3-tool-page .siv3-mobile-filter select:hover,
body.siv3-app .siv3-tool-page .siv3-mobile-filter select:focus{
  border-color:rgba(93,156,255,.48)!important;
  box-shadow:0 0 0 3px rgba(44,109,255,.08)!important;
}
body.siv3-app .siv3-history-summary>div,
body.siv3-app .siv3-grade-summary>div,
body.siv3-app .siv3-history-card{
  border:1px solid var(--siv3-tone-line)!important;
  background:linear-gradient(180deg,#17171c,#121216)!important;
  box-shadow:none!important;
}
body.siv3-app .siv3-grade-summary>div.is-a{border-color:rgba(41,215,125,.19)!important}
body.siv3-app .siv3-grade-summary>div.is-b{border-color:rgba(93,156,255,.20)!important}
body.siv3-app .siv3-grade-summary>div.is-c{border-color:rgba(243,163,27,.18)!important}
body.siv3-app .siv3-history-card:hover{border-color:rgba(93,156,255,.26)!important;background:#19191f!important}

/* Main advertising tables/cards: neutral panels, cyan only for CTA, amber for sponsor value. */
body.siv3-app .siv3-ad,
body.siv3-app .siv3-ad-slot,
body.siv3-app [class*="siv3-ad--"]{
  border:1px solid rgba(255,255,255,.085)!important;
  background:linear-gradient(180deg,#151519,#101014)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.18)!important;
}
body.siv3-app .siv3-ad__link{background:transparent!important}
body.siv3-app .siv3-ad__brand,
body.siv3-app .siv3-ad__benefit,
body.siv3-app .siv3-ad__code{background:transparent!important}
body.siv3-app .siv3-ad__benefit{color:#e8e8ed!important}
body.siv3-app .siv3-ad__code{
  border:1px solid rgba(243,163,27,.22)!important;
  color:var(--siv3-tone-amber-soft)!important;
  background:rgba(243,163,27,.055)!important;
}
body.siv3-app .siv3-ad__cta{
  border:1px solid rgba(34,211,238,.34)!important;
  background:rgba(34,211,238,.08)!important;
  color:#7defff!important;
  box-shadow:none!important;
}
body.siv3-app .siv3-ad table,
body.siv3-app .siv3-ad-slot table,
body.siv3-app [class*="siv3-ad--"] table{
  background:#121216!important;
  border-color:var(--siv3-tone-line)!important;
}
body.siv3-app .siv3-ad th,
body.siv3-app .siv3-ad-slot th,
body.siv3-app [class*="siv3-ad--"] th{
  color:#94949e!important;
  background:#101014!important;
  border-color:var(--siv3-tone-line-soft)!important;
}
body.siv3-app .siv3-ad td,
body.siv3-app .siv3-ad-slot td,
body.siv3-app [class*="siv3-ad--"] td{
  color:#ececf0!important;
  background:#151519!important;
  border-color:var(--siv3-tone-line-soft)!important;
}
body.siv3-app .siv3-match-grid__ad>*{border-radius:16px!important;overflow:hidden}

/* Sports News plugin page: override plugin-owned navy palette. */
body.siv3-app .si-news-wrap{
  --sn-bg:var(--siv3-tone-bg)!important;
  --sn-card:var(--siv3-tone-panel)!important;
  --sn-line:rgba(255,255,255,.085)!important;
  --sn-text:var(--siv3-tone-text)!important;
  --sn-muted:var(--siv3-tone-muted)!important;
  --sn-accent:var(--siv3-tone-cyan)!important;
  color:var(--siv3-tone-text)!important;
}
body.siv3-app .si-news-hero{border-bottom:1px solid var(--siv3-tone-line-soft)}
body.siv3-app .si-news-hero>span{color:#6f8fc8!important}
body.siv3-app .si-news-hero p{color:#8f8f99!important}
body.siv3-app .si-news-tabs a{
  color:#a0a0aa!important;
  background:#111116!important;
  border-color:rgba(255,255,255,.085)!important;
}
body.siv3-app .si-news-tabs a.active,
body.siv3-app .si-news-tabs a:hover{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(44,109,255,.18),rgba(44,109,255,.08))!important;
  border-color:rgba(93,156,255,.36)!important;
}
body.siv3-app .si-news-card{
  background:linear-gradient(180deg,#17171c,#121216)!important;
  border-color:rgba(255,255,255,.085)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.15)!important;
}
body.siv3-app .si-news-card:hover{border-color:rgba(93,156,255,.24)!important;transform:translateY(-1px)}
body.siv3-app .si-news-image{background:#101014!important}
body.siv3-app .si-news-fallback,
body.siv3-app .si-news-image .si-news-fallback,
body.siv3-app .si-news-main-fallback{
  background:radial-gradient(circle at 18% 12%,rgba(44,109,255,.18),transparent 34%),radial-gradient(circle at 86% 15%,rgba(243,163,27,.10),transparent 30%),#111116!important;
}
body.siv3-app .si-news-fallback small,
body.siv3-app .si-news-meta strong,
body.siv3-app .si-news-more,
body.siv3-app .si-news-crumb a,
body.siv3-app .si-news-related-head>span,
body.siv3-app .si-news-related-list small{color:#79aaff!important}
body.siv3-app .si-news-card h2 a{color:#f3f3f6!important}
body.siv3-app .si-news-card p,
body.siv3-app .si-news-meta,
body.siv3-app .si-news-count,
body.siv3-app .si-news-crumb{color:#90909a!important}
body.siv3-app .si-news-pagination a,
body.siv3-app .si-news-pagination span{
  color:#9b9ba5!important;
  background:#111116!important;
  border-color:rgba(255,255,255,.085)!important;
}
body.siv3-app .si-news-pagination .current{
  color:#fff!important;
  background:rgba(44,109,255,.16)!important;
  border-color:rgba(93,156,255,.32)!important;
}
body.siv3-app .si-news-summary,
body.siv3-app .si-news-context,
body.siv3-app .si-news-related-list a{
  background:#151519!important;
  border-color:var(--siv3-tone-line)!important;
}
body.siv3-app .si-news-source{
  color:#7defff!important;
  background:rgba(34,211,238,.07)!important;
  border-color:rgba(34,211,238,.25)!important;
}
body.siv3-app .si-news-main-media{background:#111116!important;border-color:var(--siv3-tone-line)!important}
body.siv3-app .si-news-content{color:#d8d8dd!important}

/* Home news block: same component system as the rest of the home screen. */
body.siv3-app .siv3-home-news{background:linear-gradient(180deg,#151519,#111116)!important;border-color:var(--siv3-tone-line)!important}
body.siv3-app .siv3-home-news__list a{
  background:#111116!important;
  border:1px solid var(--siv3-tone-line-soft)!important;
}
body.siv3-app .siv3-home-news__list a:hover{border-color:rgba(93,156,255,.26)!important;background:#17171c!important}

/* Four main top slots now live above the analysis heading and are intentionally isolated for later content swaps. */
body.siv3-app .siv3-section--stats{display:flex;flex-direction:column;gap:22px}
body.siv3-app .siv3-section--stats .siv3-home-top-slots{order:0;margin:0}
body.siv3-app .siv3-section--stats .siv3-home-analysis-heading{order:1;margin:0}
body.siv3-app .siv3-home-top-slots .siv3-stat-card{
  min-height:108px;
  border-color:var(--siv3-tone-line)!important;
  background:linear-gradient(180deg,#17171c,#121216)!important;
}
body.siv3-app .siv3-home-top-slots .siv3-stat-card:nth-child(1) small,
body.siv3-app .siv3-home-top-slots .siv3-stat-card:nth-child(3) small{color:#79aaff!important}
body.siv3-app .siv3-home-top-slots .siv3-stat-card:nth-child(2) small,
body.siv3-app .siv3-home-top-slots .siv3-stat-card:nth-child(4) small{color:#ffd06a!important}

@media(max-width:900px){
  body.siv3-app .siv3-tool-page .siv3-mobile-filter{top:64px}
  body.siv3-app .siv3-section--stats{gap:16px}
}