/* TipsAudit — design v3, tema luminoasa ("light").
   Culori FootyStats pe un layout de tip OddsPortal.
   Se incarca DUPA site.css si refresh.css si NUMAI cand <html class="v3"> (layout-ul o leaga doar in v3).
   Contine doar culori, umbre si borduri: nicio dimensiune, spatiere sau aranjare nu se schimba.
   Tabelul de cote (.ot*, .crest, .flag) are fisierul lui (odds-table.css) si nu e atins aici.
   Ordinea regulilor respecta cascada originala (site.css, apoi refresh.css) acolo unde doua reguli
   de aceeasi specificitate ating acelasi element (ex. .match.istop / .audit-card.istop). */

/* ============================================================
   1. TOKENS
   ============================================================ */
:root{
  color-scheme:light;

  /* tokenii existenti, redefiniti */
  --bg:#F4F5F7;            /* pagina */
  --card:#FFFFFF;          /* carduri, panouri */
  --elev:#F0F3F7;          /* suprafata secundara */
  --text:#183053;          /* navy, text principal (13.2:1 pe alb) */
  --muted:#47576E;         /* text secundar (7.3:1 pe alb, 6.7:1 pe --bg) */
  --primary:#2E7D32;       /* marca + valoare/pozitiv (alb pe el 5.1:1) */
  --accent:#804404;        /* chihlimbar inchis, sigur ca text (7.6:1 pe alb) */
  --blue:#2D5DC5;          /* linkuri (6.0:1 pe alb) */
  --danger:#CA2F1E;        /* rosu (5.3:1 pe alb) */
  --line:#D4D9DF;          /* borduri */
  --chip:#E8F5E9;          /* fundal verde fin (#2E7D32 pe el 4.6:1) */

  /* variabile folosite in Blade, nedefinite pana acum (cadeau pe hex-uri intunecate) */
  --panel:#FFFFFF;
  --panel2:#F0F3F7;
  --good:#2E7D32;
  --bad:#CA2F1E;
  --warn:#804404;
  --warn-bg:#FFE3B7;
  --green:#2E7D32;         /* sigur si ca text; verdele de marca e --brand-green */

  /* tokeni noi */
  --text-3:#5F6B7D;        /* linia mica gri ("fair"), 5.4:1 pe alb */
  --line-soft:#EAEAEA;
  --line-hover:#9AA6B5;    /* bordura la hover (inlocuieste #33415c/#31405a de pe dark) */
  --line-strong:#AEB8C5;
  --on-primary:#FFFFFF;
  --primary-hover:#276B2B; /* alb pe el 6.5:1 */
  --brand-green:#45B549;   /* DOAR borduri, dungi, logo; niciodata fundal sub text alb */
  --good-bg-soft:#E8F5E9;
  --good-text-soft:#1B5E20;/* text pe --good-bg-soft, 7.0:1 */
  --value-bg:#2E7D32;      /* celula de valoare plina (odds-table.css pune text alb pe ea) */
  --blue-bg-soft:#E9EFFB;
  --blue-strong:#2450A8;   /* text pe --blue-bg-soft, 6.5:1 */
  --bad-bg-soft:#FDECEA;   /* #CA2F1E pe el 4.7:1 */
  --grey-bg-soft:#EEF1F5;  /* #47576E pe el 6.5:1 */
  --nav-bg:#183053;
  --nav-text:#FFFFFF;
  --lg-head:#F0F3F7;       /* randurile-antet de liga */
  --shadow-1:0 1px 3px rgba(24,48,83,.08),0 1px 8px rgba(0,0,0,.04);
  --shadow-2:0 6px 18px rgba(24,48,83,.10),0 1px 3px rgba(24,48,83,.08);
  --shadow-pop:0 12px 32px rgba(24,48,83,.18),0 1px 3px rgba(24,48,83,.08);
}

/* ============================================================
   2. NAVIGATIE (bara navy, linkuri albe) + bara de sugestie a limbii
   ============================================================ */
nav.site{background:var(--nav-bg);border-bottom-color:#0F2440;box-shadow:0 1px 8px rgba(0,0,0,.06)}
nav.site .logo{color:var(--nav-text)}
nav.site .logo b{color:var(--brand-green)}                 /* 5.0:1 pe navy */
nav.site .links a{color:rgba(255,255,255,.78)}             /* ~8:1 pe navy */
nav.site .links a:hover,nav.site .links a.active{color:var(--nav-text)}
nav.site .navburger{border-color:rgba(255,255,255,.35)}
nav.site .navburger span{background:var(--nav-text)}
nav.site .langsel{background:rgba(255,255,255,.10);color:var(--nav-text);border-color:rgba(255,255,255,.28)}
nav.site .langsel option{background:#FFFFFF;color:var(--text)}
nav.site :where(a,button,select):focus-visible{outline-color:#FFFFFF}
@media(max-width:860px){
  nav.site .nav .links{background:var(--nav-bg);border-bottom-color:rgba(255,255,255,.12);box-shadow:0 8px 20px rgba(0,0,0,.12)}
  nav.site .nav .links a{border-bottom-color:rgba(255,255,255,.10)}
}

/* sugestia de limba (deasupra nav-ului) */
.langsug{background:var(--blue-bg-soft);border-bottom-color:var(--line)}
.langsug-y{color:var(--on-primary)}
.langsug-y:hover{background:var(--primary-hover)}
.langsug-n:hover{border-color:var(--line-hover);color:var(--text)}

/* ============================================================
   3. BUTOANE
   ============================================================ */
.btn{color:var(--text);border-color:var(--line)}
.btn:hover{border-color:var(--text)}
.btn.solid{background:var(--primary);color:var(--on-primary);border-color:transparent}
.btn.solid:hover{filter:none;background:var(--primary-hover)}
.btn.ghost{color:var(--text);border-color:var(--text);background:transparent}
.btn.ghost:hover{background:var(--elev)}
.skip-link{color:var(--on-primary)}

/* ============================================================
   4. HERO (vechi + editorial) si spotlight
   ============================================================ */
.kicker .pill{color:var(--blue);background:var(--blue-bg-soft);border-color:var(--line)}
.home-hero{background:radial-gradient(ellipse at 88% 10%,rgba(69,181,73,.07),transparent 58%)}
.hero-copy .eyebrow{color:var(--muted)}
.hero-copy h1{color:var(--text)}
.audit-spotlight{border-color:var(--line);background:var(--card);box-shadow:0 1px 3px rgba(24,48,83,.08),0 8px 24px rgba(24,48,83,.08)}
.audit-spotlight:before{background:var(--brand-green)}
.spotlight-mark{color:var(--text-3)}
.spotlight-selection{color:var(--text)}
.price-comparison .price-arrow{color:var(--text-3)}
.evidence-intro a{color:var(--text)}

/* ============================================================
   5. PANOURI, CARDURI DE MECI, STATISTICI
   ============================================================ */
.stat,.panel,.lcard,.glance,.proof,.spark,.share-pop-box{box-shadow:var(--shadow-1)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .stat:hover,.panel:hover{box-shadow:var(--shadow-2);border-color:var(--line-strong)}
  .btn.solid:hover{box-shadow:0 2px 10px rgba(46,125,50,.28)}
}

/* card de meci (site.css) */
.match{box-shadow:var(--shadow-1)}
.match:hover{border-color:var(--line-hover)}
.match.istop{border-color:#E9B872;box-shadow:0 0 0 1px rgba(233,184,114,.45),var(--shadow-1)}
.top-flag{background:var(--warn-bg);color:var(--warn);box-shadow:0 0 0 1px #E9B872}
.lg{background:var(--lg-head);border-color:var(--line);color:var(--text)}

/* cotele 1/X/2 si selectia */
.od.pick{background:var(--blue-bg-soft);border-color:var(--blue);box-shadow:0 0 0 1px var(--blue) inset}
.od.pick .k,.od.pick .n{color:var(--blue-strong)}
.picksel{border-color:var(--line-strong)}

/* Edge Score + diferenta desenata */
.bar i{background:linear-gradient(90deg,var(--brand-green),var(--primary))}
.gv-fair{background:#7D8899}                                    /* 3.2:1 pe pista #F0F3F7 */
.gv-mkt{background:linear-gradient(90deg,#6E86C9,#4F72C2)}      /* pana la 4.2:1; tot mai deschis decat verdele .gv-extra */

/* dovada din hero, carduri de ligi, sparkline */
.proof:hover{border-color:var(--line-hover)}
.lcard:hover{border-color:var(--line-hover)}
.spark:hover{border-color:var(--line-strong)}

/* card editorial (refresh.css) — vine DUPA .match, ca in original */
.audit-card{background:var(--card);border-color:var(--line);box-shadow:var(--shadow-1)}
.audit-card:hover{background:#FBFCFD;border-color:var(--line-hover);box-shadow:var(--shadow-2)}
.audit-card.istop{border-color:var(--brand-green);box-shadow:var(--shadow-1)}
.audit-card-teams>span{color:var(--text-3)}
.audit-card-selection>.audit-tier{color:var(--good-text-soft);background:var(--good-bg-soft)}
.vd-value .audit-tier{color:var(--blue-strong);background:var(--blue-bg-soft)}
.vd-micro .audit-tier{color:var(--muted);background:var(--grey-bg-soft)}   /* dupa .audit-card-selection>.audit-tier, ca in refresh.css: gri = de urmarit */
.audit-prices .offered{color:var(--text)}
.card-open{color:var(--text)}
.expired-status{color:var(--warn)}
.match-empty{border-color:var(--line-strong)}

/* cutia de dovada (imutabilitate) */
.proofbox{border-color:var(--brand-green);background:linear-gradient(180deg,#EEF7EE,#FFFFFF)}
.proofbox h3{color:var(--good-text-soft)}
.proof-rec{background:var(--elev)}

/* forma W/D/L */
.frm-w{background:var(--primary);color:var(--on-primary)}
.frm-l{background:var(--danger);color:#FFFFFF}

/* benzi de pe home */
.home-explainer{background:var(--card);border-block-color:var(--line)}
.step-number{color:var(--text-3)}
.reading-card{border-top-color:var(--line-strong)}
.reading-index{color:var(--text-3)}
.home-page .vtab-labels label b{background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
/* numaratoarea din taburi: fara opacitate (.7/.85 pe light cobora sub 4.5:1); #vt-* repetat, are specificitate mai mare */
.home-page .vtab-labels label b,
#vt-best:checked~.vtab-labels label[for="vt-best"] b,
#vt-safer:checked~.vtab-labels label[for="vt-safer"] b,
#vt-monitor:checked~.vtab-labels label[for="vt-monitor"] b{opacity:1}

/* ============================================================
   6. TABELE, LEDGER, COMUTATOARE, PAGINARE
   ============================================================ */
.mtable thead th{background:var(--lg-head)}
.mtable tbody tr:hover{background:#F6F8FB}
.oddfmt .of-b:hover{border-color:var(--line-hover)}
.oddfmt .of-b.on{border-color:var(--text)}
a.pg:hover{border-color:var(--line-hover)}

/* taburile de valoare (home vechi) + comutatorul de ledger: text alb pe verde */
#vt-best:checked~.vtab-labels label[for="vt-best"],
#vt-safer:checked~.vtab-labels label[for="vt-safer"],
#vt-monitor:checked~.vtab-labels label[for="vt-monitor"]{background:var(--primary);color:var(--on-primary)}
.ledger-switch .ls-btn.on{background:var(--primary);color:var(--on-primary)}
/* /matches (refresh.css) — trebuie sa vina DUPA .ledger-switch .ls-btn.on */
.match-day-links a:hover{border-color:var(--line-hover)}
.matches-page .ls-btn.on{background:var(--good-bg-soft);color:var(--good-text-soft)}

/* ============================================================
   7. INSIGNE, NIVELURI DE VALOARE, STARI
   Verde = valoare confirmata, albastru = semnalata, gri = de urmarit (semantica neschimbata).
   ============================================================ */
/* verdictul de pe card */
.vd-actionable .vd-tier{background:var(--good-bg-soft);color:var(--good-text-soft)}
.vd-value .vd-tier{background:var(--blue-bg-soft);color:var(--blue-strong)}
.vd-micro .vd-tier{background:var(--grey-bg-soft);color:var(--muted)}
.vd-fresh.sigfade{color:var(--warn)}
.metae .sigfresh.sigfade,.sigfade{color:var(--warn)}

/* starea surselor */
.fs-operational{background:var(--good-bg-soft);color:var(--good-text-soft)}
.fs-delayed{background:var(--blue-bg-soft);color:var(--blue-strong)}
.fs-degraded{background:var(--warn-bg);color:var(--warn)}
.fs-stale{background:var(--bad-bg-soft);color:var(--danger)}
.fs-down{background:var(--danger);color:#FFFFFF}

/* cele patru stari + expirate */
.statline .s-expired{color:var(--warn)}
.noedge.expired .x{color:var(--warn)}
.mtable .vd-t-expired{background:var(--warn-bg);color:var(--warn)}

/* nivelurile din tabelul de meciuri (dupa .vd-*, ca in site.css) */
.mtable .vd-t-actionable{background:var(--good-bg-soft);color:var(--good-text-soft)}
.mtable .vd-t-value{background:var(--blue-bg-soft);color:var(--blue-strong)}
.mtable .vd-t-micro{background:var(--grey-bg-soft);color:var(--muted)}

/* rezultat */
.res.win{color:var(--on-primary);background:var(--primary)}

/* ciclul de viata al valorii */
.lc-improving{background:var(--good-bg-soft);color:var(--good-text-soft)}
.lc-active{background:var(--blue-bg-soft);color:var(--blue-strong)}
.lc-expired{background:var(--bad-bg-soft);color:var(--danger)}
.lc-settled{background:var(--grey-bg-soft);color:var(--muted)}
.trend-priced-tag{background:var(--grey-bg-soft);color:var(--muted)}

/* verdictele de audit al tipsterilor */
.vd-beats_close{background:var(--good-bg-soft);color:var(--good-text-soft)}
.vd-at_market{background:var(--blue-bg-soft);color:var(--blue-strong)}
.vd-below_market{background:var(--bad-bg-soft);color:var(--danger)}
.vd-insufficient{background:var(--grey-bg-soft);color:var(--muted)}
.vd-paywalled{background:var(--warn-bg);color:var(--warn)}

/* nivelurile value bet */
.tier-actionable{background:var(--good-bg-soft);color:var(--good-text-soft)}
.tier-value{background:var(--blue-bg-soft);color:var(--blue-strong)}
.tier-micro{background:var(--grey-bg-soft);color:var(--muted)}

/* Telegram CTA */
.tg-cta{background:#E6F3FA;border-color:#9FD0EA;color:#0F6A99}   /* 5.2:1 */
.tg-cta:hover{background:#D5EBF7}

/* ============================================================
   8. FORMULARE, PARTAJARE, FERESTRE
   ============================================================ */
.share-btn:hover{border-color:var(--line-hover);background:#E6EBF1}
.share-pop-row a:hover,.share-pop-row button:hover{border-color:var(--line-hover);background:#E6EBF1}
/* in toast: CTA verde plin (dupa .share-btn:hover, ca in original) */
.grow .share-btn{background:var(--primary);color:var(--on-primary);border-color:transparent}
.grow .share-btn svg{color:var(--on-primary)}
.grow .share-btn:hover{background:var(--primary-hover)}
.share-pop{background:rgba(24,48,83,.45)}
.grow{box-shadow:var(--shadow-pop)}
.iq{box-shadow:var(--shadow-pop)}
/* campurile de formular: bordura lor e inline var(--line,#243044) in multe view-uri; tokenul redefinit pe
   element o inchide la 3.6:1 pe alb / 3.3:1 pe --bg (WCAG 1.4.11). .langsel din nav are border-color propriu. */
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{--line:#7D8899}

/* ============================================================
   9. FOOTER (alb, text navy) + bara "live ops"
   ============================================================ */
footer{background:var(--card)}
footer.site{border-top-color:var(--line)}
.ops{background:var(--card)}
@media (prefers-reduced-motion:no-preference){
  @keyframes opspulse{0%,100%{box-shadow:0 0 0 0 rgba(46,125,50,.45)}50%{box-shadow:0 0 0 5px rgba(46,125,50,0)}}
}

/* ============================================================
   10. DIVERSE: articole + literali inline din Blade (nu pot fi editati de aici)
   ============================================================ */
.article{color:#2A3B55}   /* corp de articol, putin mai moale decat titlurile (11.3:1 pe alb) */

/* track.blade: selectia verde-deschis inline (#B9F8D3, ilizibila pe alb) */
[style*="color:#B9F8D3"]{color:var(--good-text-soft)!important}
/* worldcup.blade: probabilitatea favorita (#86EFAC) si pastila kicker (#2A2210) */
[style*="color:#86EFAC"]{color:var(--good-text-soft)!important}
.kicker .pill[style*="#2A2210"]{background:var(--warn-bg)!important}
/* calibration.blade: seria "model" #F5B942 -> chihlimbar vizibil pe alb (3.8:1) */
polyline[stroke="#F5B942"]{stroke:#B87404}
circle[fill="#F5B942"]{fill:#B87404}
[style*="background:#F5B942"]{background:#B87404!important}
/* track.blade: linia de zero a graficului de capital */
line[stroke="#243044"]{stroke:var(--line-strong)}
/* track.blade: curba de capital ($col = #00D084 / #EF4444, verdele neon avea 2.0:1 pe alb) */
.eqwrap polyline[stroke="#00D084"]{stroke:var(--primary)}
.eqwrap stop[stop-color="#00D084"]{stop-color:var(--primary)}
.eqwrap polyline[stroke="#EF4444"]{stroke:var(--danger)}
.eqwrap stop[stop-color="#EF4444"]{stop-color:var(--danger)}

/* ============================================================
   LITERALI PASTRATI INTENTIONAT (din site.css / refresh.css)
   - .res.loss{color:#fff} pe var(--danger): alb pe #CA2F1E = 5.3:1, merge si pe light.
   - fallback-uri din var(): .lc-step::before var(--primary,#00D084), .valmeta b var(--primary,#00D084),
     taburile #vt-best/#vt-safer/#vt-monitor si .ledger-switch var(--primary,#00D084), .site-search input / .iq var(--card,#111827):
     variabilele sunt definite mai sus, fallback-ul nu se mai foloseste.
   - .nav .links (meniul mobil, rgba(7,11,18,.98)) e suprascris prin nav.site .nav .links, in acelasi @media.
   - @keyframes opspulse (verdele vechi) e redefinit in sectiunea 9, in acelasi @media.
   - Potriviri false ale grep-ului: "white-space" (\bwhite\b) si selectorul de ID #acca (refresh.css:80).
   - Elementele care foloseau doar tokeni (var(--...)) se adapteaza automat prin :root.
   ============================================================ */

/* ============================================================
   Componente v3 folosite pe toate paginile (mutate din odds-table.css, 9 oct 2026)
   ============================================================ */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.flag{display:inline-block;vertical-align:-2px;margin-right:8px;border-radius:2px;box-shadow:0 0 0 1px rgba(24,48,83,.12);object-fit:cover}
.flag-logo{box-shadow:none;object-fit:contain}
.crest{width:20px;height:20px;flex:none;object-fit:contain}
.crest-fb{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex:none;background:hsl(var(--h,210),40%,92%);color:hsl(var(--h,210),45%,26%);font-size:8.5px;font-weight:800;letter-spacing:.2px;line-height:1}
/* Bannerul de previzualizare (doar cu ?design=v3) */
.design-banner{background:#FFE3B7;color:#804404;text-align:center;font-size:13px;padding:7px 16px}
.design-banner a{color:#183053;font-weight:700;margin-left:8px}
/* pagina de meci: stemele langa titlu */
.detail-crests{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.detail-crests .crest{width:32px;height:32px}

/* ============================================================
   Prima pagina v4 (9 oct 2026): hero scurt, tabla zilei primul, ieri auditat
   ============================================================ */
.h4-hero{padding:28px 0 8px}
.h4-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.h4-hero h1{font-family:var(--font-display);font-size:34px;line-height:1.15;letter-spacing:-.6px;margin:0 0 10px;color:var(--text)}
.h4-intro{font-size:15.5px;line-height:1.55;color:var(--muted);max-width:640px;margin:0 0 14px}
.h4-actions{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin:0}
.h4-link{color:var(--blue);font-weight:600}
.h4-proof{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--brand-green,#45B549);border-radius:8px;padding:14px 16px}
.h4-proof .eyebrow{margin:0 0 6px}.h4-proof-n{margin:0;font-weight:700;color:var(--text)}
.h4-proof-m{margin:4px 0 8px;font-size:13.5px;color:var(--muted)}.h4-proof-m .good{color:var(--good)}.h4-proof-m .bad{color:var(--bad)}
.h4-proof a{font-size:13px;color:var(--blue);font-weight:600}
.h4-board{padding:14px 0 8px}
.h4-days{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.h4-days a{padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--text);font-weight:600;font-size:13.5px}
.h4-days a.on{background:var(--nav-bg,#183053);border-color:var(--nav-bg,#183053);color:#fff}.h4-days b{font-weight:800;margin-left:4px}
.h4-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.h4-chips a{padding:5px 10px;border-radius:6px;background:var(--lg-head,#F0F3F7);color:var(--text);font-size:12.5px;font-weight:600}
.h4-chips b{color:var(--muted);font-weight:600;margin-left:3px}
.h4-tools{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.h4-tools .site-search{margin:0;flex:1 1 280px}
.h4-valuechip{padding:7px 12px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--muted);background:var(--card)}
.h4-valuechip.has{border-color:var(--value-bg,#2E7D32);color:var(--value-bg,#2E7D32)}
.h4-meta{margin:10px 0 0;font-size:12.5px;color:var(--muted)}
.h4-novalue{margin:8px 0 0;padding:8px 12px;background:var(--lg-head,#F0F3F7);border-radius:6px;font-size:13.5px;color:var(--text)}
.h4-legend{font-size:12px;color:var(--muted);margin:6px 0 0}.h4-all{margin:12px 0 0}
.h4-yest{padding:22px 0 6px}.h4-yest h2,.h4-links h2{font-family:var(--font-display);font-size:22px;margin:0 0 8px;color:var(--text)}
.h4-yest p{max-width:820px;margin:0 0 6px;color:var(--text)}.h4-yest a{color:var(--blue);font-weight:600}
.h4-links{padding:22px 0 6px}.h4-links .wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.h4-links p{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0}.h4-links a{color:var(--blue);font-weight:600;font-size:14px}
@media(max-width:860px){.h4-hero-grid{grid-template-columns:1fr;gap:14px}.h4-links .wrap{grid-template-columns:1fr}}
@media(max-width:640px){.h4-hero{padding:16px 0 4px}.h4-hero h1{font-size:25px}.h4-intro{font-size:14px;margin-bottom:10px}
  .h4-proof{padding:10px 12px}.h4-proof-m{margin:2px 0 4px}.h4-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.h4-chips a{flex:none}}
/* v4 pe telefon: primul meci pe primul ecran (9 oct 2026) */
@media(max-width:640px){
  .h4-actions .btn{padding:9px 14px;font-size:14px}.h4-actions{gap:6px 14px}.h4-link{font-size:14px}
  .h4-proof{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;padding:8px 10px;margin-top:2px}
  .h4-proof .eyebrow{display:none}.h4-proof-n{font-size:13px}.h4-proof-m{margin:0;font-size:12.5px}.h4-proof a{font-size:12.5px}
  .h4-days{flex-wrap:nowrap;overflow-x:auto;gap:5px;margin-bottom:8px}.h4-days a{flex:none;padding:6px 11px;font-size:12.5px}
  .h4-chips{margin-bottom:8px}.h4-tools{gap:6px 10px}.h4-tools .site-search input{padding:8px 10px;font-size:14px}.h4-tools .site-search .btn{padding:8px 12px}
  .h4-valuechip{padding:5px 10px;font-size:12px}.h4-meta{margin-top:6px;font-size:12px}
}
.h4-proof-small{margin:0 0 6px;font-size:11.5px;line-height:1.45;color:var(--muted)}
@media(max-width:640px){.h4-proof .eyebrow{display:block;font-size:10px;margin:0 0 2px;width:100%}.h4-proof-small{display:none}}

/* D2 (oct 2026): toate pietele la pretul corect, pe pagina de meci */
.mk-fam{font-size:15px;margin:16px 0 6px;color:var(--text)}
.mk-sub{margin:8px 0 4px;font-size:13px;font-weight:600;color:var(--muted)}
.mk-wrap{overflow-x:auto}
.mk-t{width:100%;border-collapse:collapse;font-size:13px;min-width:280px}
.mk-t th{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);text-align:center;padding:5px 6px;border-bottom:1px solid var(--line)}
.mk-t td{text-align:center;padding:6px;border-bottom:1px solid var(--line);vertical-align:top}
.mk-t .mk-l{text-align:left;font-weight:700;white-space:nowrap;width:56px}
.mk-t tr.mk-main td{background:var(--lg-head,#F0F3F7)}
.mk-p{display:block;font-size:14px;color:var(--text)}
.mk-f,.mk-b{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap}
.mk-b{color:var(--text)}
.mk-more{margin:6px 0 4px}.mk-more summary{cursor:pointer;font-size:12.5px;color:var(--blue);font-weight:600}
@media(max-width:640px){.mk-t{font-size:12px}.mk-b{white-space:normal}}
.mk-famd{border-top:1px solid var(--line);padding:2px 0}
.mk-famd>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}
.mk-famd>summary::-webkit-details-marker{display:none}
.mk-famd>summary::after{content:'+';font-weight:700;color:var(--muted);font-size:18px}
.mk-famd[open]>summary::after{content:'–'}
.mk-famd>summary .mk-fam{margin:10px 0}

/* D3 (oct 2026): paginile zilnice pe piete */
.h4-chips a.on{background:var(--nav-bg,#183053);color:#fff}.h4-chips a.on b{color:#fff}
.md-t{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px;background:var(--card);border:1px solid var(--line);border-radius:8px}
.md-t th{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#fff;background:var(--nav-bg,#183053);padding:8px 8px;text-align:center}
.md-t th.md-m,.md-t td.md-m{text-align:left}
.md-t td{padding:8px;border-top:1px solid var(--line);text-align:center;vertical-align:middle}
.md-t td.md-ko{white-space:nowrap;color:var(--muted);font-size:12.5px;width:90px}
.md-t td.md-m a{display:flex;flex-direction:column;gap:3px;color:var(--text);font-weight:600}
.md-t .md-lg{display:block;font-size:11.5px;color:var(--muted);margin-top:3px}
.md-t td.md-line{font-weight:700}
.md-t td.md-form{font-size:12.5px;color:var(--muted);white-space:nowrap}
@media(max-width:640px){.md-t{min-width:520px;font-size:12.5px}.md-t td.md-ko{width:56px}}
@media(max-width:640px){
  .md-t{min-width:0;border:0;background:none}
  .md-t thead{display:none}
  .md-t tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:8px}
  .md-t td{border:0;padding:2px 0}
  .md-t td.md-ko,.md-t td.md-m,.md-t td.md-line,.md-t td.md-form{grid-column:1/-1;text-align:left;width:auto}
  .md-t td.md-m a{flex-direction:row;flex-wrap:wrap;gap:4px 12px}
  .md-t td.md-sel::before,.md-t td.md-line::before,.md-t td.md-form::before{content:attr(data-label);display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
  .md-t td.md-line::before,.md-t td.md-form::before{display:inline;margin-right:6px}
}
.md-t .ot-team{display:flex;align-items:center;gap:6px}
.md-t .md-n{font-size:10.5px;color:var(--muted)}

/* D4a (oct 2026): statistici echipe (meci + liga) */
.st-t,.st-lt{width:100%;border-collapse:collapse;font-size:13px}
.st-t th,.st-lt th{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);padding:6px;border-bottom:1px solid var(--line);text-align:center}
.st-t td,.st-lt td{padding:6px;border-bottom:1px solid var(--line);text-align:center}
.st-t td.st-k{text-align:left;color:var(--muted)}
.st-v{color:var(--muted);font-size:12px}
.st-priced{margin:10px 0 0;padding:8px 10px;background:var(--lg-head,#F0F3F7);border-radius:6px;font-size:13.5px}
.st-lt{min-width:620px}.st-lt th.st-team,.st-lt td.st-team{text-align:left}
.st-lt .ot-team{display:flex;align-items:center;gap:6px;font-weight:600}
/* D4b: mutarile pietei */
.mv-d{font-weight:700;white-space:nowrap}.mv-d.up{color:var(--good,#2E7D32)}.mv-d.down{color:var(--bad,#CA2F1E)}
@media(max-width:640px){.mv-t tbody tr{grid-template-columns:1fr 1fr 1fr}}