/* ═══════════════ ضریب — استایل صفحات نتایج زنده و آموزش ═══════════════
   مکمل styles.css است و بعد از آن لود می‌شود.                          */

/* ═══════ LIVE CENTER ═══════ */
.lv{padding-block:20px 60px}
.lv__grid{display:grid;grid-template-columns:232px minmax(0,1fr) 400px;gap:16px;align-items:start}

/* ── sidebar ── */
.lv__side{position:sticky;top:80px;display:flex;flex-direction:column;gap:12px}
.side__box{background:var(--surf);border:1px solid var(--line);border-radius:var(--r2);padding:14px}
.side__h{font-size:12px;color:var(--tx3);font-weight:700;margin-bottom:10px;letter-spacing:.04em}
.side__chips{display:flex;flex-wrap:wrap;gap:6px}
.schip{padding:6px 12px;border-radius:99px;border:1px solid var(--line);font-size:12.5px;
  font-weight:600;color:var(--tx2);transition:.14s;display:inline-flex;align-items:center;gap:6px}
.schip:hover{border-color:var(--line2);color:var(--tx)}
.schip.is-on{background:var(--go);border-color:var(--go);color:var(--go-ink)}
.schip em{font-style:normal;font-size:10.5px;opacity:.65}
.side__lgs{display:flex;flex-direction:column;gap:1px}
.lgrow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;
  border-radius:8px;transition:.14s;text-align:start;width:100%}
.lgrow:hover{background:var(--surf2)}
.lgrow.is-on{background:var(--surf2);box-shadow:inset 2px 0 0 var(--go)}
.lgrow__n{font-size:13px;font-weight:600;display:flex;flex-direction:column;line-height:1.4}
.lgrow__n em{font-style:normal;font-size:10.5px;color:var(--tx3);font-weight:500}
.lgrow__c{font-size:11px;color:var(--tx3);display:flex;align-items:center;gap:4px}
.dotl{width:6px;height:6px;border-radius:50%;background:var(--red);display:inline-block;animation:pl 2s infinite}
.side__promo{background:linear-gradient(165deg,#241a08,var(--surf));border:1px solid rgba(255,179,64,.3);
  border-radius:var(--r2);padding:16px}
.side__promo p{font-size:12.5px;color:var(--tx2);margin-bottom:12px}
.side__promo b{color:var(--go)}

/* ── match list ── */
.lv__list{background:var(--surf);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.lv__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;
  border-bottom:1px solid var(--line);background:var(--bg2);flex-wrap:wrap}
.lv__count{font-size:11.5px;color:var(--tx3)}
.mgrp{display:flex;align-items:baseline;gap:8px;padding:9px 14px;background:var(--bg2);
  border-block:1px solid var(--line);font-size:12px}
.mgrp b{font-weight:700}
.mgrp em{font-style:normal;font-size:10.5px;color:var(--tx3)}
.mrow{display:grid;grid-template-columns:58px minmax(0,1fr) 34px auto;gap:10px;align-items:center;
  width:100%;padding:10px 14px;border-bottom:1px solid var(--line);transition:.14s;text-align:start}
.mrow:last-child{border-bottom:0}
.mrow:hover{background:var(--surf2)}
.mrow.is-sel{background:var(--surf2);box-shadow:inset 2px 0 0 var(--go)}
.mst{font-family:var(--fm);font-size:11px;color:var(--tx3);display:inline-flex;align-items:center;gap:5px}
.mst--live{color:var(--red);font-weight:700}
.mst--live i{width:6px;height:6px;border-radius:50%;background:var(--red);animation:pl 2s infinite}
.mst--ft{color:var(--tx3);font-family:var(--fd)}
.mrow__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.mrow__t b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;color:var(--tx2)}
.mrow__t b.win{color:var(--tx)}
.mrow__s{display:flex;flex-direction:column;gap:2px;text-align:center}
.mrow__s b{font-size:13.5px;font-weight:800}
.mrow__o{display:flex;gap:4px}
.mo{min-width:42px;text-align:center;font-size:11.5px;font-weight:700;padding:5px 0;
  background:var(--surf2);border:1px solid var(--line);border-radius:7px;color:var(--tx2)}
.mrow:hover .mo{border-color:var(--line2);color:var(--tx)}
.mempty{padding:40px 20px;text-align:center;font-size:13.5px;color:var(--tx3)}

/* ── detail panel ── */
.lv__detail{position:sticky;top:80px;background:var(--surf);border:1px solid var(--line2);
  border-radius:var(--r2);overflow:hidden;max-height:calc(100vh - 100px);overflow-y:auto}
.dempty{padding:50px 26px;text-align:center;color:var(--tx3)}
.dempty svg{width:44px;height:44px;opacity:.4;margin-bottom:12px}
.dempty p{font-size:13px;line-height:1.8}
.dhead{padding:16px;background:var(--bg2);border-bottom:1px solid var(--line)}
.dhead__lg{font-size:11.5px;color:var(--tx3);text-align:center;margin-bottom:12px}
.dhead__sc{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center}
.dt b{display:block;font-size:14px;font-weight:700;margin-bottom:6px}
.dsc{display:flex;flex-direction:column;align-items:center;gap:5px}
.dsc>span:first-child{font-size:25px;font-weight:800;color:var(--g)}
.form{display:inline-flex;gap:3px;justify-content:center}
.form i{width:15px;height:15px;border-radius:4px;font-style:normal;font-size:9px;font-weight:700;
  display:grid;place-items:center}
.f-ok{background:rgba(61,220,151,.18);color:var(--g)}
.f-dr{background:var(--surf2);color:var(--tx3)}
.f-no{background:rgba(255,95,86,.16);color:var(--red)}
.dtabs{display:flex;border-bottom:1px solid var(--line);background:var(--bg2);
  overflow-x:auto;scrollbar-width:none}
.dtabs::-webkit-scrollbar{display:none}
.dtab{flex:1;padding:11px 8px;font-size:12.5px;font-weight:600;color:var(--tx3);
  border-bottom:2px solid transparent;transition:.14s;white-space:nowrap}
.dtab:hover{color:var(--tx2)}
.dtab.is-on{color:var(--go);border-bottom-color:var(--go)}
.dbody{padding:16px}
.dh3{font-size:13px;color:var(--tx3);font-weight:700;margin:0 0 10px}
.dh3:not(:first-child){margin-top:20px}
.dnote{font-size:12.5px;color:var(--tx3);line-height:1.8;margin-top:12px}

/* events */
.evs{display:flex;flex-direction:column;gap:2px}
.ev{display:grid;grid-template-columns:34px 20px 1fr;gap:8px;align-items:center;
  padding:6px 8px;border-radius:8px;font-size:13px}
.ev--a{background:var(--surf2)}
.ev__m{font-size:11px;color:var(--tx3)}
.ev__i{font-size:13px}
.ev__p b{font-weight:600}
.ev__p em{font-style:normal;display:block;font-size:11px;color:var(--tx3)}
.evht{text-align:center;font-size:11px;color:var(--tx3);padding:7px 0;
  border-block:1px solid var(--line);margin:5px 0}

/* momentum */
.mom{position:relative;display:flex;align-items:center;gap:2px;height:74px;padding:0 2px;
  background:var(--bg2);border:1px solid var(--line);border-radius:var(--r)}
.mom__b{flex:1;border-radius:2px;min-height:2px}
.mom__b.h{background:var(--g);align-self:flex-start;margin-top:2px}
.mom__b.a{background:var(--red);align-self:flex-end;margin-bottom:2px}
.mom__mid{position:absolute;inset-inline:6px;top:50%;height:1px;background:var(--line2)}
.mom__lg{display:flex;justify-content:space-between;font-size:10.5px;color:var(--tx3);margin-top:5px}

/* key stats */
.kstats{display:flex;flex-direction:column;gap:7px}
.kst{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;
  background:var(--surf2);border-radius:8px;padding:8px 10px;font-size:12px}
.kst b{font-weight:800;text-align:center}
.kst span{text-align:center;color:var(--tx3);font-size:11px}

/* full stats */
.stlegend{display:flex;justify-content:space-between;font-size:11.5px;color:var(--tx2);margin-bottom:12px}
.stlegend i{width:9px;height:9px;border-radius:3px;display:inline-block;margin-inline-end:5px}
.lh{background:var(--g)}
.la{background:var(--red)}
.stats{display:flex;flex-direction:column;gap:13px}
.strow{display:grid;grid-template-columns:34px 1fr 34px;gap:8px;align-items:center}
.strow>b{font-size:12.5px;font-weight:700;text-align:center}
.stlbl{grid-column:1/-1;text-align:center;font-size:11px;color:var(--tx3);margin-top:-9px}
.stbar{display:flex;gap:3px;height:6px}
.stbar__h{background:var(--g);border-radius:99px 0 0 99px}
.stbar__a{background:var(--red);border-radius:0 99px 99px 0}

/* lineups */
.lups{display:flex;flex-direction:column;gap:16px}
.lup__h{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;
  border-bottom:1px solid var(--line);margin-bottom:9px}
.lup__h b{font-size:14px}
.lup__f{font-family:var(--fm);font-size:11px;color:var(--go)}
.lup__p{display:flex;flex-direction:column;gap:1px}
.lup__p li{display:grid;grid-template-columns:26px 1fr auto;gap:9px;align-items:center;
  padding:6px 7px;border-radius:7px;font-size:12.5px}
.lup__p li:hover{background:var(--surf2)}
.lup__n{font-size:10.5px;color:var(--tx3);text-align:center;background:var(--surf2);
  border-radius:5px;padding:2px 0}
.lup__p b{font-weight:600}
.lup__p em{font-style:normal;font-size:10.5px;color:var(--tx3)}
.lup__out{margin-top:9px;padding:9px 11px;background:var(--surf2);border-radius:8px;font-size:11.5px}
.lup__out span{color:var(--tx3);margin-inline-end:6px}
.lup__out i{font-style:normal;color:var(--red);margin-inline-end:8px}

/* h2h */
.h2sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.h2sum div{background:var(--surf2);border-radius:var(--r);padding:11px 6px;text-align:center}
.h2sum b{display:block;font-size:20px;font-weight:800;color:var(--g)}
.h2sum span{font-size:10.5px;color:var(--tx3)}
.h2l{display:flex;flex-direction:column;gap:1px}
.h2r{display:grid;grid-template-columns:auto auto 1fr auto;gap:9px;align-items:center;
  padding:8px 7px;border-radius:7px;font-size:12px}
.h2r:hover{background:var(--surf2)}
.h2r__d,.h2r__c{font-size:10.5px;color:var(--tx3)}
.h2r__t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h2r__s{font-weight:800;color:var(--g)}

/* odds markets */
.omk{margin-bottom:14px}
.omk__t{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  font-size:12.5px;font-weight:600;margin-bottom:7px}
.omk__l{font-size:11px;color:var(--go);font-weight:500}
.omk__l:hover{text-decoration:underline}
.omk__r{display:grid;gap:6px}
.ocell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 6px;
  background:var(--surf2);border:1px solid var(--line);border-radius:var(--r);transition:.14s}
.ocell:hover{border-color:var(--go);background:#2a2416}
.ocell span{font-size:10.5px;color:var(--tx3);text-align:center}
.ocell b{font-size:14px;font-weight:800;color:var(--go)}

/* detail CTA */
.dcta{padding:16px;border-top:1px solid var(--line);background:var(--bg2)}
.dcta__tip{background:var(--surf);border:1px solid var(--line);border-radius:var(--r2);
  padding:14px;margin-bottom:12px}
.dcta__tip .kick{margin-bottom:9px}
.dcta__hd{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:7px}
.dcta__tip>b{display:block;font-size:15px;margin-bottom:6px}
.dcta__od{font-size:19px;font-weight:800;color:var(--go);float:inline-end;margin-top:-32px}
.dcta__tip p{font-size:12.5px;color:var(--tx2);line-height:1.75;clear:both}
.cfrow{display:flex;align-items:center;gap:8px;margin-top:11px;font-size:11px;color:var(--tx3)}
.cfbar{flex:1;height:5px;background:var(--surf2);border-radius:99px;overflow:hidden}
.cfbar i{display:block;height:100%;background:linear-gradient(90deg,var(--g-d),var(--g));border-radius:99px}
.dcta__res{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;
  padding:4px 11px;border-radius:99px}
.dcta__res.ok{background:rgba(61,220,151,.15);color:var(--g)}
.dcta__res.no{background:rgba(255,95,86,.15);color:var(--red)}

/* ═══════ MARKETS PAGE ═══════ */
.mkhero{border-bottom:1px solid var(--line);
  background:radial-gradient(700px 300px at 80% -20%,rgba(255,179,64,.1),transparent 70%)}
.mkhero__in{display:grid;grid-template-columns:1.3fr .7fr;gap:34px;align-items:center;padding-block:48px}
.mkhero h1{font-size:clamp(30px,4.2vw,50px);font-weight:900;letter-spacing:-.04em}
.mkhero__st{display:flex;flex-direction:column;gap:10px}
.mkhero__st div{display:flex;align-items:baseline;gap:11px;background:var(--surf);
  border:1px solid var(--line);border-radius:var(--r);padding:12px 16px}
.mkhero__st b{font-size:24px;font-weight:800;color:var(--go);min-width:58px}
.mkhero__st span{font-size:12.5px;color:var(--tx2)}
.catchips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.mklist{display:flex;flex-direction:column;gap:9px}
.mk{background:var(--surf);border:1px solid var(--line);border-radius:var(--r2);
  overflow:hidden;transition:.16s;scroll-margin-top:100px}
.mk.is-open{border-color:var(--line2)}
.mk__top{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;
  width:100%;padding:15px 17px;text-align:start}
.mk__top:hover{background:var(--surf2)}
.mk__lvl{font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:99px;white-space:nowrap}
.l1{background:rgba(61,220,151,.15);color:var(--g)}
.l2{background:rgba(255,179,64,.15);color:var(--go)}
.l3{background:rgba(255,95,86,.15);color:var(--red)}
.mk__ttl{display:flex;flex-direction:column;gap:3px;min-width:0}
.mk__ttl b{font-size:15.5px;font-weight:700}
.mk__ttl em{font-style:normal;font-size:12.5px;color:var(--tx2)}
.mk__cat{font-size:11px;color:var(--tx3);white-space:nowrap}
.mk__x{font-style:normal;font-size:20px;color:var(--go);transition:.2s}
.mk.is-open .mk__x{transform:rotate(45deg)}
.mk__body{padding:16px 17px 17px;border-top:1px solid var(--line)}
.mk__body h4{font-size:12px;color:var(--tx3);font-weight:700;margin-bottom:6px;letter-spacing:.03em}
.mk__def p{font-size:13.5px;line-height:1.85;color:var(--tx2)}
.mk__ex{margin-top:16px;background:var(--bg2);border:1px solid var(--line);
  border-radius:var(--r);padding:14px}
.exq{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.exq span{font-size:11px;color:var(--tx3)}
.exq b{font-family:var(--fm);font-size:13.5px;color:var(--go);font-weight:700}
.mk__ex p{font-size:13px;color:var(--tx2);line-height:1.8}
.mk__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}
.mkc{border-radius:var(--r);padding:13px;border-inline-start:3px solid var(--line2);background:var(--surf2)}
.mkc p{font-size:12.5px;color:var(--tx2);line-height:1.75}
.mkc--ok{border-inline-start-color:var(--g)}
.mkc--no{border-inline-start-color:var(--red)}
.mkc--tip{border-inline-start-color:var(--go)}

.mist{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mis{background:var(--surf);border:1px solid var(--line);border-radius:var(--r2);padding:20px}
.mis>b{font-family:var(--fm);font-size:12px;font-weight:800;color:var(--red);
  border:1px solid var(--red);width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;margin-bottom:12px}
.mis h3{font-size:16.5px;margin-bottom:8px}
.mis p{font-size:13px;color:var(--tx2);line-height:1.8}
.mis__l{display:inline-block;margin-top:12px;font-size:12.5px;font-weight:700;color:var(--go)}
.mis__l:hover{text-decoration:underline}

.mkcta{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.mkcta h2{font-size:27px;margin-bottom:12px}
.mkcta>div>p{font-size:15px;color:var(--tx2);margin-bottom:22px;max-width:52ch}
.mkcta b{color:var(--go)}
.mkcta__box{background:var(--surf);border:1px solid var(--line);border-radius:var(--r2);padding:20px}
.mkcta__box h3{font-size:15px;margin-bottom:12px}
.mkcta__box ul{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.mkcta__box li{font-size:12px;color:var(--tx2);position:relative;padding-inline-start:15px}
.mkcta__box li::before{content:"";position:absolute;inset-inline-start:0;top:8px;width:5px;height:5px;
  border-radius:50%;background:var(--g)}

/* ═══════ RESPONSIVE ═══════ */
@media(max-width:1250px){
  .lv__grid{grid-template-columns:200px minmax(0,1fr) 340px;gap:12px}
}
@media(max-width:1100px){
  .lv__grid{grid-template-columns:minmax(0,1fr)}
  .lv__side{position:static;flex-direction:row;flex-wrap:wrap}
  .lv__side .side__box{flex:1;min-width:240px}
  .side__promo{display:none}
  .lv__detail{position:static;max-height:none}
  .mkhero__in,.mkcta{grid-template-columns:1fr}
  .mkhero__st{flex-direction:row;flex-wrap:wrap}
  .mkhero__st div{flex:1;min-width:150px}
  .mk__grid,.mist{grid-template-columns:1fr}
}
@media(max-width:860px){
  .side__lgs{flex-direction:row;flex-wrap:wrap}
  .lgrow{width:auto;border:1px solid var(--line);border-radius:99px;padding:6px 12px}
  .lgrow.is-on{box-shadow:none;border-color:var(--go)}
  .lgrow__n{flex-direction:row;align-items:baseline;gap:6px}
  .mrow{grid-template-columns:50px minmax(0,1fr) 30px;row-gap:8px}
  .mrow__o{grid-column:1/-1}
  .mo{flex:1}
  .mk__top{grid-template-columns:auto 1fr auto;gap:10px}
  .mk__cat{display:none}
  .mkcta__box ul{grid-template-columns:1fr}
}
@media(max-width:560px){
  .lv__side .side__box{min-width:100%}
  .h2r{grid-template-columns:auto 1fr auto}
  .h2r__c{display:none}
}

/* نوار وضعیت منبع داده */
.lv__srcbar{padding:7px 14px;border-bottom:1px solid var(--line);background:var(--bg2)}
.lv__src{font-size:11px;color:var(--tx3);display:inline-flex;align-items:center;gap:6px}
.lv__src::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tx3);flex-shrink:0}
.lv__src.ok{color:var(--g)}
.lv__src.ok::before{background:var(--g);animation:pl 2s infinite}
.lv__src.warn{color:var(--go)}
.lv__src.warn::before{background:var(--go)}