@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap');

/* ============================================================
   Mondiali 2026 widget — #tio-wc2026 (detail) and #tio-wc2026-bar (entry bar)
   ============================================================ */
#tio-wc2026,
#tio-wc2026-bar {
  --wc-red:#045694;
  --wc-dark:#023e6b;
  --wc-dark-2:#0a4f87;
  --wc-line:#cdd9e3;
  --wc-bg:#f6f9fc;
  --wc-card:#ffffff;
  --wc-ink:#16242f;
  --wc-text:#2d3d4a;
  --wc-muted:#6c7a86;
  --wc-tint:#eef5fb;
  --wc-radius:7px;
  --wc-font-display:"Open Sans", sans-serif;
  --wc-font-body:"Open Sans", sans-serif;
}
#tio-wc2026 *,
#tio-wc2026-bar * { box-sizing:border-box; }

/* Entry bar themed to match the Tio blue section header above it */
#tio-wc2026-bar {
  --wc-dark:#045694;   /* strip background — matches .mondialiStrip */
  --wc-red:#7ec4f0;    /* light-blue accent: trophy, "2026", league, underline */
  --wc-tint:#eef5fb;   /* tab active/pressed tint in the blue family */
}

/* ============================================================
   BAR (entry widget) + shared brand
   ============================================================ */
#tio-wc2026-bar {
  border:1px solid #ececec;
  border-radius:var(--wc-radius);
  overflow:hidden;
  font-family:var(--wc-font-body);
  margin: 10px 0px;
}
/* App: render the widget edge-to-edge */
#tio-wc2026.wc-native,
#tio-wc2026-bar.wc-native {
  width: 100vw;
  max-width: 100vw;
  margin: 0 calc(50% - 50vw);
  --wc-radius: 0;
}
#tio-wc2026-bar .wc-bar {
  display:flex; align-items:center; gap:12px;
  background:var(--wc-dark);
  border-bottom:3px solid var(--wc-red);
  padding:14px 18px;
  position:relative; overflow:hidden; cursor:pointer;
}
#tio-wc2026-bar .wc-bar::before{
  content:'';position:absolute;inset:0;opacity:.4;pointer-events:none;
  background:repeating-linear-gradient(115deg,transparent,transparent 22px,rgba(255,255,255,.02) 22px,rgba(255,255,255,.02) 24px);
}
#tio-wc2026-bar .wc-bar-nav{ display:flex; background:#fff; }
#tio-wc2026-bar .wc-bar-btn{
  flex:1; text-align:center; padding:13px 4px; cursor:pointer; text-decoration:none;
  font-family:var(--wc-font-display); font-weight:700; font-size:13.5px; letter-spacing:1.2px;
  color:var(--wc-text); text-transform:uppercase; border-bottom:3px solid transparent;
  transition:background .15s,color .15s,border-color .15s;
}
#tio-wc2026-bar .wc-bar-btn + .wc-bar-btn{ border-left:1px solid #ececec; }
#tio-wc2026-bar .wc-bar-btn:hover{ background:#fafafa; color:var(--wc-dark); }
#tio-wc2026-bar .wc-bar-btn:active{ background:var(--wc-tint); color:var(--wc-dark); }
/* current section → highlighted tab */
#tio-wc2026-bar .wc-bar-btn.wc-active{ color:var(--wc-dark); border-bottom-color:var(--wc-red); }

/* Brand laid out horizontally across the bar: trophy + title + league on the left, countdown pinned to the right edge. */
.wc-brand{ display:flex; align-items:center; flex-wrap:wrap; gap:6px 14px; width:100%; position:relative; z-index:1; }
.wc-brand-trophy{ width:30px; height:30px; fill:var(--wc-red); flex-shrink:0; }
.wc-brand-titles{ display:flex; align-items:baseline; flex-wrap:wrap; gap:3px 12px; line-height:1.1; }
.wc-brand-title{
  font-family:var(--wc-font-display); font-weight:800; font-size:25px;
  color:#fff; letter-spacing:.2px; text-transform:uppercase;
}
.wc-brand-title b{ color:var(--wc-red); font-weight:800; }
.wc-brand-league{
  font-family:var(--wc-font-display); font-size:11px; font-weight:700;
  letter-spacing:1.5px; color:var(--wc-red); opacity:.9; text-transform:uppercase;
}

/* countdown to the first match — pinned right (auto-hidden once it starts).
   Label and unit word share one type style; only the day number stands out. */
.wc-countdown{ display:flex; align-items:baseline; gap:8px; margin-left:auto; flex-shrink:0; }
.wc-countdown[hidden]{ display:none; }
.wc-cd-label,
.wc-cd-clock{
  font-family:var(--wc-font-display); font-size:12px; font-weight:600;
  letter-spacing:1.5px; text-transform:uppercase; color:rgba(255,255,255,.6);
}
.wc-cd-clock[hidden]{ display:none; }
.wc-cd-clock b{ color:#fff; font-weight:700; font-size:19px; letter-spacing:0; }

/* ============================================================
   DETAIL container + header
   ============================================================ */
#tio-wc2026{
  font-family:var(--wc-font-body);
  background:var(--wc-bg);
  color:var(--wc-ink);
  -webkit-font-smoothing:antialiased;
  /* max-width:1040px; margin:0 auto; */
  margin-bottom:24px;
}
#tio-wc2026 .wc-head{
  background:var(--wc-dark);
  border-bottom:3px solid var(--wc-red);
  border-radius:var(--wc-radius) var(--wc-radius) 0 0;
  padding:16px 20px; position:relative; overflow:hidden; cursor:pointer;
}
#tio-wc2026 .wc-head::before{
  content:'';position:absolute;inset:0;opacity:.4;pointer-events:none;
  background:repeating-linear-gradient(115deg,transparent,transparent 22px,rgba(255,255,255,.02) 22px,rgba(255,255,255,.02) 24px);
}
#tio-wc2026 .wc-head .wc-brand-title{ font-size:26px; }
#tio-wc2026 .wc-head-sub{ position:relative; z-index:1; margin-top:5px; font-size:11.5px; color:rgba(255,255,255,.74); letter-spacing:.3px; }

/* top tabs: Risultati / Tabellone / Informazioni */
#tio-wc2026 .wc-tabs{ display:flex; background:#fff; border-left:1px solid #ececec; border-right:1px solid #ececec; }
#tio-wc2026 .wc-tab{
  flex:1; text-align:center; padding:14px 4px; text-decoration:none; cursor:pointer;
  font-family:var(--wc-font-display); font-weight:700; font-size:13.5px; letter-spacing:1.2px;
  color:var(--wc-text); text-transform:uppercase; border-bottom:1px solid #ececec;
  transition:background .15s,color .15s;
}
#tio-wc2026 .wc-tab:hover{ background:#fafafa; color:var(--wc-ink); }
#tio-wc2026 .wc-tab.wc-active{ color:var(--wc-dark); border-bottom:3px solid var(--wc-red); background:#fff; }

/* panels + board */
#tio-wc2026 .wc-panel{ display:none; }
#tio-wc2026 .wc-panel.wc-active{ display:block; }
#tio-wc2026 .wc-board{
  background:var(--wc-card); border:1px solid #ececec; border-top:none;
  border-radius:0 0 var(--wc-radius) var(--wc-radius); padding:18px 14px 22px;
}
/* Split content: the board is now the top of its own card → round all corners,
   restore the top border, and separate it from the ad above. */
#tio-wc2026.wc-split{ margin-top:10px; }
#tio-wc2026.wc-split .wc-board{ border-top:1px solid #ececec; border-radius:var(--wc-radius); }
#tio-wc2026 .wc-loading{ padding:28px 14px; text-align:center; color:var(--wc-muted); font-size:13px; }

/* sub-tabs inside Tabellone (Gruppi / Eliminazioni) */
#tio-wc2026 .wc-subtabs{ display:flex; gap:8px; margin-bottom:16px; }
#tio-wc2026 .wc-subtab{
  flex:1; text-align:center; padding:11px 4px; cursor:pointer; text-decoration:none;
  font-family:var(--wc-font-display); font-weight:600; font-size:13px; letter-spacing:1.5px;
  color:var(--wc-muted); text-transform:uppercase; background:#fff; border:1px solid #e5dede; border-radius:5px;
  transition:all .15s;
}
#tio-wc2026 .wc-subtab.wc-active{ background:var(--wc-dark); color:#fff; border-color:var(--wc-dark); }
#tio-wc2026 .wc-subview{ display:none; }
#tio-wc2026 .wc-subview.wc-active{ display:block; }

/* ============================================================
   ELIMINAZIONI — horizontal tree (mockup parity)
   ============================================================ */
#tio-wc2026 .wc-round-labels{ display:flex; margin-bottom:6px; }
#tio-wc2026 .wc-round-labels > div{
  flex:1; text-align:center;
  font-family:var(--wc-font-display); font-weight:600; font-size:12px;
  letter-spacing:2px; color:var(--wc-muted); text-transform:uppercase;
}
#tio-wc2026 .wc-round-nav{ display:none; gap:6px; margin-bottom:14px; }
#tio-wc2026 .wc-round-nav button{
  flex:1; padding:9px 4px; border:1px solid #e5dede; background:#fff;
  font-family:var(--wc-font-display); font-weight:600; font-size:13px; letter-spacing:1px;
  color:var(--wc-muted); border-radius:5px; cursor:pointer; text-transform:uppercase; transition:all .15s;
}
#tio-wc2026 .wc-round-nav button.wc-active{ background:var(--wc-dark); color:#fff; border-color:var(--wc-dark); }

#tio-wc2026 .wc-bracket{ display:flex; }
#tio-wc2026 .wc-round{ flex:1; display:flex; flex-direction:column; }
#tio-wc2026 .wc-cell{ flex:1; display:flex; align-items:center; justify-content:center; position:relative; padding:7px 15px; }
#tio-wc2026 .wc-cell::before{ content:''; position:absolute; left:0; right:0; top:50%; border-top:2px solid var(--wc-line); z-index:0; }
#tio-wc2026 .wc-round:first-child .wc-cell::before{ left:50%; }
#tio-wc2026 .wc-round:last-child .wc-cell::before{ right:50%; }
#tio-wc2026 .wc-round:not(:last-child) .wc-cell:nth-child(odd)::after{ content:''; position:absolute; right:0; top:50%; bottom:0; border-right:2px solid var(--wc-line); }
#tio-wc2026 .wc-round:not(:last-child) .wc-cell:nth-child(even)::after{ content:''; position:absolute; right:0; top:0; bottom:50%; border-right:2px solid var(--wc-line); }

/* ============================================================
   Match card (shared: bracket + results)
   ============================================================ */
#tio-wc2026 .wc-match{
  width:100%; position:relative; z-index:1; background:var(--wc-card);
  border:1px solid #e6e0e0; border-radius:6px; overflow:hidden;
  box-shadow:0 1px 2px rgba(4,86,148,.05);
  transition:transform .12s,box-shadow .12s,border-color .12s;
}
#tio-wc2026 .wc-match:hover{ transform:translateY(-1px); box-shadow:0 4px 12px rgba(4,86,148,.12); border-color:#c5d4e1; }

/* clickable matches (Risultati) + teams (Gruppi/Eliminazioni) */
#tio-wc2026 .wc-link{ cursor:pointer; }
#tio-wc2026 .wc-match.wc-link:hover{ border-color:var(--wc-red); }
#tio-wc2026 .wc-team.wc-link:hover .wc-tname{ color:var(--wc-red); }
#tio-wc2026 .wc-team-cell.wc-link:hover span:last-child{ color:var(--wc-red); }

#tio-wc2026 .wc-team{ display:flex; align-items:center; padding:7px 9px; gap:8px; font-size:13px; line-height:1.2; position:relative; }
#tio-wc2026 .wc-team + .wc-team{ border-top:1px solid #f2eeee; }
#tio-wc2026 .wc-logo{ width:18px; height:18px; object-fit:contain; flex-shrink:0; }
#tio-wc2026 .wc-tname{ flex:1; font-family:var(--wc-font-body); font-weight:600; font-size:13.5px; letter-spacing:.1px; color:var(--wc-text); }
#tio-wc2026 .wc-score{ font-weight:700; font-size:14px; min-width:16px; text-align:right; color:var(--wc-ink); }

#tio-wc2026 .wc-team.wc-win .wc-tname{ color:var(--wc-ink); font-weight:600; }
#tio-wc2026 .wc-team.wc-win .wc-score{ color:var(--wc-red); }
#tio-wc2026 .wc-team.wc-win::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--wc-red); }
#tio-wc2026 .wc-team.wc-lose .wc-tname,
#tio-wc2026 .wc-team.wc-lose .wc-score{ color:var(--wc-muted); }
#tio-wc2026 .wc-team.wc-lose .wc-logo{ filter:grayscale(.5); opacity:.7; }
#tio-wc2026 .wc-team.wc-tbd .wc-tname{ color:#aeb9c2; font-style:italic; }
#tio-wc2026 .wc-team.wc-tbd .wc-score{ color:#cdd6de; }

#tio-wc2026 .wc-status{ display:flex; align-items:center; gap:5px; justify-content:center; padding:3px 0; font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; }
#tio-wc2026 .wc-status.wc-live{ background:var(--wc-red); color:#fff; }
#tio-wc2026 .wc-status.wc-next{ background:#f7f2f2; color:var(--wc-muted); }
#tio-wc2026 .wc-dot{ width:6px; height:6px; border-radius:50%; background:#fff; animation:wc-pulse 1.1s infinite; }

/* finale */
#tio-wc2026 .wc-match.wc-final{ border:1.5px solid var(--wc-red); box-shadow:0 3px 14px rgba(4,86,148,.16); }
#tio-wc2026 .wc-final-wrap{ display:flex; flex-direction:column; align-items:center; gap:8px; }
#tio-wc2026 .wc-final-trophy{ width:26px; height:26px; fill:var(--wc-red); }
#tio-wc2026 .wc-final-date{ font-family:var(--wc-font-display); font-size:11px; font-weight:600; letter-spacing:1.5px; color:var(--wc-red); text-transform:uppercase; }

/* footer */
#tio-wc2026 .wc-foot{ padding:14px; text-align:center; border-top:1px solid #f0ebeb; background:#fafafa; margin:18px -14px -22px; }
#tio-wc2026 .wc-foot a{ font-family:var(--wc-font-display); font-weight:600; font-size:13px; letter-spacing:1.5px; color:var(--wc-red); text-decoration:none; text-transform:uppercase; cursor:pointer; }
#tio-wc2026 .wc-foot a:hover{ text-decoration:underline; }

/* ============================================================
   GRUPPI
   ============================================================ */
#tio-wc2026 .wc-groups-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(232px,1fr)); gap:12px; }
#tio-wc2026 .wc-group{ border:1px solid #e6e0e0; border-radius:6px; overflow:hidden; background:var(--wc-card); }
#tio-wc2026 .wc-group-head{ display:flex; align-items:center; justify-content:space-between; padding:9px 12px; border-bottom:1px solid #f0ebeb; }
#tio-wc2026 .wc-group-name{ font-family:var(--wc-font-display); font-weight:700; font-size:14px; letter-spacing:1.5px; color:var(--wc-dark); text-transform:uppercase; }
#tio-wc2026 .wc-group-meta{ font-size:10px; color:var(--wc-muted); letter-spacing:.5px; }

#tio-wc2026 .wc-standings{ width:100%; border-collapse:collapse; font-size:12px; }
#tio-wc2026 .wc-standings th{
  font-family:var(--wc-font-display); font-weight:600; font-size:10px; letter-spacing:1px;
  color:var(--wc-muted); text-transform:uppercase; text-align:center; padding:5px 4px; border-bottom:1px solid #f2eeee;
}
#tio-wc2026 .wc-standings th.wc-h-team{ text-align:left; padding-left:10px; }
#tio-wc2026 .wc-standings th.wc-h-pts{ text-align:right; padding-right:12px; }
#tio-wc2026 .wc-standings td{ padding:7px 4px; border-top:1px solid #f5f2f2; text-align:center; }
#tio-wc2026 .wc-standings tr:first-child td{ border-top:none; }
#tio-wc2026 .wc-rank{ width:22px; color:var(--wc-muted); font-weight:700; }
#tio-wc2026 .wc-team-cell{ display:flex; align-items:center; gap:7px; text-align:left; padding-left:10px; }
#tio-wc2026 .wc-team-cell .wc-logo{ width:16px; height:16px; }
#tio-wc2026 .wc-team-cell span:last-child{ font-family:var(--wc-font-body); font-weight:600; font-size:13px; color:var(--wc-text); letter-spacing:.1px; }
#tio-wc2026 .wc-num{ width:30px; color:#5d6a75; font-weight:500; }
#tio-wc2026 .wc-pts{ width:34px; font-weight:700; color:var(--wc-dark); text-align:right; padding-right:12px; }

#tio-wc2026 .wc-standings tr.wc-qualified{ background:var(--wc-tint); }
#tio-wc2026 .wc-standings tr.wc-qualified .wc-rank{ position:relative; }
#tio-wc2026 .wc-standings tr.wc-qualified .wc-rank::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--wc-red); }
#tio-wc2026 .wc-standings tr.wc-qualified .wc-team-cell span:last-child{ color:var(--wc-ink); font-weight:600; }

#tio-wc2026 .wc-legend{ display:flex; align-items:center; gap:8px; margin-top:16px; padding-top:14px; border-top:1px solid #f0ebeb; font-size:11px; color:var(--wc-muted); }
#tio-wc2026 .wc-legend .wc-swatch{ width:14px; height:14px; border-radius:3px; background:var(--wc-tint); border-left:3px solid var(--wc-red); flex-shrink:0; }

/* ============================================================
   RISULTATI (grouped match cards) + INFORMAZIONI
   ============================================================ */
#tio-wc2026 .wc-cards{ display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:12px; }
#tio-wc2026 .wc-res-group{ margin-bottom:18px; }
#tio-wc2026 .wc-res-title{ font-family:var(--wc-font-display); font-weight:600; font-size:12px; letter-spacing:1.5px; color:var(--wc-dark); text-transform:uppercase; margin:0 0 8px; padding-bottom:6px; border-bottom:1px solid #f0ebeb; }

#tio-wc2026 .wc-info-block{ margin-bottom:18px; }
#tio-wc2026 .wc-info-host{ font-family:var(--wc-font-display); font-weight:700; font-size:18px; letter-spacing:.5px; color:var(--wc-dark); text-transform:uppercase; }
#tio-wc2026 .wc-info-dates{ font-size:13px; color:var(--wc-muted); margin-top:4px; }
#tio-wc2026 .wc-info-text{ font-size:13.5px; line-height:1.55; color:var(--wc-text); margin-top:10px; }
#tio-wc2026 .wc-venues{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:10px; margin-top:14px; }
#tio-wc2026 .wc-venue{ border:1px solid #e6e0e0; border-radius:6px; padding:10px 12px; background:var(--wc-card); }
#tio-wc2026 .wc-venue-name{ font-family:var(--wc-font-display); font-weight:600; font-size:14px; color:var(--wc-ink); }
#tio-wc2026 .wc-venue-city{ font-size:12px; color:var(--wc-muted); margin-top:2px; }
#tio-wc2026 .wc-venue-cap{ font-size:11px; color:#6c7a86; margin-top:4px; }
/* venue cards link to the detail page */
#tio-wc2026 a.wc-venue{ display:block; text-decoration:none; transition:border-color .12s,box-shadow .12s,transform .12s; }
#tio-wc2026 a.wc-venue:hover{ border-color:var(--wc-red); box-shadow:0 4px 12px rgba(4,86,148,.1); transform:translateY(-1px); }

/* ============================================================
   STADIO (venue detail)
   ============================================================ */
#tio-wc2026 .wc-back{ margin-bottom:14px; }
#tio-wc2026 .wc-back a{ font-family:var(--wc-font-display); font-weight:600; font-size:12px; letter-spacing:1px; color:var(--wc-red); text-decoration:none; text-transform:uppercase; cursor:pointer; }
#tio-wc2026 .wc-back a:hover{ text-decoration:underline; }

#tio-wc2026 .wc-stadio-head{ margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid #f0ebeb; }
#tio-wc2026 .wc-stadio-name{ font-family:var(--wc-font-display); font-weight:700; font-size:22px; letter-spacing:.4px; color:var(--wc-dark); text-transform:uppercase; line-height:1.1; }
#tio-wc2026 .wc-stadio-loc{ font-size:13px; color:var(--wc-muted); margin-top:4px; }

#tio-wc2026 .wc-venue-facts{ display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:10px; margin-top:14px; }
#tio-wc2026 .wc-venue-fact{ background:var(--wc-tint); border-radius:6px; padding:8px 10px; }
#tio-wc2026 .wc-vf-label{ display:block; font-family:var(--wc-font-display); font-weight:600; font-size:10px; letter-spacing:1px; color:var(--wc-muted); text-transform:uppercase; }
#tio-wc2026 .wc-vf-val{ display:block; font-weight:700; font-size:14px; color:var(--wc-ink); margin-top:2px; }

#tio-wc2026 .wc-facts-block{ margin-bottom:18px; }
#tio-wc2026 .wc-facts{ list-style:none; margin:0; padding:0; }
#tio-wc2026 .wc-facts li{ position:relative; padding:6px 0 6px 18px; font-size:13.5px; line-height:1.55; color:var(--wc-text); border-top:1px solid #f5f2f2; }
#tio-wc2026 .wc-facts li:first-child{ border-top:none; }
#tio-wc2026 .wc-facts li::before{ content:''; position:absolute; left:0; top:13px; width:6px; height:6px; border-radius:50%; background:var(--wc-red); }

@keyframes wc-pulse{ 0%,100%{opacity:1} 50%{opacity:.3} }

/* ============================================================
   RESPONSIVE — under 768px: round selector instead of tree
   ============================================================ */
@media (max-width:768px){
  #tio-wc2026{ border-radius:0; }
  #tio-wc2026.wc-split{ margin-top:0; }
  #tio-wc2026 .wc-head .wc-brand-title{ font-size:23px; }
  #tio-wc2026 .wc-groups-grid{ grid-template-columns:1fr; }
  #tio-wc2026 .wc-cards{ grid-template-columns:1fr; }

  #tio-wc2026 .wc-round-labels{ display:none; }
  #tio-wc2026 .wc-round-nav{ display:flex; flex-wrap:wrap; }
  #tio-wc2026 .wc-bracket{ display:block; }
  #tio-wc2026 .wc-round{ display:none; }
  #tio-wc2026 .wc-round.wc-active{ display:block; }
  #tio-wc2026 .wc-cell{ padding:5px 0; }
  #tio-wc2026 .wc-cell::before,
  #tio-wc2026 .wc-cell::after{ display:none; }

  #tio-wc2026-bar{ border-radius:0; border-left:none; border-right:none; }
  #tio-wc2026-bar .wc-bar{ padding:12px 14px; }
  #tio-wc2026-bar .wc-brand-title{ font-size:22px; }
  #tio-wc2026-bar .wc-bar-btn{ letter-spacing:1px; font-size:12px; padding:12px 2px; }

  /* countdown drops to its own right-aligned line when the bar gets tight */
  .wc-countdown{ margin-top:2px; gap:7px; }
  .wc-cd-label,
  .wc-cd-clock{ font-size:11px; letter-spacing:1.2px; }
  .wc-cd-clock b{ font-size:17px; }
}

/* ============================================================
   DARK MODE — APP ONLY
   ============================================================ */
@media (prefers-color-scheme:dark){
  #tio-wc2026.wc-native,
  #tio-wc2026-bar.wc-native{
    --wc-line:#36444f;
    --wc-bg:#101820;
    --wc-card:#1b2630;
    --wc-ink:#e6edf3;
    --wc-text:#ccd6df;
    --wc-muted:#90a0ac;
    --wc-tint:#16303f;
  }

  /* Full-viewport dark backdrop */
  #tio-wc2026.wc-native::before,
  #tio-wc2026-bar.wc-native::before{
    content:''; position:fixed; inset:0; background:#101820; z-index:-1;
  }

  /* white panels → dark card */
  #tio-wc2026-bar.wc-native .wc-bar-nav,
  #tio-wc2026.wc-native .wc-tabs,
  #tio-wc2026.wc-native .wc-tab.wc-active,
  #tio-wc2026.wc-native .wc-subtab,
  #tio-wc2026.wc-native .wc-round-nav button{ background:var(--wc-card); }
  #tio-wc2026.wc-native .wc-foot{ background:var(--wc-bg); }

  /* light hovers / strips → subtle dark */
  #tio-wc2026-bar.wc-native .wc-bar-btn:hover,
  #tio-wc2026.wc-native .wc-tab:hover,
  #tio-wc2026.wc-native .wc-status.wc-next{ background:#21303b; }

  /* all light borders → themed line */
  #tio-wc2026-bar.wc-native,
  #tio-wc2026.wc-native .wc-tabs,
  #tio-wc2026.wc-native .wc-tab,
  #tio-wc2026.wc-native .wc-board,
  #tio-wc2026-bar.wc-native .wc-bar-btn + .wc-bar-btn,
  #tio-wc2026.wc-native .wc-subtab,
  #tio-wc2026.wc-native .wc-round-nav button,
  #tio-wc2026.wc-native .wc-match,
  #tio-wc2026.wc-native .wc-team + .wc-team,
  #tio-wc2026.wc-native .wc-group,
  #tio-wc2026.wc-native .wc-group-head,
  #tio-wc2026.wc-native .wc-standings th,
  #tio-wc2026.wc-native .wc-standings td,
  #tio-wc2026.wc-native .wc-res-title,
  #tio-wc2026.wc-native .wc-foot,
  #tio-wc2026.wc-native .wc-legend,
  #tio-wc2026.wc-native .wc-stadio-head,
  #tio-wc2026.wc-native .wc-facts li,
  #tio-wc2026.wc-native .wc-venue{ border-color:var(--wc-line); }

  /* emphasis text that was dark-on-light → light-on-dark */
  #tio-wc2026.wc-native .wc-tab.wc-active,
  #tio-wc2026.wc-native .wc-pts,
  #tio-wc2026.wc-native .wc-group-name,
  #tio-wc2026.wc-native .wc-res-title,
  #tio-wc2026.wc-native .wc-info-host,
  #tio-wc2026.wc-native .wc-stadio-name,
  #tio-wc2026-bar.wc-native .wc-bar-btn:hover,
  #tio-wc2026-bar.wc-native .wc-bar-btn:active{ color:var(--wc-ink); }

  /* dim body text → readable on dark */
  #tio-wc2026.wc-native .wc-tname,
  #tio-wc2026.wc-native .wc-score,
  #tio-wc2026.wc-native .wc-team-cell span:last-child,
  #tio-wc2026.wc-native .wc-num,
  #tio-wc2026.wc-native .wc-info-text,
  #tio-wc2026.wc-native .wc-facts li,
  #tio-wc2026.wc-native .wc-venue-cap{ color:#bcc7d0; }
}