:root{
  --b365-green:#1a6b3c;
  --b365-green-dk:#145a30;
  --b365-green-lt:#228b47;
  --hdr-green:#1a472a;
  --section-green:#2e7d32;
  --sidebar-bg:#1e1e2d;
  --sidebar-item:#252538;
  --gold:#ffc107;
  --gold-hover:#ffd54f;
  --gold-dk:#c9a400;
  --page:#e8e8e8;
  --surface:#ffffff;
  --surface-2:#f5f5f5;
  --surface-3:#ebebeb;
  --blk:#141414;
  --coal:#2a2a2a;
  --iron:#efefef;
  --steel:#e2e2e2;
  --plate:#d5d5d5;
  --wire:#d0d0d0;
  --ash:#777;
  --fog:#555;
  --acid:var(--b365-green);
  --acid2:var(--b365-green-dk);
  --red:#c62828;
  --blue:#1565c0;
  --green:#1b5e20;
  --txt:#1a1a1a;
  --txt-on-header:#ffffff;
  --league-bar:var(--section-green);
  --rail-w:160px;
  --odd-cell-border:#c8c8c8;
  --odd-cell-bg:#f0f0f0;
  --slip-bar-h:46px;
  --fn-d:'Source Sans 3',system-ui,-apple-system,sans-serif;
  --fn-b:'Source Sans 3',system-ui,-apple-system,sans-serif;
  --fn-n:'Source Sans 3',system-ui,-apple-system,sans-serif;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{height:100%;height:-webkit-fill-available;background-color:#1a1a1a;}
html,body{min-height:100%;min-height:100dvh;min-height:100svh;overflow:hidden;}
body{background:var(--page);color:var(--txt);font-family:var(--fn-b);font-size:14px;-webkit-font-smoothing:antialiased;}
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-thumb{background:var(--b365-green-lt);border-radius:3px;}
::-webkit-scrollbar-track{background:var(--surface-3);}

/* ── LOGIN ─────────────────────────────────────────────────────── */
#loginScreen{position:fixed;inset:0;z-index:1000;background:linear-gradient(180deg,var(--hdr-green) 0%,#1a1a1a 100%);display:flex;align-items:center;justify-content:center;}
.login-box{width:380px;background:#fff;border:none;border-radius:8px;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.25);}
.login-logo{background:var(--hdr-green);padding:24px 20px 20px;text-align:center;border-bottom:none;}
.login-logo-t{font-family:var(--fn-d);font-size:28px;font-weight:900;color:#fff;letter-spacing:.02em;line-height:1;}
.login-logo-s{font-family:var(--fn-n);font-size:10px;font-weight:600;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.12em;margin-top:4px;}
.login-body{padding:24px 22px 26px;}
.lf{margin-bottom:14px;}
.lf label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:5px;}
.li{width:100%;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#1a1a1a;font-family:var(--fn-b);font-size:14px;padding:11px 12px;outline:none;transition:border .15s,box-shadow .15s;}
.li:focus{border-color:var(--section-green);box-shadow:0 0 0 2px rgba(46,125,50,.15);}
.login-btn{width:100%;background:var(--section-green);color:#fff;border:none;border-radius:4px;font-family:var(--fn-d);font-size:15px;font-weight:800;letter-spacing:.04em;padding:12px;cursor:pointer;margin-top:6px;transition:filter .15s,transform .1s;box-shadow:none;}
.login-btn:hover{filter:brightness(1.08);}
.login-btn:active{transform:translateY(1px);box-shadow:none;}
.login-err{color:var(--red);font-size:12px;margin-top:10px;font-family:var(--fn-n);font-weight:700;text-align:center;min-height:18px;}
.login-note{color:var(--ash);font-size:11px;text-align:center;margin-top:16px;font-family:var(--fn-n);line-height:1.4;}
.lang-sel{width:100%;background:var(--surface-2);border:1px solid var(--wire);border-radius:3px;color:var(--txt);font-family:var(--fn-b);font-size:14px;padding:10px 12px;outline:none;}
.lang-sel:focus{border-color:var(--b365-green);box-shadow:0 0 0 2px rgba(18,110,81,.15);}

/* ── HEADER ────────────────────────────────────────────────────── */
#appScreen{position:fixed;inset:0;z-index:1;display:none;flex-direction:column;min-height:100%;min-height:100dvh;min-height:100svh;min-height:-webkit-fill-available;background:#e8e8e8;}
header{height:46px;background:var(--hdr-green);display:flex;align-items:center;flex-shrink:0;z-index:50;position:relative;padding:0;}
.logo-blk{display:none;}
.logo-t{display:none;}
.logo-s{display:none;}
.h-nav{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:100%;}
.hnav{background:none;border:none;color:rgba(255,255,255,.85);font-family:var(--fn-n);font-size:13px;font-weight:700;text-transform:none;letter-spacing:.02em;padding:0 20px;height:100%;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s,background .15s;}
.hnav:hover{color:#fff;background:rgba(255,255,255,.08);}
.hnav.act{color:#fff;border-bottom-color:#fff;font-weight:800;}
.h-right{margin-left:auto;display:flex;align-items:center;gap:10px;padding:0 14px 0 8px;}
.bal-pill{display:flex;align-items:center;background:none;border:none;padding:0;}
.bal-lbl{display:none;}
.bal-val{font-family:var(--fn-d);font-size:14px;font-weight:700;color:#fff;white-space:nowrap;}
.user-pill{display:flex;align-items:center;gap:0;background:none;border:none;cursor:pointer;position:relative;padding:0;}
.user-pill:hover{opacity:.85;}
.user-ico{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0;}
.user-name{display:none;}
.user-role-lbl{display:none;}
.slip-tog{display:none;}
.slip-badge{display:none;}

/* ── LAYOUT: left rail (sports + leagues) + center + betslip ───── */
.layout-work{display:flex;flex:1 1 0;min-height:0;overflow:hidden;flex-direction:row;}
.left-rail{display:flex;flex-direction:column;min-height:0;flex-shrink:0;width:var(--rail-w);background:var(--sidebar-bg);border-right:1px solid #333;overflow:hidden;}
.sidebar-top-tabs{display:flex;background:#181828;border-bottom:1px solid #333;}
.sidebar-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;background:none;border:none;color:rgba(255,255,255,.55);font-family:var(--fn-n);font-size:9px;font-weight:700;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;}
.sidebar-tab:hover{color:rgba(255,255,255,.8);}
.sidebar-tab.active{color:#fff;border-bottom-color:var(--b365-green-lt);}
.sidebar-tab-ico{font-size:16px;}
.sidebar-search{padding:8px;background:var(--sidebar-bg);}
.sidebar-search-inp{width:100%;background:#2a2a3e;border:1px solid #3a3a4e;border-radius:4px;color:#fff;font-family:var(--fn-n);font-size:12px;padding:8px 10px 8px 30px;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:9px center;}
.sidebar-search-inp:focus{border-color:var(--b365-green-lt);}
.sidebar-search-inp::placeholder{color:#666;}
.sport-rail-head{display:none;}
.srh-txt{display:none;}
.center-col{display:flex;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;overflow:hidden;}

/* ── SPORT NAV (sidebar list) ──────────────────────────────────── */
.sport-nav{background:var(--sidebar-bg);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;flex:1 1 0;min-height:0;padding:0;scrollbar-width:thin;}
.sport-nav::-webkit-scrollbar{width:4px;}
.sport-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:2px;}
.match-search-row{display:none;align-items:center;gap:8px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--wire);flex-shrink:0;}
.match-search-inp{flex:1;min-width:0;max-width:520px;background:var(--surface);border:1px solid var(--wire);border-radius:3px;color:var(--txt);font-family:var(--fn-b);font-size:13px;padding:9px 12px;outline:none;}
.match-search-inp:focus{border-color:var(--b365-green);}
.match-search-inp::placeholder{color:var(--ash);}
.match-search-clear{background:var(--surface);border:1px solid var(--wire);border-radius:3px;color:var(--ash);font-size:14px;line-height:1;width:36px;height:36px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;}
.match-search-clear:hover{border-color:var(--b365-green);color:var(--b365-green);}
.match-search-hint{display:none;}
.sp-btn{width:100%;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.8);font-family:var(--fn-n);font-size:12px;font-weight:600;padding:10px 10px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .12s;text-align:left;border-radius:0;}
.sp-btn:hover{background:rgba(255,255,255,.05);color:#fff;}
.sp-btn.act{background:rgba(42,125,75,.25);color:#fff;font-weight:700;border-left:3px solid var(--b365-green-lt);padding-left:7px;}
.sp-btn .sp-fav{margin-left:auto;font-size:14px;opacity:.35;cursor:pointer;flex-shrink:0;}
.sp-btn:hover .sp-fav{opacity:.7;}
.sp-cnt{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);font-size:9px;border-radius:3px;padding:2px 6px;font-weight:700;margin-left:auto;}
.sp-lcnt{background:rgba(198,40,40,.55);color:#fff;font-size:9px;border-radius:3px;padding:2px 5px;font-weight:800;}
/* Bottom slip bar */
.slip-bar{position:fixed;bottom:0;left:0;right:0;height:var(--slip-bar-h);background:var(--hdr-green);display:flex;align-items:center;padding:0 16px;gap:10px;z-index:100;cursor:pointer;box-shadow:0 -2px 12px rgba(0,0,0,.2);}
.slip-bar-badge{width:22px;height:22px;border-radius:50%;background:var(--gold);color:#000;font-family:var(--fn-d);font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.slip-bar-label{color:#fff;font-family:var(--fn-d);font-size:14px;font-weight:700;flex:1;}
.slip-bar-odds{color:var(--gold);font-family:var(--fn-d);font-size:14px;font-weight:800;}
.slip-bar-close{color:rgba(255,255,255,.6);font-size:18px;padding:4px;cursor:pointer;}
.slip-bar-close:hover{color:#fff;}

/* ── LEAGUE SIDEBAR (under sports in left rail on desktop) ─────── */
.league-side{width:0;min-width:0;flex-shrink:0;background:var(--sidebar-bg);border-top:1px solid #333;display:none;flex-direction:column;overflow-y:auto;overflow-x:hidden;}
.league-side.open{display:flex;min-width:0;width:100%!important;flex:1 1 0;}
.lb-top{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.6);padding:10px 10px 8px;background:rgba(0,0,0,.15);border-bottom:1px solid #333;}
.lb-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;text-align:left;color:rgba(255,255,255,.75);font-family:var(--fn-n);font-size:11px;transition:background .1s;}
.lb-item:hover{background:rgba(255,255,255,.05);color:#fff;}
.lb-item.act{background:rgba(42,125,75,.2);color:#fff;border-left:3px solid var(--b365-green-lt);padding-left:7px;font-weight:700;}
.lb-glob{opacity:.5;flex-shrink:0;}
.lb-txt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;letter-spacing:.01em;}
.lb-n{font-size:9px;color:rgba(255,255,255,.5);background:rgba(255,255,255,.08);padding:2px 6px;border-radius:3px;flex-shrink:0;font-weight:700;}
.main-content{flex:1 1 0;overflow-y:auto;overflow-x:hidden;min-width:0;min-height:0;background:#e8e8e8;padding:0;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;}
.main-content.has-slip-bar{padding-bottom:calc(var(--slip-bar-h) + 8px);}
.right-slip{display:none;background:var(--surface);flex-direction:column;overflow:hidden;box-shadow:-2px 0 12px rgba(0,0,0,.06);}

@media (max-width:1023px){}
@media (min-width:1024px){
  .m-lb-btn{display:none !important;}
  .layout-work{flex-direction:row;align-items:stretch;}
  .left-rail{
    width:var(--rail-w);flex-shrink:0;border-right:1px solid #333;
  }
  .left-rail .league-side.open{
    width:100% !important;min-width:0 !important;flex:1 1 0;min-height:0;border-right:none;
  }
  .center-col{border-right:none;}
}
/* League blocks + table rows */
.lg-block{
  margin-bottom:0;border:none;border-radius:0;
  overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;
  background:#fff;
}
.lg-hd{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--section-green);font-family:var(--fn-n);font-size:12px;font-weight:700;color:#fff;border:none;}
.lg-hd-ico{flex-shrink:0;}
.lg-hd-txt{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;}
.lg-hd-name{line-height:1.25;}
.lg-hd-day{font-size:10px;font-weight:600;color:rgba(255,255,255,.75);letter-spacing:.04em;text-transform:uppercase;}
.lg-hd-cnt{margin-left:auto;font-size:10px;color:#fff;background:rgba(0,0,0,.18);padding:3px 8px;border-radius:3px;flex-shrink:0;font-weight:700;}
/** Match table grid */
.lg-ch{
  display:grid;
  grid-template-columns:54px minmax(0,1.5fr) 44px minmax(140px,1fr) 30px;
  column-gap:6px;align-items:center;
  padding:4px 10px;background:#e8e8e8;border-bottom:1px solid #ddd;
  font-family:var(--fn-n);
}
.lg-ch-cell{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#888;}
.lg-ch-hash{text-align:left;}
.lg-ch-teams-h{text-align:left;}
.lg-ch-st{display:none;}
.lg-ch-sc{text-align:center;}
.lg-ch-exp{text-align:center;color:#999;font-size:10px;}
.lg-ch-odds{justify-self:end;min-width:0;width:100%;max-width:260px;}
.mtr-odds-hdr{display:grid;gap:3px;align-items:center;width:100%;}
.mtr-odds-hdr span{text-align:center;font-size:10px;font-weight:800;color:#888;letter-spacing:.04em;text-transform:uppercase;}
.mtr-odds-hdr .hdr-spacer{min-width:12px;visibility:hidden;}
.mtr-odds-hdr.h3{grid-template-columns:repeat(3,minmax(0,1fr));}
.mtr-odds-hdr.h2{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);}
.lg-rows{overflow-x:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:0;padding:0;}
.mtr-block{border:none;border-radius:0;background:#fff;overflow:visible;border-bottom:1px solid #e0e0e0;}
.mtr-block:nth-child(even){background:#fafafa;}
.mtr.mtr-compact{
  display:grid;
  grid-template-columns:54px minmax(0,1.5fr) 44px minmax(140px,1fr) 30px;
  column-gap:6px;align-items:center;
  padding:8px 10px;
  width:100%;min-width:0;
  cursor:pointer;
  user-select:none;
  border-bottom:none;
}
.mtr-compact[title]{outline:none;}
.mtr-compact.phase-live{background:rgba(198,40,40,.04);}
.mtr-compact.phase-finished{opacity:.85;}
.mtr-compact.phase-live,.mtr-compact.phase-upcoming,.mtr-compact.phase-finished{border-left:none;}
.mtr-toggle{
  width:26px;height:28px;border:none;border-radius:3px;background:#e8e8e8;color:var(--section-green);
  font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:transform .2s,background .15s;flex-shrink:0;padding:0;
}
.mtr-toggle:hover{background:#d0d0d0;}
.match-detail{padding:0 0 20px;background:#e8e8e8;}
.match-detail .md-topbar{padding:8px 12px 4px;max-width:960px;margin:0 auto;}
.md-back{
  background:#e8e8e8;border:1px solid #ccc;color:#333;padding:8px 14px;cursor:pointer;
  border-radius:4px;font-size:13px;font-weight:700;font-family:var(--fn-n);
}
.md-back:hover{background:#ddd;}
.match-detail .md-info{
  text-align:center;padding:12px 14px 16px;margin:0 auto 0;max-width:960px;border-bottom:1px solid #ddd;background:#fff;
}
.match-detail .md-meta{font-size:12px;color:#777;margin-bottom:8px;line-height:1.5;}
.match-detail .md-teams{
  font-size:clamp(16px,3.5vw,24px);font-weight:800;color:#1a1a1a;line-height:1.3;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;
}
.match-detail .md-vs{color:#999;font-weight:700;font-size:clamp(12px,2vw,16px);}
.match-detail .md-scoreline{margin-top:8px;font-size:clamp(20px,4vw,30px);font-weight:900;color:var(--section-green);}
.match-detail .md-team-ico{width:28px;height:28px;}
.match-detail .md-markets-stack{max-width:960px;margin:0 auto;padding:0;}
.match-detail .md-markets-stack .match-stats-bar{justify-content:center;border-top:none;margin-top:0;padding-top:0;}
.md-layout{display:flex;gap:0;align-items:flex-start;flex-direction:column;}
.md-markets{flex:1;min-width:0;width:100%;}
.md-side{width:100%;display:flex;flex-direction:column;align-items:stretch;}
@media (min-width:900px){
  .md-layout{flex-direction:row;gap:16px;}
  .md-side{flex:0 0 42%;max-width:420px;min-width:260px;width:auto;}
}
.match-detail .md-sec{
  margin-bottom:0;background:#fff;border:none;border-radius:0;padding:14px 14px 16px;border-bottom:1px solid #e0e0e0;
}
.match-detail .md-sec-t{
  font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin:0 0 12px;
  background:var(--section-green);padding:8px 12px;margin:-14px -14px 14px;border-radius:0;
}
.match-detail .md-markets-stack .mtr-odds-main{gap:8px;}
.match-detail .md-markets-stack .mtr-odds-ex-pair{gap:8px;}
.match-detail .md-markets-stack .ocell{
  min-height:48px;padding:10px 8px;border-radius:4px;max-width:none;min-width:0;
}
.match-detail .md-markets-stack .ocell-l{font-size:10px !important;line-height:1.2;}
.match-detail .md-markets-stack .ocell-v{font-size:16px !important;}
.match-detail .md-markets-stack .mtr-odds-line-hdr{font-size:10px;margin-bottom:6px;color:#888;}
.match-detail .extra-markets{
  background:#fff;border:none;border-radius:0;padding:12px;margin-top:0;border-bottom:1px solid #e0e0e0;
}
.match-detail .em-tabs{gap:6px;padding:4px 0 10px;}
.match-detail .em-tab{font-size:10px;padding:8px 12px;font-weight:700;background:#e8e8e8;color:#555;border:1px solid #ddd;}
.match-detail .em-tab-active{background:var(--section-green);color:#fff;border-color:var(--section-green);}
.match-detail .em-panel{gap:8px;}
.match-detail .em-panel .ocell{min-height:46px;max-width:none;}
/* Match detail breadcrumb tabs */
.md-market-tabs{display:flex;gap:0;overflow-x:auto;background:#fff;border-bottom:1px solid #e0e0e0;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0;}
.md-market-tabs::-webkit-scrollbar{display:none;}
.md-market-tab{padding:10px 14px;font-family:var(--fn-n);font-size:11px;font-weight:700;color:#555;cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;white-space:nowrap;transition:all .12s;flex-shrink:0;}
.md-market-tab:hover{color:#1a1a1a;background:#f5f5f5;}
.md-market-tab.active{color:var(--section-green);border-bottom-color:var(--section-green);font-weight:800;}
.md-sec-all{padding:0;border:none;background:transparent;}
.md-sec-all .am-wrap-detail{border:none;border-radius:0;background:#fff;overflow:hidden;border-bottom:1px solid #e0e0e0;}
.md-sec-all .am-wrap-detail > .am-sum{
  list-style:none;cursor:pointer;font-size:13px;font-weight:700;color:var(--section-green);padding:12px 14px;letter-spacing:.02em;
}
.md-sec-all .am-wrap-detail > .am-sum::-webkit-details-marker{display:none;}
.md-sec-all .am-wrap-detail .am-body{
  max-height:none;overflow:visible;margin-top:0;padding:0 14px 16px;display:flex;flex-direction:column;gap:12px;
}
.md-sec-all .am-wrap-detail .am-mkt{
  background:#f8f8f8;border:1px solid #e0e0e0;border-radius:6px;padding:12px 12px 14px;
}
.md-sec-all .am-wrap-detail .am-mkt-t{
  font-size:13px;font-weight:700;color:#1a1a1a;text-transform:none;letter-spacing:.01em;margin-bottom:10px;line-height:1.35;
}
.md-sec-all .am-wrap-detail .am-mkt-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;align-items:stretch;
}
.md-sec-all .am-wrap-detail .am-mkt-grid .ocell{
  min-width:0;max-width:none;width:100%;min-height:50px;padding:8px 6px;border-radius:4px;
}
.md-sec-all .am-wrap-detail .am-mkt-grid .ocell-l{
  font-size:10px !important;line-height:1.25;word-break:break-word;
}
.md-sec-all .am-wrap-detail .am-mkt-grid .ocell-v{font-size:16px !important;}
@media (max-width:420px){
  .md-sec-all .am-wrap-detail .am-mkt-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:5px;}
}
.md-sec-all .am-wrap:not(.am-wrap-detail){border:1px solid #e0e0e0;border-radius:6px;background:#fff;padding:0;overflow:hidden;}
.md-sec-all .am-wrap:not(.am-wrap-detail) .am-sum{padding:12px 14px;cursor:pointer;font-weight:700;color:var(--section-green);}
.md-sec-all .am-wrap:not(.am-wrap-detail) .am-body{padding:0 14px 14px;}
.mtr-odds-h2h .ocell{
  background:var(--hdr-green);box-shadow:none;min-height:38px;
}
.mtr-odds-h2h .ocell:hover{background:#1f5c36;}
.mtr-odds-h2h .ocell.sel{background:#2a7d44;box-shadow:inset 0 0 0 2px var(--gold);}
.mtr-odds-h2h .ocell-l{color:rgba(255,255,255,.65) !important;}
.mtr-odds-h2h .ocell-v{color:var(--gold) !important;}
.mtr-odds-h2h .ocell-empty,.mtr-odds-h2h .ocell-na{
  min-height:38px !important;background:#e0e0e0 !important;box-shadow:none !important;
  color:#999 !important;font-size:13px;font-weight:700;font-family:var(--fn-d);
  display:flex !important;align-items:center !important;justify-content:center !important;border:none !important;
}
.mtr-odds-h2h .ocell-na{min-width:8px !important;max-width:14px !important;padding:0 !important;background:transparent !important;}
.mtr-odds-more-col .mtr-odds-more{padding:0;}
.mtr-more-hd{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#888;margin:0 0 10px;}
.md-markets .mtr-odds-line-hdr{color:#888;}
.md-markets .ocell,
.md-markets .mtr-odds-more .ocell,
.md-markets .am-mkt-grid .ocell{
  background:var(--hdr-green) !important;box-shadow:none !important;border:none !important;
}
.md-markets .ocell-v{color:var(--gold) !important;}
.md-markets .ocell-l{color:rgba(255,255,255,.65) !important;}
.md-markets .ocell:hover{background:#1f5c36 !important;}
.md-markets .extra-markets{background:#fff;border-color:#e0e0e0;}
.md-markets .em-tab{background:#e8e8e8;color:#555;border-color:#ddd;}
.md-markets .em-tab-active{background:var(--section-green);color:#fff;border-color:var(--section-green);}
.mtr-left{min-width:0;display:flex;flex-direction:column;gap:2px;font-size:10px;font-family:var(--fn-n);color:#888;}
.mtr-id{font-weight:700;color:#999;font-variant-numeric:tabular-nums;font-size:9px;}
.mtr-time{color:#555;font-size:11px;font-weight:700;}
.mtr-names{min-width:0;display:flex;flex-direction:column;gap:3px;overflow:hidden;justify-content:center;}
.mtr-home,.mtr-away{font-size:12px;font-weight:700;font-family:var(--fn-b);color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;}
.mtr-away{opacity:.85;}
.mtr-name-missing{color:#999;font-weight:600;font-style:italic;}
.match-score{font-weight:800;font-size:1.05rem;color:var(--section-green);margin:2px 0 0;letter-spacing:0.02em;font-family:var(--fn-d);line-height:1.2;min-height:1.2em;}
.match-score.mtr-sc-flash{animation:mtrScFlash .45s ease}
.match-time{font-size:11px;color:#555;font-family:var(--fn-n);display:block;margin-bottom:2px;}
.mtr-status{display:none;}
.mtr-badge{display:inline-block;font-size:8px;font-family:var(--fn-n);font-weight:800;letter-spacing:.08em;padding:4px 8px;border-radius:3px;text-transform:uppercase;white-space:nowrap;line-height:1;}
.mtr-badge-live{background:#c62828;color:#fff;border:none;font-size:8px;padding:3px 6px;}
.mtr-badge-finished{background:rgba(27,94,32,.1);color:var(--green);border:1px solid rgba(27,94,32,.3);}
.mtr-badge-upcoming{background:#e8e8e8;color:#888;border:1px solid #ccc;}
.mtr-badge-unknown{background:#e8e8e8;color:#888;border:1px solid #ccc;}
.bc-feed{display:flex;align-items:center;gap:8px;margin:-2px 0 8px;font-size:9px;font-family:var(--fn-n);color:var(--ash);}
.bc-feed .mtr-badge{font-size:7px;padding:3px 7px;}
.bc-note{font-size:9px;color:var(--b365-green);font-family:var(--fn-n);font-weight:700;margin:-4px 0 8px;line-height:1.35;}
.mtr-sc{min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--fn-d);font-size:15px;font-weight:800;color:var(--section-green);line-height:1.1;justify-self:center;}
.mtr-sc.mtr-sc-dim{color:#999;font-size:11px;font-family:var(--fn-n);}
.mtr-sc-skip{visibility:hidden;user-select:none;pointer-events:none;font-size:0;line-height:0;}
.mtr-sc-inner.mtr-sc-flash{animation:mtrScFlash .45s ease}
.mtr-sc-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1.2;}
.mtr-sc-stack .mtr-sc-h,.mtr-sc-stack .mtr-sc-a{
  font-size:13px;
  font-weight:800;
  font-family:var(--fn-b);
  font-variant-numeric:tabular-nums;
  color:var(--section-green);
  min-height:1.2em;
  line-height:1.2;
}
.mtr-sc-stack .mtr-sc-a{opacity:.85;}
@keyframes mtrScFlash{0%{color:var(--gold);filter:brightness(1.35)}100%{color:var(--section-green);filter:brightness(1)}}
.mtr-odds{display:flex;flex-direction:column;align-items:stretch;gap:4px;justify-self:end;min-width:0;width:100%;max-width:min(280px,100%);}
.mtr-odds-row{display:flex;align-items:stretch;gap:2px;flex-wrap:nowrap;justify-content:stretch;width:100%;}
.mtr-odds-main{display:grid;gap:2px;align-items:stretch;width:100%;}
.mtr-odds-main.om-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.mtr-odds-main.om-2{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);}
.mtr-odds-ex{display:grid;gap:4px;width:100%;align-items:stretch;}
.mtr-odds-ex.mtr-odds-ex-pair{grid-template-columns:repeat(2,minmax(0,1fr));}
.mtr-odds-ex.mtr-odds-ex-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.mtr-odds-ex.mtr-odds-ex-grid.og2{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);}
.mtr-odds-line-hdr {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ash);
  font-family: var(--fn-n);
  margin: 0;
  padding: 0 1px;
}
.mtr-odds-ex .ocell{min-width:0;max-width:none;width:100%;box-sizing:border-box;}
.team-badge{width:20px;height:20px;object-fit:contain;margin-right:6px;vertical-align:middle;}
.match-league{font-size:0.72rem;color:#777;text-transform:uppercase;letter-spacing:0.04em;display:block;margin-top:2px;}
.no-live-msg{text-align:center;padding:30px 20px;color:#888;font-size:13px;background:#fff;}
.no-live-msg>span:first-child{font-size:1.2rem;display:block;margin-bottom:8px;}
.no-live-msg p{margin:4px 0;}
.ocell{
  min-width:36px;max-width:none;padding:6px 4px;border-radius:2px;
  border:none;
  background:var(--hdr-green);
  cursor:pointer;text-align:center;
  transition:background .12s,box-shadow .1s;
  box-shadow:none;
  display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:38px;
}
.ocell:hover{background:#1f5c36;}
.ocell.sel{background:#2a7d44;box-shadow:inset 0 0 0 2px var(--gold);}
.ocell-empty,.ocell-na{min-width:36px;cursor:default;background:transparent;box-shadow:none;min-height:0;}
.ocell-na{min-width:10px;}
.ocell.disabled{opacity:.35;cursor:not-allowed;pointer-events:none;}
.ocell-l{display:block;font-size:9px;font-weight:700;color:rgba(255,255,255,.7);text-transform:none;letter-spacing:.01em;line-height:1.1;}
.ocell-v{display:block;font-family:var(--fn-d);font-size:13px;font-weight:800;color:var(--gold);letter-spacing:-.01em;line-height:1.15;}
.ocell.sel .ocell-v{color:#fff;}
.ocell.tot{cursor:default;border:1px dashed #555;}
.ocell.tot .tot-val{display:block;font-family:var(--fn-d);font-size:13px;color:var(--gold);margin-top:2px;}
.match-stats-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px 0 2px;
  font-size: 0.72rem;
  color: var(--text-muted, var(--ash));
  border-top: 1px solid var(--wire);
  margin-top: 2px;
}
.match-stats-bar .stat-item { white-space: nowrap; }
.match-stats-bar .stat-yellow { color: #f5c542; }
.match-stats-bar .stat-red    { color: #e55; }
.match-stats-odds-hint {
  font-size: 0.62rem;
  color: var(--fog, #9aa);
  opacity: 0.92;
  padding: 2px 0 4px;
  line-height: 1.35;
}
.match-stats-odds-hint .stat-odd-hint { cursor: help; }
.am-wrap {
  width: 100%;
  margin-top: 6px;
  border-top: 1px solid var(--wire);
  padding-top: 4px;
}
.am-sum {
  cursor: pointer;
  list-style: none;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ash);
  font-family: var(--fn-n);
}
.am-sum::-webkit-details-marker { display: none; }
.am-body {
  max-height: 320px;
  overflow-y: auto;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 2px;
}
.am-mkt-t {
  font-size: 8px;
  font-weight: 700;
  color: var(--fog);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
  line-height: 1.3;
}
.am-mkt-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: stretch;
}
.am-mkt-grid .ocell {
  min-width: 44px;
  max-width: 72px;
}
.extra-markets {
  border-top: 1px solid var(--wire);
  padding: 8px 6px 6px;
  width: 100%;
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: var(--surface-2);
  border-radius: 4px;
  border: 1px solid var(--wire);
}
.em-tabs {
  display: flex;
  gap: 6px;
  padding: 6px 6px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  background: var(--surface-3);
  border-radius: 4px;
  border: 1px solid var(--wire);
}
.em-tab {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 6px 11px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: var(--surface);
  color: var(--fog);
  cursor: pointer;
  font-family: var(--fn-n);
  transition: background 0.12s, color 0.12s, border-color 0.12s;
}
.em-tab:hover {
  color: var(--txt);
  border-color: rgba(18,110,81,0.35);
  background: rgba(18,110,81,0.06);
}
.em-tab-active {
  background: var(--b365-green);
  color: #fff;
  border-color: transparent;
}
.em-tab-active:hover {
  color: #fff;
  border-color: transparent;
}
.em-panel {
  display: none;
  gap: 6px;
  align-items: stretch;
  padding-top: 0;
  width: 100%;
}
.em-panel-cols3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.em-panel-cols2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.em-panel-cols1 {
  grid-template-columns: minmax(0, 1fr);
}
.em-panel .ocell {
  min-width: 0;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  min-height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media(max-width:900px){
  .league-side.open{width:min(200px,40vw);min-width:160px;}
}

/* ── HERO / SECTION HEADERS ────────────────────────────────────── */
.hero{
  min-height:40px;background:var(--section-green);
  display:flex;align-items:center;padding:8px 14px;gap:10px;position:relative;overflow:hidden;flex-shrink:0;margin:0;border:none;
}
.hero::after{display:none;}
.ref-btn,.hero-live{position:relative;z-index:1;}
.hero-ico{font-size:20px;}
.hero-title{font-family:var(--fn-d);font-size:15px;font-weight:700;color:#fff;letter-spacing:.01em;}
.hero-sub{font-family:var(--fn-n);font-size:10px;font-weight:600;color:rgba(255,255,255,.7);text-transform:none;letter-spacing:.02em;border:none;border-radius:0;padding:0;background:none;}
.hero-live{margin-left:auto;display:flex;align-items:center;gap:6px;font-family:var(--fn-d);font-size:13px;font-weight:800;color:#ff6b6b;}
.ref-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:3px;color:#fff;font-family:var(--fn-n);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;cursor:pointer;transition:all .12s;margin-left:8px;}
.ref-btn:hover{background:rgba(255,255,255,.25);}

/* ── SECTION ───────────────────────────────────────────────────── */
.sec{padding:0;}
.sec-hd{display:flex;align-items:center;gap:8px;font-family:var(--fn-n);font-size:13px;font-weight:700;color:#fff;letter-spacing:.01em;margin:0;padding:8px 14px;border:none;background:var(--section-green);}
.live-tag{background:var(--red);color:#fff;font-family:var(--fn-n);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:2px 6px;border-radius:2px;display:flex;align-items:center;gap:3px;}
.up-tag{background:rgba(255,255,255,.15);color:#fff;border:none;font-family:var(--fn-n);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:2px 6px;border-radius:2px;display:flex;align-items:center;gap:3px;}
.upcoming-banner{display:flex;align-items:center;gap:10px;padding:0;margin:0;font-family:var(--fn-n);font-size:13px;font-weight:700;color:#fff;background:var(--section-green);}
.upcoming-banner .up-sub{font-size:10px;font-family:var(--fn-n);font-weight:600;color:rgba(255,255,255,.7);letter-spacing:.02em;text-transform:none;}
.matches{display:flex;flex-direction:column;gap:0;}
.dot{width:6px;height:6px;border-radius:50%;background:var(--red);display:inline-block;animation:blink 1.1s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}
/* Sport icons bar */
.sport-icons-bar{display:flex;gap:4px;padding:10px 12px;overflow-x:auto;background:#fff;border-bottom:1px solid #e0e0e0;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.sport-icons-bar::-webkit-scrollbar{display:none;}
.sport-icon-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px;padding:6px 4px;cursor:pointer;border-radius:6px;transition:background .12s;flex-shrink:0;}
.sport-icon-item:hover{background:#f0f0f0;}
.sport-icon-item.active{background:rgba(46,125,50,.1);}
.sport-icon-circle{width:40px;height:40px;border-radius:50%;background:#f5f5f5;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-size:20px;}
.sport-icon-item.active .sport-icon-circle{background:var(--section-green);border-color:var(--section-green);}
.sport-icon-label{font-family:var(--fn-n);font-size:9px;font-weight:600;color:#555;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px;}
.sport-icon-item.active .sport-icon-label{color:var(--section-green);font-weight:700;}
/* Featured matches carousel */
.featured-row{display:flex;gap:8px;padding:10px 12px;overflow-x:auto;background:#fff;border-bottom:1px solid #e0e0e0;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.featured-row::-webkit-scrollbar{display:none;}
.featured-card{min-width:180px;max-width:200px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:10px;cursor:pointer;flex-shrink:0;transition:box-shadow .15s;}
.featured-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);}
.fc-teams{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;}
.fc-team{font-family:var(--fn-b);font-size:11px;font-weight:700;color:#1a1a1a;display:flex;align-items:center;gap:6px;}
.fc-team-ico{font-size:14px;}
.fc-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#888;font-family:var(--fn-n);margin-bottom:8px;}
.fc-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
.fc-odd{background:var(--hdr-green);color:var(--gold);font-family:var(--fn-d);font-size:12px;font-weight:800;text-align:center;padding:5px 2px;border-radius:2px;cursor:pointer;}
.fc-odd:hover{background:#1f5c36;}
.fc-odd-lbl{font-size:8px;color:rgba(255,255,255,.6);font-weight:600;}
/* Countries / league list */
.countries-list{background:#fff;}
.country-row{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid #e8e8e8;cursor:pointer;transition:background .1s;}
.country-row:hover{background:#f5f5f5;}
.country-row.active{background:rgba(46,125,50,.08);color:var(--section-green);font-weight:700;}
.country-row.active .country-arrow{color:var(--section-green);}
.country-name{flex:1;font-family:var(--fn-n);font-size:13px;font-weight:600;color:#1a1a1a;}
.country-arrow{color:#999;font-size:14px;}

/* ── MATCH CARD ────────────────────────────────────────────────── */
.mc{background:var(--surface);border:1px solid var(--wire);border-left:3px solid var(--b365-green);border-radius:2px;overflow:hidden;transition:border-color .15s;box-shadow:0 1px 3px rgba(0,0,0,.05);}
.mc:hover{border-color:var(--b365-green-lt);}
.mc-hd{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:var(--surface-3);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ash);gap:6px;}
.mc-hd-left{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;}
.mc-bm{font-size:7px;color:var(--ash);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;}
.mc-live-chip{display:flex;align-items:center;gap:4px;color:var(--red);font-family:var(--fn-n);font-weight:700;font-size:9px;flex-shrink:0;}
.mc-time-chip{color:var(--fog);flex-shrink:0;}
.mc-body{display:flex;align-items:center;padding:8px 9px;gap:7px;}
.mc-teams{flex:1;min-width:0;}
.mc-row{display:flex;align-items:center;gap:3px;}
.mc-name{font-family:var(--fn-d);font-size:15px;font-weight:800;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:var(--txt);}
.mc-name.away{text-align:right;}
.mc-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:118px;gap:4px;flex-shrink:0;}
.mc-phase{font-family:var(--fn-d);font-size:13px;font-weight:800;letter-spacing:.04em;line-height:1;text-transform:uppercase;}
.mc-phase.live{color:var(--red);}
.mc-phase.finished{color:var(--green);}
.mc-phase.upcoming{color:var(--fog);}
.mc-sb{background:var(--surface-3);border:1px solid var(--wire);border-radius:3px;padding:3px 6px;display:flex;align-items:center;gap:4px;flex-shrink:0;}
.mc-sc{font-family:var(--fn-d);font-size:19px;font-weight:900;color:var(--b365-green);line-height:1;min-width:14px;text-align:center;}
.mc-sep{font-family:var(--fn-d);font-size:12px;color:var(--ash);}
.mc-vs{font-family:var(--fn-d);font-size:15px;font-weight:800;color:var(--txt);padding:0 7px;flex-shrink:0;letter-spacing:.02em;}
.mc-vs-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;}
.mc-vs-sub{font-size:8px;color:var(--ash);font-family:var(--fn-n);text-transform:uppercase;letter-spacing:.4px;text-align:center;line-height:1.25;max-width:112px;}
.mc-odds{display:flex;gap:4px;width:240px;flex-shrink:0;}
.oc{flex:1;background:linear-gradient(180deg,#fff,#f2f5f4);border:1px solid #b8c5c0;border-radius:2px;padding:6px 3px;text-align:center;cursor:pointer;transition:all .12s;position:relative;overflow:hidden;}
.oc::before{content:'';position:absolute;inset:0;background:var(--b365-green);transform:scaleY(0);transform-origin:bottom;transition:transform .15s;opacity:.06;}
.oc:hover::before{transform:scaleY(1);}
.oc:hover{border-color:var(--b365-green);}
.oc.sel{border-color:var(--b365-green);background:rgba(18,110,81,.12);}
.oc.sel .ov{color:var(--b365-green-dk);}
.ol{font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ash);margin-bottom:1px;}
.ov{font-family:var(--fn-d);font-size:16px;font-weight:800;letter-spacing:.02em;color:var(--b365-green);}
@keyframes fup{0%,100%{}40%{color:var(--green)}}
@keyframes fdn{0%,100%{}40%{color:var(--red)}}
.fu{animation:fup .5s;}
.fd{animation:fdn .5s;}
.mc-ft{padding:8px 10px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--steel);}
.more-btn{background:var(--surface);border:1px solid var(--b365-green);border-radius:3px;color:var(--b365-green);font-family:var(--fn-n);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;cursor:pointer;padding:9px 16px;min-height:40px;transition:color .12s,background .12s,border-color .12s;}
.more-btn:hover{color:#fff;background:var(--b365-green);}

/* ── BET SLIP ──────────────────────────────────────────────────── */
.bs-hd{background:var(--hdr-green);color:#fff;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:10px;border-bottom:1px solid rgba(255,255,255,.1);}
.bs-hd-left{flex:1;min-width:0;display:flex;align-items:center;gap:8px;}
.bs-title{font-family:var(--fn-d);font-size:15px;font-weight:800;letter-spacing:.02em;}
.bs-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;background:var(--gold);color:#000;font-family:var(--fn-d);font-size:11px;font-weight:900;padding:0 5px;}
.bs-peek-sub{display:none;font-family:var(--fn-n);font-size:10px;font-weight:700;color:rgba(255,255,255,.82);margin-top:4px;line-height:1.3;letter-spacing:.02em;}
.bs-grab{display:none;}
.bs-close{background:none;border:none;cursor:pointer;font-size:20px;color:rgba(255,255,255,.7);font-weight:400;line-height:1;transition:color .15s;}
.bs-close:hover{color:#fff;}
.bs-tabs{display:none;}
.bs-tab{display:none;}
.bs-body{flex:1;overflow-y:auto;padding:8px;background:#f0f0f0;}
.bs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;gap:8px;color:var(--ash);font-family:var(--fn-n);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-align:center;}
.bs-empty .ei{font-size:32px;opacity:.25;}
.si{background:#fff;border:none;border-radius:6px;padding:10px 12px;margin-bottom:6px;box-shadow:0 1px 3px rgba(0,0,0,.08);position:relative;}
.si-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;}
.si-sel{font-family:var(--fn-d);font-size:13px;font-weight:800;flex:1;padding-right:8px;color:#1a1a1a;line-height:1.3;}
.si-rm{background:none;border:none;color:#bbb;cursor:pointer;font-size:14px;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s;}
.si-rm:hover{color:#fff;background:var(--red);}
.si-match{font-size:11px;color:#666;margin-bottom:6px;font-family:var(--fn-n);line-height:1.3;}
.si-or{display:flex;align-items:center;justify-content:space-between;}
.si-odd{font-family:var(--fn-d);font-size:15px;font-weight:900;color:var(--section-green);background:rgba(46,125,50,.08);padding:3px 10px;border-radius:4px;}
.si-sp{font-size:9px;color:#999;font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
.sk-row{display:flex;align-items:center;gap:6px;background:#fff;border-radius:6px;padding:8px 10px;box-shadow:0 1px 3px rgba(0,0,0,.08);}
.sk-lbl{font-size:16px;font-weight:800;color:var(--section-green);flex-shrink:0;}
.sk-inp{flex:1;background:transparent;border:none;border-bottom:2px solid var(--wire);border-radius:0;color:var(--txt);font-family:var(--fn-d);font-size:18px;font-weight:700;letter-spacing:.02em;padding:4px 2px;outline:none;width:100%;transition:border-color .15s;}
.sk-inp:focus{border-bottom-color:var(--b365-green);}
.si-ret{font-size:12px;color:var(--section-green);font-weight:700;margin-top:6px;text-align:right;font-family:var(--fn-n);background:#fff;border-radius:6px;padding:8px 10px;box-shadow:0 1px 3px rgba(0,0,0,.08);}
.acca-box{background:var(--hdr-green);border:none;border-radius:6px;padding:10px 12px;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;color:#fff;}
.acca-lbl{font-size:11px;font-weight:700;letter-spacing:.02em;color:rgba(255,255,255,.85);}
.acca-odd{font-family:var(--fn-d);font-size:20px;font-weight:900;color:var(--gold);}
.bs-foot{flex-shrink:0;border-top:none;padding:10px 8px 12px;background:#f0f0f0;}
.bs-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#888;margin-bottom:4px;font-family:var(--fn-n);font-weight:700;padding:0 4px;}
.bs-row span{color:#1a1a1a;}
.bs-row.hi span{color:var(--section-green);font-family:var(--fn-d);font-size:16px;font-weight:900;}
.place-btn{width:100%;background:var(--gold);color:#000;border:none;border-radius:6px;font-family:var(--fn-d);font-size:14px;font-weight:900;letter-spacing:.04em;padding:13px;cursor:pointer;transition:filter .15s,transform .1s;margin-top:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);text-transform:uppercase;}
.place-btn:hover{filter:brightness(1.06);}
.place-btn:active{transform:translateY(1px);}
.place-btn:disabled{opacity:.4;cursor:not-allowed;}
.place-btn.place-btn-off{opacity:.4;cursor:not-allowed;}
.place-btn.place-btn-off:hover{opacity:.4;}

/* ── MY BETS TABS ─────────────────────────────────────────────── */
.mybets-tabs{display:flex;background:#fff;border-bottom:2px solid var(--section-green);position:sticky;top:0;z-index:10;}
.mybets-tab{flex:1;padding:12px 16px;border:none;background:#fff;color:#666;font-family:var(--fn-d);font-size:13px;font-weight:700;cursor:pointer;position:relative;transition:all .15s;text-align:center;}
.mybets-tab:hover{color:#333;background:#f5f5f5;}
.mybets-tab.active{color:var(--section-green);font-weight:800;}
.mybets-tab.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--section-green);}
.mybets-tab-cnt{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:var(--section-green);color:#fff;font-size:10px;font-weight:800;padding:0 5px;margin-left:4px;}

/* ── BETS ──────────────────────────────────────────────────────── */
.bl{padding:0;display:flex;flex-direction:column;gap:0;}
.bc{background:#fff;border:none;border-left:4px solid #ddd;border-radius:0;padding:14px 16px;border-bottom:1px solid #e8e8e8;}
.bc.open-bet{border-left-color:var(--blue);}
.bc.won{border-left-color:var(--section-green);}
.bc.lost{border-left-color:var(--red);}
.bc.cashed{border-left-color:var(--gold);}
.bc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.bc-st{font-family:var(--fn-n);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:3px 8px;border-radius:3px;}
.bc-st.open-bet{background:rgba(43,127,255,.1);color:var(--blue);border:1px solid rgba(43,127,255,.2);}
.bc-st.won{background:rgba(46,125,50,.1);color:var(--section-green);border:1px solid rgba(46,125,50,.2);}
.bc-st.lost{background:rgba(198,40,40,.1);color:var(--red);border:1px solid rgba(198,40,40,.2);}
.bc-st.cashed{background:rgba(255,193,7,.15);color:var(--gold-dk);border:1px solid rgba(255,193,7,.3);}
.bc.void{border-left-color:#999;}
.bc-st.void{background:rgba(150,150,150,.1);color:#888;border:1px solid rgba(150,150,150,.2);}
.bc-sel{font-family:var(--fn-d);font-size:15px;margin-bottom:2px;color:#1a1a1a;}
.bc-mat{font-size:10px;color:#888;margin-bottom:7px;font-family:var(--fn-n);}
.acca-bet-head{font-size:14px;letter-spacing:.02em;margin-bottom:6px;}
.acca-legs{display:flex;flex-direction:column;gap:4px;margin:0 0 10px;padding:8px 10px;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:4px;border-left:3px solid var(--section-green);}
.acca-leg-line{display:flex;flex-direction:column;gap:2px;padding-bottom:6px;border-bottom:1px solid #e8e8e8;}
.acca-legs .acca-leg-line:last-child{padding-bottom:0;border-bottom:none;}
.acca-leg-pick{font-family:var(--fn-d);font-size:13px;color:#1a1a1a;line-height:1.2;}
.acca-leg-meta{font-size:9px;color:#888;font-family:var(--fn-n);line-height:1.35;}
.acca-leg-ix{font-size:8px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1px;font-family:var(--fn-n);}
.bc-stats{display:flex;gap:16px;flex-wrap:wrap;}
.bc-sl{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:2px;}
.bc-sv{font-family:var(--fn-d);font-size:15px;color:#1a1a1a;}
.bets-sk-el{background:#fff;border:none;border-left:4px solid #ddd;border-radius:0;padding:14px 16px;border-bottom:1px solid #e8e8e8;}
.bets-sk-bar{height:9px;background:var(--wire);border-radius:2px;margin:7px 0;animation:betsSk 1.15s ease-in-out infinite;}
.bets-sk-bar.w40{width:38%}.bets-sk-bar.w55{width:52%}.bets-sk-bar.w70{width:68%}.bets-sk-bar.w85{width:86%}
@keyframes betsSk{0%,100%{opacity:.38}50%{opacity:.92}}

/* ── MODAL ─────────────────────────────────────────────────────── */
.modal-bg{position:fixed;inset:0;z-index:200;background:rgba(14,77,60,.55);display:none;align-items:center;justify-content:center;padding:14px;}
.modal-bg.open{display:flex;}
.modal{background:var(--surface);border:1px solid var(--wire);border-top:4px solid var(--b365-green);border-radius:4px;width:100%;max-width:580px;max-height:84vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.2);}
.mhd{padding:12px 14px;border-bottom:1px solid var(--wire);display:flex;justify-content:space-between;align-items:center;background:var(--surface-2);}
.mhd-title{font-family:var(--fn-d);font-size:18px;font-weight:900;color:var(--b365-green-dk);letter-spacing:.02em;flex:1;padding-right:10px;}
.mhd-close{background:none;border:none;color:var(--ash);font-size:20px;cursor:pointer;}
.mhd-close:hover{color:var(--txt);}
.mbd{padding:14px;}
.mkt-sec{margin-bottom:12px;}
.mkt-t{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--ash);margin-bottom:5px;border-bottom:1px solid var(--iron);padding-bottom:4px;}
.mkt-row{display:flex;gap:4px;flex-wrap:wrap;}
.mo{flex:1;min-width:80px;background:linear-gradient(180deg,#fff,#f2f5f4);border:1px solid #b8c5c0;border-radius:3px;padding:7px 5px;text-align:center;cursor:pointer;transition:all .12s;}
.mo:hover{border-color:var(--b365-green);}
.mo.sel{border-color:var(--b365-green);background:rgba(18,110,81,.1);}
.mo-l{font-size:8px;font-weight:800;color:var(--ash);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;}
.mo-v{font-family:var(--fn-d);font-size:17px;font-weight:800;color:var(--b365-green);}
.mo.sel .mo-v{color:var(--b365-green-dk);}
.bm-note{font-size:10px;color:var(--ash);font-family:var(--fn-n);margin-bottom:10px;padding:5px 8px;background:var(--iron);border-radius:2px;border-left:3px solid var(--green);}

/* ── ADMIN ─────────────────────────────────────────────────────── */
.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;}
.admin-stat{background:var(--surface);border:1px solid var(--wire);border-radius:4px;padding:12px 14px;border-top:3px solid var(--wire);box-shadow:0 1px 3px rgba(0,0,0,.04);}
.admin-stat.a{border-top-color:var(--b365-green);}
.admin-stat.b{border-top-color:var(--blue);}
.admin-stat.c{border-top-color:var(--green);}
.admin-stat.d{border-top-color:var(--red);}
.as-lbl{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ash);margin-bottom:4px;}
.as-val{font-family:var(--fn-d);font-size:24px;font-weight:900;color:var(--b365-green-dk);letter-spacing:.02em;}
.admin-tabs{display:flex;gap:6px;padding:0 14px 12px;flex-wrap:wrap;}
.admin-tab{background:var(--surface);border:1px solid var(--wire);border-radius:4px;color:var(--fog);font-family:var(--fn-n);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:7px 14px;cursor:pointer;transition:all .12s;}
.admin-tab:hover{color:var(--txt);border-color:var(--b365-green-lt);}
.admin-tab.act{background:rgba(18,110,81,.1);border-color:var(--b365-green);color:var(--b365-green);}
.admin-section{padding:0 14px 14px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.atbl{width:100%;border-collapse:collapse;}
.atbl th{background:var(--section-green);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fff;padding:9px 10px;text-align:left;}
.atbl td{padding:9px 10px;border-bottom:1px solid var(--wire);font-size:13px;vertical-align:middle;background:var(--surface);}
.atbl tr:hover td{background:var(--surface-2);}
.uid{font-family:var(--fn-n);font-size:10px;color:var(--ash);}
.abadge{display:inline-block;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:2px 6px;border-radius:2px;}
.abadge.admin{background:rgba(18,110,81,.12);color:var(--b365-green);border:1px solid rgba(18,110,81,.35);}
.abadge.user{background:rgba(153,153,153,.12);color:var(--fog);border:1px solid rgba(153,153,153,.2);}
.abadge.won{background:rgba(0,230,118,.15);color:var(--green);border:1px solid rgba(0,230,118,.3);}
.abadge.lost{background:rgba(255,51,51,.15);color:var(--red);border:1px solid rgba(255,51,51,.3);}
.abadge.open{background:rgba(43,127,255,.15);color:var(--blue);border:1px solid rgba(43,127,255,.3);}
.abadge.cashed{background:rgba(254,203,0,.2);color:var(--gold-dk);border:1px solid rgba(254,203,0,.4);}
.abadge.void{background:rgba(160,165,180,.14);color:var(--fog);border:1px solid rgba(160,165,180,.25);}
.ac-form{display:flex;gap:5px;align-items:center;flex-wrap:wrap;}
.ac-inp{background:var(--surface-2);border:1px solid var(--wire);border-radius:3px;color:var(--txt);font-family:var(--fn-d);font-size:15px;font-weight:700;padding:5px 8px;outline:none;width:88px;}
.ac-inp:focus{border-color:var(--b365-green);}
.ac-btn{background:var(--gold);color:var(--blk);border:none;border-radius:3px;font-family:var(--fn-d);font-size:13px;font-weight:800;letter-spacing:.04em;padding:6px 12px;cursor:pointer;white-space:nowrap;box-shadow:0 1px 0 var(--gold-dk);}
.ac-btn:hover{opacity:.85;}
.search-bar{padding:0 14px 10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.search-inp{background:var(--iron);border:1px solid var(--wire);border-radius:2px;color:var(--txt);font-family:var(--fn-b);font-size:12px;padding:6px 10px;outline:none;width:240px;}
.search-inp:focus{border-color:var(--b365-green);}
.form-card{background:var(--surface);border:1px solid var(--wire);border-top:4px solid var(--b365-green);border-radius:4px;padding:20px;max-width:440px;margin:0 14px 14px;box-shadow:0 2px 12px rgba(0,0,0,.06);}
.fc-title{font-family:var(--fn-d);font-size:20px;font-weight:900;color:var(--b365-green-dk);letter-spacing:.02em;margin-bottom:16px;}
.fc-field{margin-bottom:12px;}
.fc-field label{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--ash);margin-bottom:4px;}
.fc-inp{width:100%;background:var(--blk);border:1px solid var(--wire);border-radius:2px;color:var(--txt);font-family:var(--fn-b);font-size:13px;padding:8px 10px;outline:none;transition:border .15s;}
.fc-inp:focus{border-color:var(--b365-green);box-shadow:0 0 0 2px rgba(18,110,81,.1);}
.fc-err{color:var(--red);font-size:11px;font-family:var(--fn-n);font-weight:700;min-height:16px;margin-bottom:8px;}
.fc-btn{background:var(--gold);color:var(--blk);border:none;border-radius:3px;font-family:var(--fn-d);font-size:17px;font-weight:900;letter-spacing:.06em;padding:11px;cursor:pointer;width:100%;transition:filter .15s;box-shadow:0 2px 0 var(--gold-dk);}
.fc-btn:hover{filter:brightness(1.03);}
.status-badge-active{display:inline-block;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:2px 7px;border-radius:2px;background:rgba(0,230,118,.12);color:var(--green);border:1px solid rgba(0,230,118,.3);}
.status-badge-disabled{display:inline-block;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:2px 7px;border-radius:2px;background:rgba(255,51,51,.12);color:var(--red);border:1px solid rgba(255,51,51,.3);}
.action-btn{background:none;border:1px solid var(--wire);border-radius:2px;color:var(--fog);font-family:var(--fn-n);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:3px 8px;cursor:pointer;transition:all .12s;white-space:nowrap;}
.action-btn:hover{border-color:var(--b365-green);color:var(--b365-green);}
.action-btn.danger{border-color:rgba(255,51,51,.3);color:var(--red);}
.action-btn.danger:hover{background:rgba(255,51,51,.1);}

/* ── MISC ──────────────────────────────────────────────────────── */
.pg-empty{text-align:center;padding:40px 14px;color:#888;background:#fff;}
.pg-ei{font-size:36px;margin-bottom:10px;opacity:.3;}
.pg-et{font-family:var(--fn-d);font-size:18px;font-weight:800;color:#555;letter-spacing:.01em;margin-bottom:4px;}
.pg-es{font-size:12px;font-family:var(--fn-n);color:#888;}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0;background:#fff;border-bottom:1px solid #e0e0e0;}
.stat-box{background:#fff;border:none;border-right:1px solid #e8e8e8;padding:14px 14px;text-align:center;}
.stat-box:last-child{border-right:none;}
.stat-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:4px;}
.stat-val{font-family:var(--fn-d);font-size:20px;font-weight:800;color:#1a1a1a;letter-spacing:.01em;}
.load-ov{position:fixed;inset:0;z-index:500;background:rgba(20,20,20,.82);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;}
.load-spin{width:36px;height:36px;border:3px solid var(--wire);border-top-color:var(--b365-green);border-radius:50%;animation:spin .8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}
.load-txt{font-family:var(--fn-d);font-size:15px;font-weight:800;letter-spacing:.12em;color:#fff;}
.toast{position:fixed;bottom:14px;right:14px;z-index:999;background:var(--surface);border:1px solid var(--wire);border-left:4px solid var(--b365-green);padding:11px 14px;border-radius:4px;font-family:var(--fn-n);font-size:12px;font-weight:700;max-width:280px;pointer-events:none;opacity:0;transform:translateX(24px);transition:all .25s;box-shadow:0 8px 24px rgba(0,0,0,.12);}
.toast.show{opacity:1;transform:translateX(0);}
.toast.win{border-left-color:var(--green);color:var(--green);}
.toast.lose{border-left-color:var(--red);color:var(--red);}
.toast.info{border-left-color:var(--b365-green);color:var(--b365-green);}

/* ── MOBILE SIDEBAR DRAWER ────────────────────────────────────── */
.mobile-menu-btn{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:0 8px;height:100%;align-items:center;justify-content:center;flex-shrink:0;}
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:499;-webkit-tap-highlight-color:transparent;}
.sidebar-backdrop.show{display:block;}

/* ── MOBILE / TABLET ─────────────────────────────────────────── */
.league-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:298;-webkit-tap-highlight-color:transparent;}
.league-backdrop.show{display:block;}
.m-lb-btn{display:none;align-items:center;justify-content:center;gap:4px;background:none;border:1px solid rgba(255,255,255,.3);border-radius:3px;color:#fff;font-family:var(--fn-n);font-size:16px;font-weight:700;padding:6px 10px;cursor:pointer;flex-shrink:0;min-height:34px;}
.m-lb-btn:active{opacity:.85;}

@media (max-width:768px){
  body{font-size:13px;-webkit-text-size-adjust:100%;background:#e8e8e8;}
  .login-box{width:calc(100% - 28px);max-width:400px;}
  header{height:42px;z-index:460;}
  .h-right{padding:0 10px 0 6px;gap:8px;}
  .bal-val{font-size:13px;}
  .user-ico{width:26px;height:26px;font-size:14px;}
  .hnav{padding:0 12px;font-size:12px;}
  .mobile-menu-btn{display:flex;}
  .left-rail{
    display:flex !important;position:fixed;top:0;left:0;bottom:0;
    width:min(80vw,280px);z-index:500;
    transform:translateX(-100%);transition:transform .25s cubic-bezier(.25,.8,.25,1);
    box-shadow:8px 0 32px rgba(0,0,0,.55);
    padding-top:0;
  }
  .left-rail.drawer-open{transform:translateX(0);}
  html{background-color:#e8e8e8;}
  .layout-work{position:relative;flex:1 1 0;min-height:0;background:#e8e8e8;flex-direction:column;}
  .center-col{background:#e8e8e8;flex:1 1 0;min-height:0;}
  .main-content{flex:1 1 0;min-height:0;}
  .match-search-row{display:none !important;}
  .league-side.open{
    position:fixed;top:0;left:0;bottom:0;width:min(80vw,280px);min-width:0;z-index:300;
    display:flex !important;flex-direction:column;
    transform:translateX(-100%);transition:transform .22s ease;
    box-shadow:8px 0 32px rgba(0,0,0,.55);
    border-right:1px solid #333;
    background:var(--sidebar-bg);
    padding-top:max(8px,env(safe-area-inset-top));
  }
  .league-side.open.drawer-visible{transform:translateX(0);}
  .league-backdrop.show{display:block;z-index:299;}
  .hero{min-height:36px;padding:8px 12px;}
  .hero-title{font-size:13px;}
  .hero-sub{font-size:9px;}
  .ref-btn{margin-left:0;font-size:9px;padding:3px 8px;}
  .lg-ch,.mtr.mtr-compact{
    grid-template-columns:40px minmax(0,1fr) 36px minmax(100px,1fr) 26px;
    column-gap:5px;padding:6px 6px;
  }
  .lg-hd-day{font-size:8px;}
  .lg-ch-cell{font-size:8px;}
  .mtr-badge{font-size:7px;padding:3px 5px;}
  .mtr-home,.mtr-away{font-size:11px;}
  .mtr-sc{font-size:13px;}
  .mtr-sc-stack .mtr-sc-h,.mtr-sc-stack .mtr-sc-a{font-size:11px;}
  .mtr-odds{max-width:min(260px,100%);}
  .mtr-odds-hdr,.mtr-odds-main{gap:3px;}
  .mtr-odds-row{gap:3px;}
  .mtr-odds-ex{gap:4px;}
  .mtr-odds-hdr.h3,.mtr-odds-main.om-3{grid-template-columns:repeat(3,minmax(30px,1fr));}
  .mtr-odds-hdr.h2,.mtr-odds-main.om-2{grid-template-columns:minmax(30px,1fr) 12px minmax(30px,1fr);}
  .ocell{min-width:30px;padding:5px 3px;min-height:34px;}
  .ocell-v{font-size:12px;}
  .ocell-l{font-size:8px;}
  /* Bet slip: bottom sheet */
  .bs-grab{
    display:block;flex-shrink:0;width:100%;height:28px;margin:0;padding:0;border:none;
    background:transparent;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;
  }
  .bs-grab::after{content:'';display:block;width:36px;height:4px;margin:8px auto 0;background:rgba(255,255,255,.35);border-radius:3px;}
  .right-slip.open.slip-peek .bs-peek-sub{display:block;}
  .right-slip.open{
    display:flex !important;position:fixed;left:0;right:0;top:auto;bottom:0;
    width:100% !important;max-width:100% !important;
    max-height:min(85dvh,calc(100dvh - env(safe-area-inset-top) - 6px));
    height:auto;z-index:450;border-left:none;
    border-radius:14px 14px 0 0;border-top:2px solid var(--section-green);
    box-shadow:0 -8px 32px rgba(0,0,0,.45),0 0 0 100vmax rgba(0,0,0,.4);
    padding-bottom:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);
    overflow:hidden;-webkit-overflow-scrolling:touch;
    transition:transform .22s cubic-bezier(.25,.8,.25,1);
  }
  .right-slip.open.slip-peek{max-height:none !important;height:auto;padding-bottom:max(8px,env(safe-area-inset-bottom));}
  .right-slip.open.slip-peek .bs-tabs,.right-slip.open.slip-peek .bs-body,.right-slip.open.slip-peek .bs-foot{display:none !important;}
  .right-slip.open::before{display:none !important;}
  .right-slip.open .bs-hd{padding-top:4px;cursor:pointer;}
  .right-slip.open .bs-body{min-height:0;-webkit-overflow-scrolling:touch;}
  .right-slip.open .bs-foot{padding-bottom:max(14px,env(safe-area-inset-bottom));}
  .slip-bar{bottom:0;left:0;right:0;}
  .admin-grid{grid-template-columns:repeat(2,1fr);}
  .search-inp{width:100%;max-width:100%;}
  .form-card{margin:0 10px 12px;max-width:none;}
  .stats-row{grid-template-columns:repeat(3,1fr);}
  .toast{bottom:max(calc(var(--slip-bar-h) + 8px),env(safe-area-inset-bottom));right:10px;left:10px;max-width:none;}
  .modal{padding-bottom:env(safe-area-inset-bottom);}
  .sport-icon-item{min-width:52px;padding:4px 2px;}
  .sport-icon-circle{width:34px;height:34px;font-size:17px;}
  .sport-icon-label{font-size:8px;max-width:56px;}
  .featured-card{min-width:160px;max-width:180px;padding:8px;}
  .fc-team{font-size:10px;}
  .fc-odd{font-size:11px;padding:4px 2px;}
  .md-market-tabs{padding:0;}
  .md-market-tab{padding:8px 10px;font-size:10px;}
  .match-detail .md-sec-t{font-size:11px;padding:6px 10px;margin:-14px -14px 12px;}
}
@media (min-width:769px){
  .league-side.open.drawer-visible{transform:none;}
  .bs-grab{display:none !important;}
  .right-slip.slip-peek .bs-tabs{display:flex !important;}
  .right-slip.slip-peek .bs-body{display:block !important;}
  .right-slip.slip-peek .bs-foot{display:block !important;}
  .bs-peek-sub{display:none !important;}
  .right-slip.open{
    display:flex !important;position:fixed;right:0;bottom:var(--slip-bar-h);top:auto;left:auto;
    width:360px !important;max-height:70vh;z-index:450;
    border-radius:10px 10px 0 0;border-top:2px solid var(--section-green);
    box-shadow:0 -6px 24px rgba(0,0,0,.2);
  }
}