/* ================= Mock site v6 (round 6) – live-site page shell, refined =================
   Loaded after replica.css + site.css (v5). The odds board itself is unchanged from v5; this file only
   re-does the header, sub-bar, left sports menu, Live Match Center, toolbar, bet panel, league bars,
   team badges and favourite stars. One line-icon set (icons.js, 1.75 stroke) everywhere. */
:root{--hd-h:78px;--sb-h:30px;--side-w:204px;--slip-w:clamp(224px,14.6vw,280px);--foot-h:20px;
  --navy:#2c3a52;--navy-2:#1f3556;--slate:#3f5676;--ink-d:#16202e;--blue-a:#1769c2;
  --hex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='48' viewBox='0 0 28 48'%3E%3Cpath d='M14 0l14 8v16l-14 8L0 24V8zM14 32v16' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E");
  --hex-d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='48' viewBox='0 0 28 48'%3E%3Cpath d='M14 0l14 8v16l-14 8L0 24V8zM14 32v16' fill='none' stroke='%23b8c2d0' stroke-width='1'/%3E%3C/svg%3E")}
html,body{height:100%}
body.cv{overflow:hidden;min-width:1280px;background:#E9EBEF}
.cv button{font-family:inherit;cursor:pointer}
.ico{flex:none;display:inline-block;vertical-align:middle}
.grow{flex:1 1 auto}
/* thin scrollbars */
.side,.content,.slip{scrollbar-width:thin;scrollbar-color:#8a93a1 transparent}
.side::-webkit-scrollbar,.content::-webkit-scrollbar,.slip::-webkit-scrollbar{width:8px;height:8px}
.side::-webkit-scrollbar-thumb{background:#6b7380;border-radius:4px;border:2px solid #2b2d31}
.content::-webkit-scrollbar-thumb,.slip::-webkit-scrollbar-thumb{background:#a4acb8;border-radius:4px;border:2px solid #E9EBEF}

/* ---------- header (navy gradient, roomier) ---------- */
.cv .hd{position:fixed;top:0;left:0;right:0;height:var(--hd-h);display:flex;align-items:stretch;color:#fff;z-index:30;
  background:var(--hex) right top/28px 48px repeat-x,linear-gradient(180deg,#2d3545 0%,#1e2739 42%,#182133 100%);}
.cv .hd::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#182133 0%,rgba(24,33,51,.96) 55%,rgba(24,33,51,.82) 100%);pointer-events:none}
.cv .hd>*{position:relative}
.hd-logo{width:var(--side-w);flex:none;display:flex;align-items:center;justify-content:center}
.hd-logo img{display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.hd-mid{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 16px}
.cv .ticker{display:flex;align-items:center;gap:8px;width:auto;max-width:600px;height:26px;padding:0 10px;border-radius:5px;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.10);color:#dfe5ee;font-size:12px}
.cv .ticker .ico{color:#f5b301}.cv .ticker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cv .prod{display:flex;gap:clamp(18px,1.7vw,30px)}
.cv .prod a{margin:0;white-space:nowrap;font-size:13.5px;font-weight:700;color:#fff;letter-spacing:.01em}
.cv .prod a:hover{color:#9cc8ff}
.hd-right{display:flex;align-items:flex-start;gap:8px;padding:12px 14px 0 0;flex:none}
.hbtn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:5px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.05);color:#fff;font-size:12px;font-weight:600}
.hbtn:hover{background:rgba(255,255,255,.12)}
.hbtn img{border-radius:2px}
.hbal{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05;font-size:14px;font-weight:800;padding:0 4px;letter-spacing:.01em}
.hbal small{font-size:10px;font-weight:500;color:#aab6c8;letter-spacing:.04em;text-transform:uppercase}
.hic{position:relative;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;padding:0}
.hic:hover{background:rgba(255,255,255,.18)}
.hic em{position:absolute;top:-4px;right:-4px;min-width:15px;height:15px;border-radius:8px;background:#e5484d;color:#fff;font:700 9.5px/15px inherit;font-style:normal;text-align:center;padding:0 3px}
.hic.out{border-radius:6px;background:#d9232d;border-color:#d9232d}.hic.out:hover{background:#ef3340}
/* sub-bar */
.cv .subbar{position:fixed;top:var(--hd-h);left:0;right:0;height:var(--sb-h);display:flex;align-items:stretch;z-index:30;border:0;
  background:linear-gradient(180deg,#4a5f80 0%,#586781 45%,#3a4c69 100%);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid #1e2a40;color:#fff}
.cv .clock{width:var(--side-w);flex:none;display:flex;align-items:center;padding-left:12px;font-size:12px;font-weight:600;color:#eef2f8;letter-spacing:.02em;border-right:1px solid rgba(255,255,255,.16)}
.cv .subbar nav{display:flex}
.cv .subbar nav a{display:flex;align-items:center;padding:0 16px;font-size:12.5px;font-weight:600;color:#fff;border-right:1px solid rgba(255,255,255,.16)}
.cv .subbar nav a:hover{background:rgba(255,255,255,.10)}

/* ---------- app frame ---------- */
.app{position:fixed;top:calc(var(--hd-h) + var(--sb-h));left:0;right:0;bottom:var(--foot-h);display:flex}
.cv .side{width:var(--side-w);flex:none;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;background:#2b2d31;color:#fff;font-size:12.5px}
.content{flex:1;min-width:0;height:100%;overflow:auto;background:#E9EBEF}
.cv .foot{height:var(--foot-h);display:flex;align-items:center;justify-content:flex-end;padding:0 12px;font-size:11px;color:#b4bdcb;background:#141c2c}

/* ---------- left sports menu ---------- */
.cv .acct{background:#1b1d21;padding:8px 10px 4px}
.acct-u{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding-bottom:6px}
.acct-u>.ico{color:#cfd5de}
.aic{width:24px;height:24px;display:grid;place-items:center;border:0;background:transparent;color:#cfd5de;border-radius:4px;padding:0}
.aic:hover{background:rgba(255,255,255,.08)}
.aic.box{background:#3a3d44;border:1px solid #5a5e66;color:#fff}
.acct-r{display:flex;justify-content:space-between;align-items:center;height:26px;border-top:1px solid #2f3238;font-size:12px;color:#b8bfca}
.acct-r b{color:#fff;font-weight:700}.acct-r b.neg{color:#ff9a9a}
.seg{display:grid;grid-template-columns:1fr 1fr;margin:8px 8px 0}
.seg button{display:flex;align-items:center;justify-content:center;gap:6px;height:32px;font-size:12.5px;font-weight:700;border:1px solid #8f98a6;color:#1b2430;background:linear-gradient(#f5f7fa,#d6dbe3)}
.seg button:first-child{border-radius:6px 0 0 6px}.seg button:last-child{border-radius:0 6px 6px 0;border-left:0}
.seg button .ico{color:#3f5676}
.seg button.on{background:linear-gradient(#2e93e6,var(--blue-a));border-color:var(--blue-a);color:#fff}
.seg button.on .ico{color:#fff}
.cards{display:grid;gap:6px;padding:10px 8px 10px}
.scard{position:relative;display:flex;align-items:center;gap:9px;height:38px;padding:0 10px;border-radius:7px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;overflow:hidden;
  background:var(--hex) right -6px top -10px/22px 38px,linear-gradient(180deg,#6c7b92,#4f5d74);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 2px rgba(0,0,0,.3)}
.scard::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(79,93,116,1) 0,rgba(79,93,116,.85) 40%,rgba(79,93,116,.35));pointer-events:none}
.scard>*{position:relative;z-index:1}
.scard span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.scard em{margin-left:auto;font-style:normal;min-width:34px;height:20px;padding:0 8px;border-radius:10px;background:#1f2a3d;font-size:11.5px;line-height:20px;text-align:center}
.scard .sig{color:rgba(255,255,255,.8);margin-left:-2px}
.scard.all{background:var(--hex) right -6px top -10px/22px 38px,linear-gradient(180deg,#2e93e6,var(--blue-a))}
.scard.all::after{background:linear-gradient(90deg,rgba(23,105,194,1) 0,rgba(23,105,194,.8) 40%,rgba(23,105,194,.3))}
.scard:hover{filter:brightness(1.08)}
.spi{flex:none;width:18px;height:18px;object-fit:contain}
.sport .sp-h{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 12px;background:#474747;border-top:1px solid #5a5a5a;font-size:13px;font-weight:700;color:#fff;cursor:pointer}
.sport .sp-h:hover{background:#525252}
.sport .sp-h em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;color:#ececec}
.sport .sp-h .sig{width:14px;height:14px;color:#c4c4c4}
.sport .sp-h .car{color:#e0e0e0}
.sport.open .sp-h{background:#1b1d21;border-top-color:#1b1d21;box-shadow:inset 3px 0 0 #fff}
.sp-sub{background:#1b1d21;padding-bottom:6px}
.sp-sub a{display:flex;align-items:center;justify-content:space-between;height:28px;margin:0 6px;padding:0 10px 0 14px;border-radius:4px;font-size:11.5px;font-weight:700;color:#c9ced6;letter-spacing:.02em;cursor:pointer}
.sp-sub a:hover{background:#2a2d33;color:#fff}
.sp-sub a em{font-style:normal;font-weight:700;color:#e6e6e6}
.sp-sub a.on{background:#3a3d44;color:#fff}
.sp-sub a.on em{background:#fff;color:#1b1d21;border-radius:10px;padding:1px 8px}

/* ---------- Live Match Center (spans to the right page edge, above the bet panel) ---------- */
.lmc-box{background:#dde2e9}
.cv .lmc-head{display:flex;align-items:center;gap:8px;height:28px;padding:0 10px 0 12px;background:linear-gradient(180deg,#c6d1de,#a6b5c7);border-bottom:1px solid #8e9db1;font-size:12px;font-weight:800;color:var(--ink-d);letter-spacing:.06em;text-transform:uppercase}
.cv .lmc-ct{background:var(--navy);color:#fff;border-radius:4px;padding:0 7px;height:18px;line-height:18px;font-size:11px;letter-spacing:0}
.sqbtn{width:24px;height:20px;display:grid;place-items:center;border:0;border-radius:4px;background:var(--navy);color:#fff;padding:0}
.sqbtn:hover{background:#3d4f6e}
.lmc-box.closed .lmc-strip{display:none}.lmc-box.closed #lmcTog .ico{transform:rotate(180deg)}
.lmc-strip{position:relative}
.cv .lmc{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px 8px 9px;scrollbar-width:none;scroll-behavior:auto}
.cv .lmc::-webkit-scrollbar{display:none}
.lmc-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:30px;border-radius:50%;border:2px solid #fff;background:var(--navy);color:#fff;display:grid;place-items:center;padding:0;box-shadow:0 2px 6px rgba(16,24,40,.35)}
.lmc-arr:hover{background:#3d4f6e}
.lmc-arr.l{left:6px}.lmc-arr.r{right:6px}.lmc-arr[hidden]{display:none}
.lc{position:relative;isolation:isolate;flex:0 0 258px;height:167px;display:flex;flex-direction:column;padding:8px 10px 9px;border-radius:7px;border:1px solid #d3d9e2;box-shadow:0 1px 2px rgba(16,24,40,.08);overflow:hidden;
  background:#fff;font-size:11.5px;color:#1F2329}
.lc-h{display:flex;align-items:center;gap:6px;height:18px}
.lc-h img{border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);flex:none}
.lc-h b{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-d)}
.lc-h em{margin-left:auto;font-style:normal;background:var(--navy);color:#fff;border-radius:4px;padding:0 5px;height:18px;line-height:18px;font-size:11px;font-weight:700;flex:none}
.lc-st{display:flex;justify-content:center;align-items:center;gap:6px;height:18px;margin-top:2px;font-weight:700;font-size:11.5px}
.lc-pd{color:var(--ink-d)}.lc-ko{color:#4F5AA0}
.lc-live{background:#c8161e;color:#fff;border-radius:3px;padding:0 6px;height:16px;line-height:16px;font-size:10px;font-weight:800;letter-spacing:.05em}
.lc-vs{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:center;margin-top:4px;height:50px}
.lc-t{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.lc-t img{width:26px;height:26px;object-fit:contain}
.lc-t span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;color:#1F2329}
.lc-t.g span{color:var(--red);font-weight:700}
.lc-mid{display:flex;flex-direction:column;align-items:center;gap:2px}
.lc-mid b{font-size:18px;font-weight:900;color:#2E59B8;letter-spacing:.02em;line-height:1}
.lc-sc{font-size:12.5px;font-weight:800;color:var(--ink-d)}
.lc-mk{display:flex;align-items:center;gap:5px;margin-top:auto;height:20px;font-weight:700;font-size:12px;color:var(--ink-d)}
.lc-mk span{margin-right:auto}
.lc-a{width:18px;height:18px;border-radius:50%;border:0;background:#cdd3dc;color:#3f4a5c;display:grid;place-items:center;padding:0}
.lc-a.dk{background:#3b4a63;color:#fff}
.lc-a:hover{filter:brightness(1.1)}
.lc-o{display:grid;gap:6px;margin-top:6px}
.lc-o.n2{grid-template-columns:1fr 1fr}.lc-o.n3{grid-template-columns:1fr 1fr 1fr}
.lo{display:flex;align-items:center;justify-content:space-between;gap:4px;height:26px;padding:0 8px;border-radius:4px;border:1px solid #fff;background:#e4eaf4;box-shadow:0 0 0 1px #d5ddea}
.lo:hover{background:#f1f5fb}
.lo i{font-style:normal;color:var(--blue);font-weight:500;font-size:11.5px}
.lo b{font-weight:700;font-size:12px;color:#1F2329}.lo b.n{color:var(--red)}

/* ---------- toolbar (full width now – more room for every dropdown) ---------- */
.cv .filters{margin:0;border:0;border-radius:0;background:#fff;padding:10px 12px 8px;gap:6px;flex-wrap:nowrap}
.cv .filters .fbtn,.cv .filters .fsearch,.cv .filters .dd{height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid #cfd6e0;border-radius:6px;background:#fff;color:#1d2a44;font-size:12.5px;font-weight:500}
.cv .filters .fbtn:hover,.cv .filters .dd:hover{border-color:#9fb0c8;background:#f7f9fc}
.cv .filters .ico{color:#3F5676}
.cv .filters .fsearch{width:clamp(196px,14vw,280px);cursor:text}
.cv .fsearch input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:12.5px;color:#1d2a44}
.cv .fsearch input::placeholder{color:#7a8496}
.cv .dd{cursor:pointer;position:relative}
.cv .dd select.fsel{appearance:none;-webkit-appearance:none;border:0;background:transparent;height:30px;padding:0;margin:0;font-size:12.5px;font-weight:500;color:#1d2a44;outline:0;field-sizing:content;cursor:pointer}
.cv .dd .ico-chev-down{color:#56627a;margin-left:-1px}
.cv .filters .tog{font-size:12.5px;font-weight:700;color:#1d2a44;gap:7px;margin-left:6px}
.cv .filters .tog i{width:34px;height:18px;border-radius:9px;background:#aab3c0}
.cv .filters .tog i:after{width:14px;height:14px;left:2px;top:2px}
.cv .filters .fbtn.sq{width:32px;padding:0;justify-content:center;background:#eef3fb;border-color:#8fb0de;color:#2f5fb3}
.cv .filters .fbtn.sq .ico{color:#2f5fb3}
.cv .mtabs{display:flex;gap:6px;margin:0;padding:0 12px 10px;background:#fff;border-bottom:1px solid #d8dee7}
.cv .mtabs span{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:6px;border:1px solid #c3ccd8;background:linear-gradient(#f8fafc,#e5e9f0);font-size:12px;font-weight:700;color:#2a3a58;cursor:pointer}
.cv .mtabs span b{font-weight:500;color:#4d5b73}
.cv .mtabs span .ico{color:#3F5676}
.cv .mtabs span.on{background:linear-gradient(#3e5271,var(--navy));border-color:var(--navy);color:#fff}
.cv .mtabs span.on b,.cv .mtabs span.on .ico{color:#dfe6f2}

/* ---------- board + bet panel row: the bet panel starts at the TODAY bar ---------- */
.boardrow{display:flex;align-items:flex-start;padding-top:8px}
.cv .main{flex:1;min-width:0;padding:0 8px 24px}
.cv .today{height:32px;padding:0 8px;gap:8px;background:linear-gradient(180deg,#61779b,#4b6084);border-radius:4px 4px 0 0;font-size:12px;font-weight:700;color:#fff}
.cv .today .pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:5px;background:#fff;color:#1d4ed8;font-weight:800;letter-spacing:.03em}
.cv .today .pill .dot{width:8px;height:8px;border-radius:50%;background:#1d6ff2;box-shadow:0 0 0 3px rgba(29,111,242,.18)}
.cv .today .todayct{color:#dbe3ef}
.cv .today .sw{width:34px;height:18px;border-radius:9px;background:#e6eaf0}
.cv .today .sw:after{width:14px;height:14px;left:2px;top:2px;background:#8b95a5}
.cv .today .sqbtn{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.45)}
.cv .slip{position:sticky;top:0;flex:0 0 var(--slip-w);width:var(--slip-w);height:calc(100vh - var(--hd-h) - var(--sb-h) - var(--foot-h));overflow-y:auto;background:#fff;border-left:1px solid #d3d9e2;font-size:12px;align-self:flex-start}
.sl-tabs{display:grid;grid-template-columns:1fr 1fr}
.sl-tabs button{height:32px;border:0;font-size:12.5px;font-weight:700;background:#eef0f4;color:#1b2430;border-bottom:1px solid #d3d9e2}
.sl-tabs button b{color:#2f5fb3}
.sl-tabs button.on{background:linear-gradient(180deg,#2c4670,var(--navy-2));color:#fff;border-bottom-color:var(--navy-2)}
.sl-tabs button.on b{color:#9cc3ff}
.sl-sub{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e1e5ec}
.sl-sub button{height:32px;border:0;background:#fff;font-size:12px;font-weight:700;color:#1b2430;border-right:1px solid #eceff4;white-space:nowrap;padding:0 2px}
.sl-sub button:last-child{border-right:0}
.sl-sub button b{font-weight:700;color:#5b6476}
.sl-sub button.on{color:#2f4f86;box-shadow:inset 0 -3px 0 #3f5f8f}
.sl-sub button.on b{color:#2f4f86}
.sl-seg{display:grid;grid-template-columns:1fr 1fr}
.sl-seg button{height:30px;border:0;border-bottom:1px solid #e1e5ec;background:#fff;font-size:12px;font-weight:700;color:#1b2430}
.sl-seg button.on{background:#3a5ba8;color:#fff;border-bottom-color:#3a5ba8}
.sl-empty{margin:12px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 16px;border:1px dashed #aeb9df;border-radius:8px;background:#f4f6fd;text-align:center}
.sl-empty img{width:110px;height:auto;margin-bottom:4px}
.sl-empty b{font-size:13px;font-weight:700;color:#111827}
.sl-empty small{font-size:11.5px;color:#4b5565;line-height:1.4}
.sl-note{margin:12px;display:flex;align-items:center;gap:10px;height:46px;padding:0 12px;border:1px dashed #9aa1ab;border-radius:8px;background:#f1f2f4;font-size:12.5px;font-weight:700;color:#111827}
.sl-note .ico{width:30px;height:30px;padding:6px;border-radius:50%;background:#d7dbe1;color:#111827}
.sl-note span{border-left:1px solid #9aa1ab;padding-left:10px;line-height:26px}
.sl-hint{margin:0 14px;color:#4b5565;font-size:11.5px;line-height:1.4}
.sl-ref{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #e1e5ec;color:#4b5565;font-size:11.5px}
.sl-ref b{color:#111827}
.sqbtn.lt{background:#fff;border:1px solid #c3ccd8;color:#1b2430;width:26px;height:24px}
.sqbtn.lt:hover{background:#f3f5f9}
.tk{margin:10px 12px 0;border:1px solid #dfe4ec;border-radius:7px;overflow:hidden}
.tk-h{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;background:#f3f5f9;font-size:11px;font-weight:600;color:#3F5676}
.tk-h span{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-h em{font-style:normal;flex:none;font-size:10px;font-weight:700;color:#14692f;background:#e3f4e8;border-radius:9px;padding:1px 7px}
.tk-b{display:grid;grid-template-columns:1fr auto;gap:2px 6px;padding:8px 8px 6px}
.tk-m{grid-column:1/-1;font-size:11px;color:#4b5565}
.tk-b b{font-size:12.5px;color:#111827}.tk-od{font-weight:700;color:var(--red);font-size:12.5px}
.tk-f{display:flex;justify-content:space-between;padding:6px 8px 8px;border-top:1px dashed #e1e5ec;font-size:11px;color:#4b5565}
.tk-f b{color:#111827}
.sl-full{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px;width:calc(100% - 24px);height:36px;border:1px solid #b9c3d3;border-radius:7px;background:#fff;color:#2f4f86;font-size:12.5px;font-weight:700}
.sl-full:hover{background:#f3f6fb}

/* ---------- league bar: stronger slate gradient + dark rule, reads at a glance ---------- */
.cv .odds tr.lg td{height:calc(var(--lg-h) + 4px);padding:0 8px;background:linear-gradient(180deg,#c6d0db 0%,#a3afbe 100%);border-top:1px solid #dde3ea;border-bottom:2px solid var(--slate);color:var(--ink-d);vertical-align:middle}
.lgrow{display:flex;align-items:center;gap:6px}
.cv .lgin{position:sticky;left:8px;display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-lg);font-weight:800;color:var(--ink-d);letter-spacing:.01em}
.lfl{border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.lgct{min-width:22px;height:19px;padding:0 6px;border-radius:4px;background:var(--navy);color:#fff;font-size:11.5px;font-weight:700;display:grid;place-items:center}
.lgch{width:22px;height:19px;border:0;border-radius:4px;background:transparent;color:var(--ink-d);display:grid;place-items:center;padding:0}
.lgch:hover{background:rgba(255,255,255,.35)}
/* section bands */
.cv tr.sec td{background:linear-gradient(180deg,#2a3a55,#1e2b42)}

/* ---------- match blocks: first darker, next lighter (per league), clearer block rule ---------- */
.cv tr.m.first td{border-top:1px solid #cf9f88}
.cv tr.m.pre.first td{border-top:1px solid #a6a9d0}
.cv tr.lg + tr.m.first td{border-top:0}

/* ---------- team badges + favourite stars ---------- */
.cv .ev .t img.cr{width:var(--badge);height:var(--badge);border-radius:0;background:none;object-fit:contain;flex:none}
.fav{flex:none;width:20px;height:20px;padding:0;border:0;border-radius:4px;background:transparent;color:#4d5562;display:inline-grid;place-items:center;cursor:pointer}
.fav .ico{stroke-width:1.6}
.fav:hover{color:#a86b00;background:rgba(255,255,255,.45)}
.fav:hover .ico{fill:#ffe08a}
.fav.on{color:#a86b00}.fav.on .ico{fill:#f5b301}
.cv .ev .t .fav.st{margin-left:auto}
.cv .ev .t .icons + .st,.cv .ev .t .nm + .fav{margin-left:auto}
.fav.lst{color:var(--ink-d)}
.cv .ibtn{display:inline-grid;place-items:center;color:#2f4f86}
.cv .ibtn .ico{stroke-width:1.9}
body.look-classic{--badge:16px}
body.look-comfort{--badge:18px}

/* detail view: hide the board furniture */
body.show-detail .lmc-box,body.show-detail .filters,body.show-detail .mtabs{display:none}

/* Odds Details / Quick bet / Board Filter sit on the market-tab row so the dropdown row gets the full width */
.cv .mtabs{align-items:center}
.cv .mtabs span.grow{flex:1;border:0;background:none;padding:0;height:auto}
.cv .mtabs .tog{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#1d2a44;margin-left:10px;cursor:pointer}
.cv .mtabs .tog i{width:34px;height:18px;border-radius:9px;background:#aab3c0}
.cv .mtabs .tog i:after{width:14px;height:14px;left:2px;top:2px}
.cv .mtabs .fbtn.sq{display:inline-flex;align-items:center;gap:6px;width:auto;height:28px;padding:0 10px;margin-left:10px;border-radius:6px;background:#eef3fb;border:1px solid #8fb0de;color:#2f5fb3;font-size:12px;font-weight:700}
.cv .mtabs .fbtn.sq .ico{color:#2f5fb3}
.scard{gap:7px;padding:0 8px;font-size:12.5px}
.scard em{min-width:30px;padding:0 6px}
.side::-webkit-scrollbar{width:6px}
.lc::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--hex-d) 0 0/22px 38px;opacity:.55;
  -webkit-mask-image:radial-gradient(120% 90% at 100% 0,#000 0,rgba(0,0,0,.35) 45%,transparent 75%);mask-image:radial-gradient(120% 90% at 100% 0,#000 0,rgba(0,0,0,.35) 45%,transparent 75%)}
.lc:hover{border-color:#b9c4d4;box-shadow:0 3px 10px rgba(16,24,40,.12)}
.tk-h .tt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tk-f span{display:flex;flex-direction:column;gap:1px}.tk-f span:last-child{text-align:right;align-items:flex-end}
.tk-f b{white-space:nowrap;font-size:12px}
/* round flags (the site's own flag set is circular) */
.lfl,.lc-h img{border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.12);object-fit:cover}
/* stars: live size (≈17px), dark thin outline, gold when on */
.fav{width:22px;height:20px;color:#3a404a}
.fav .ico{stroke-width:1.45}
.cv .ev .t{overflow:visible}
/* event-cell action icons: white rounded buttons, same line icons */
.cv .ibtn{width:20px;height:17px;border:1px solid #9fb0cc;background:#fff;border-radius:4px;color:#2f4f86}
.cv .ibtn:hover{background:#eef3fb}
.cv .ev .t .fav.st{color:#3a404a;font-size:0;padding:0}
.cv .ev .t .fav.st.on,.cv .ev .t .fav.st:hover{color:#a86b00}
.cv .ev .t .icons i.ibtn{display:inline-grid;place-items:center;width:20px;height:17px;border:1px solid #9fb0cc;background:#fff;border-radius:4px;color:#2f4f86}
.cv .ev .t .icons i.ibtn:hover{background:#eef3fb}
.sl-note span{white-space:nowrap;font-size:12px;line-height:24px}.sl-note{gap:8px;padding:0 10px}
/* dropdown lengths + spacing matched to the live toolbar (Normal ≈90, All Time ≈93, Double Line ≈112, Malay ≈80 px at 1920) */
.cv .filters .dd,.cv .filters .fbtn{gap:5px;padding:0 8px}
.cv .filters .ico{width:14px;height:14px}
.cv .filters .dd .ico-chev-down{width:12px;height:12px;margin-left:1px}
.cv .filters .fsearch{width:clamp(196px,14vw,260px);gap:6px}
.cv .dd select.fsel,.cv .filters .fbtn,.cv .fsearch input{font-size:12px}
.cv .detail{min-width:0;overflow:hidden;border-radius:4px}.dt-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dt-stack{min-width:0}
.mk-g>*{min-width:0}.cv .mk .ob{min-width:0}
.cv .ev .t.g,.cv .fp .ob.giver .lb,.lc-t.g span{color:#B8141C}

/* ================= round 6.1 ================= */
/* shared line-market width tokens (HDP = OU = Home/Away O/U, FT = 1H = 2H) */
body.look-classic{--w-line:70;--w-s-line:72;--x-both:5;--lh-s:34px;--s-name:15px}
body.look-comfort{--w-line:88;--w-s-line:84;--lh-s:42px;--s-name:18px}
/* 1X2: outcome label inside the box, odds right */
.cv .x12 .ob{justify-content:space-between}
.cv .x12 .ob .ln{margin-right:auto}
.cv .x12 .ob .tg{font-style:normal;font-size:calc(var(--fs-line) - 1px);font-weight:600;color:#5d4a40;letter-spacing:.02em}
.cv tr.m.pre .x12 .ob .tg{color:#4a4b6a}
/* 3rd event line carries only the alt-line button + action icons (no "Draw" text) */
.cv .ev .t.meta{justify-content:flex-end;gap:6px}
.cv .ev .t.meta .altmore{margin-left:0;margin-right:auto}
.cv .ev .t .meta2{display:inline-flex;align-items:center;gap:4px;margin-left:auto}
.cv .ev .t .meta2 + .fav.st{margin-left:4px}
/* Single Line: names vertically centred with breathing room */
.cv .single td.ev{vertical-align:middle;padding-top:2px !important;padding-bottom:2px !important}
.cv .single .ev .t{height:var(--s-name);line-height:var(--s-name)}
.cv .single tr.m.first td{height:calc(var(--lh-s) + 2px)}
/* 6.1 fit: equal line columns + H/A/D labels without clipping (Classic Double fits 1440 in all 4 handicap modes) */
body.look-classic{--w-x12:49;--w-event:184;--box-px:3px;--gap:4px;--cell-pad:0}
.cv .x12 .ob{gap:3px}
.cv .x12 .ob .tg{font-size:9.5px}
body.look-comfort .cv .x12 .ob .tg,body.look-comfort .x12 .ob .tg{font-size:10.5px}
body.look-classic{--w-x12:50;--w-event:182;--x-split:7;--x-both:6}
.cv .x12 .ob{gap:2px}
body.look-comfort{--w-x12:62}
.cv .x12 .ob{padding:0 2px 0 4px}.cv .x12 .ob .tg{letter-spacing:0}
.cv .x12 .ob{padding:0 2px 0 3px}
body.look-classic{--lh-s:36px;--s-name:14px}.cv .single td.ev{padding-top:3px !important;padding-bottom:3px !important}.cv .single .ev .t .fav{height:16px}

/* ================= round 6.2 – no side scrolling: column cap ================= */
body.cv{min-width:0}
/* roomier Classic values restored (6.1 had tightened them) */
body.look-classic{--w-event:190;--box-px:4px;--gap:5px;--cell-pad:0 1px;--w-line:72;--x-split:8;--x-both:6;--w-x12:52}
.cv .tablewrap{overflow-x:hidden}
.cv .tablewrap.more-right{-webkit-mask-image:none;mask-image:none}
.fitnote{display:flex;align-items:center;gap:8px;margin:0 0 6px;padding:7px 10px;border:1px solid #c9d6ea;border-left:3px solid #3a5ba8;border-radius:6px;background:#eef3fb;color:#1b2b46;font-size:12px}
.fitnote[hidden]{display:none}
.fitnote .ico{color:#3a5ba8}
.fitnote span{flex:1}
.fitnote a{color:#2f4f86;font-weight:700;text-decoration:underline;cursor:pointer}
.fn-x{border:0;background:transparent;color:#3F5676;width:22px;height:22px;border-radius:4px;display:grid;place-items:center;padding:0}
.fn-x:hover{background:rgba(63,86,118,.12)}
.bf-n.full{background:#3F5676;color:#fff}
.bf-cap{display:flex;align-items:center;gap:6px;margin:0 0 6px;padding:6px 8px;border-radius:5px;background:#fff6e5;border:1px solid #f0d49a;color:#6b4a00;font-size:var(--fs-tool)}
.bf-o.dis{opacity:.5;cursor:not-allowed;background:#f4f5f7}
.bf-o.dis input{cursor:not-allowed}
.bf-o.hid{border-style:dashed}
.bf-o em{font-style:normal;font-size:10px;font-weight:700;color:#8a5a00;background:#fff1d6;border-radius:3px;padding:0 4px;margin-left:2px}
/* toolbar never overflows: wraps onto a second row on narrow windows */
.cv .filters{flex-wrap:wrap;row-gap:6px}
.cv .mtabs{flex-wrap:wrap;row-gap:6px}
.fitnote{margin:8px 8px 0}
.cv .filters .fsearch{width:clamp(150px,13vw,260px)}
.cv .mtabs .dd{height:28px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border:1px solid #cfd6e0;border-radius:6px;background:#fff;color:#1d2a44;margin-left:10px}
.cv .mtabs .dd .ico{width:14px;height:14px;color:#3F5676}.cv .mtabs .dd .ico-chev-down{width:12px;height:12px}
.cv .mtabs .dd select.fsel{height:26px;font-size:12px}

/* ---------- round 6.2: match icons (colourful duotone, ghost buttons) ---------- */
.cv .ev .t.meta{justify-content:flex-start;gap:8px;padding-left:calc(var(--badge) + 6px);height:auto;min-height:var(--lh);margin-top:3px;overflow:visible}
.cv .ev .t.meta .altmore{margin:0 0 0 2px}
.mic{display:inline-flex;align-items:center;gap:4px;flex:none}
.mib{position:relative;width:22px;height:22px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;display:inline-grid;place-items:center;cursor:pointer}
.mib:hover{background:rgba(255,255,255,.7);border-color:rgba(63,86,118,.25)}
.mib:focus-visible{outline:2px solid #2f5fb3;outline-offset:1px}
.mib.off{cursor:default}
.mib.off .mi-g{filter:grayscale(1);opacity:.42}
.mib.off:hover{background:transparent;border-color:transparent}
/* Single Line: compact group in the row under the names, left-aligned at the name x */
.cv .single td.ev.evi{vertical-align:top;padding-top:4px !important;padding-left:calc(8px + var(--badge) + 6px) !important}
.cv .single td.ev.evi.evo{vertical-align:top}
.cv .single td.ev.evi .opts{margin-top:4px}
.cv .single td.c{padding:0 !important}

/* ===== round 6.3: lit 3D header + raised controls ===== */
.cv .hd{z-index:31;
  background:
    radial-gradient(260px 120px at 96px 14px,rgba(110,190,255,.38),rgba(70,140,230,.12) 55%,transparent 75%),
    linear-gradient(112deg,transparent 0 22%,rgba(255,255,255,.07) 30%,rgba(255,255,255,.015) 38%,transparent 46%),
    linear-gradient(180deg,#2c3d5c 0%,#1d2a43 46%,#141e32 100%);
  box-shadow:inset 0 1px 0 rgba(170,210,255,.38),inset 0 -1px 0 rgba(0,0,0,.45),0 4px 10px -2px rgba(4,10,22,.65)}
.cv .hd::before{background:var(--hex) 0 0/28px 48px repeat;opacity:.11;
  -webkit-mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.75) 18%,rgba(0,0,0,.25) 45%,transparent 70%);
          mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.75) 18%,rgba(0,0,0,.25) 45%,transparent 70%)}
.cv .hd::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(140% 220% at 38% 0%,transparent 55%,rgba(0,0,0,.30) 100%)}
.cv .hd>*{z-index:1}
/* logo plate: soft spotlight, bevelled divider */
.cv .hd-logo{position:relative}
.cv .hd-logo::before{content:"";position:absolute;left:14px;right:14px;top:10px;bottom:10px;border-radius:12px;pointer-events:none;
  background:radial-gradient(80% 90% at 35% 20%,rgba(140,205,255,.22),rgba(255,255,255,.03) 70%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 55%,rgba(0,0,0,.12));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.25)}
.cv .hd-logo::after{content:"";position:absolute;right:0;top:12px;bottom:12px;width:2px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.35) 30%,rgba(0,0,0,.35) 70%,transparent),linear-gradient(180deg,transparent,rgba(160,205,255,.22) 30%,rgba(160,205,255,.22) 70%,transparent) 1px 0/1px 100% no-repeat}
.cv .hd-logo img{position:relative;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(120,190,255,.25))}
.cv .ticker{background:linear-gradient(180deg,rgba(5,10,22,.55),rgba(5,10,22,.38));border:1px solid rgba(0,0,0,.35);box-shadow:inset 0 1px 2px rgba(0,0,0,.45),0 1px 0 rgba(170,210,255,.12)}
/* nav: underline glow */
.cv .prod a{position:relative;padding:2px 0 5px;text-shadow:0 1px 2px rgba(0,0,0,.45);transition:color .15s}
.cv .prod a::after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:2px;border-radius:2px;background:#5fb4ff;box-shadow:0 0 8px 1px rgba(95,180,255,.75);opacity:0;transform:scaleX(.4);transition:opacity .15s,transform .15s}
.cv .prod a:hover{color:#d6ecff}
.cv .prod a:hover::after,.cv .prod a.on::after{opacity:1;transform:none}
.cv .prod a.on{color:#fff}
/* raised controls */
.cv .hbtn,.cv .hic{height:28px;border-radius:8px;border:1px solid #0e1626;color:#f2f6fc;
  background:linear-gradient(180deg,#53668a 0%,#3a4b6b 52%,#2c3a56 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.22),0 2px 4px rgba(0,0,0,.45),0 1px 1px rgba(0,0,0,.35);
  text-shadow:0 1px 1px rgba(0,0,0,.4);transition:background .12s,box-shadow .12s,transform .06s}
.cv .hic{width:30px;border-radius:8px}
.cv .hbtn:hover,.cv .hic:hover{background:linear-gradient(180deg,#6178a0 0%,#45587c 52%,#334363 100%)}
.cv .hbtn:active,.cv .hic:active{transform:translateY(1px);background:linear-gradient(180deg,#2c3a56,#3a4b6b);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.45),0 1px 0 rgba(170,210,255,.15)}
.cv .hbtn .ico:last-child{opacity:.8}
.cv .hic em{border:1.5px solid #1a2438;box-shadow:0 1px 2px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.35);background:linear-gradient(180deg,#f0585d,#d23238);top:-6px;right:-6px;line-height:12px}
.cv .hic.out{border-color:#6e0d14;background:linear-gradient(180deg,#f0444e 0%,#d9232d 55%,#b4161f 100%)}
.cv .hic.out:hover{background:linear-gradient(180deg,#ff5a63,#e52d37 55%,#c21b25)}
.cv .hic.out:active{background:linear-gradient(180deg,#b4161f,#d9232d)}
.cv .hbal{justify-content:center;height:34px;margin-top:-3px;padding:0 10px;border-radius:8px;background:linear-gradient(180deg,rgba(4,9,20,.55),rgba(4,9,20,.35));
  box-shadow:inset 0 1px 3px rgba(0,0,0,.55),0 1px 0 rgba(170,210,255,.14);text-shadow:0 1px 1px rgba(0,0,0,.5)}
.cv .hbal small{color:#b9c6d8}
/* sub-nav: lit top edge */
.cv .subbar{border-top:0;box-shadow:inset 0 1px 0 rgba(185,215,255,.45),inset 0 2px 0 rgba(255,255,255,.06),0 2px 4px rgba(0,0,0,.25);
  background:linear-gradient(180deg,#5a7096 0%,#4e6283 40%,#3a4c69 100%)}
.cv .subbar nav a{text-shadow:0 1px 1px rgba(0,0,0,.35)}

/* ===== round 6.4: whole-header lit 3D surface (font-size control removed) ===== */
.cv .hd{background:
    radial-gradient(260px 120px at 96px 14px,rgba(110,190,255,.38),rgba(70,140,230,.12) 55%,transparent 75%),
    radial-gradient(460px 110px at calc(100% - 330px) 8px,rgba(130,190,255,.24),rgba(80,140,230,.08) 55%,transparent 78%),
    radial-gradient(60% 70px at 42% 62%,rgba(95,155,235,.14),transparent 80%),
    linear-gradient(112deg,transparent 0 20%,rgba(255,255,255,.07) 28%,rgba(255,255,255,.015) 36%,transparent 44%),
    linear-gradient(112deg,transparent 0 52%,rgba(255,255,255,.045) 58%,rgba(255,255,255,.01) 64%,transparent 70%),
    linear-gradient(112deg,transparent 0 80%,rgba(255,255,255,.05) 86%,rgba(255,255,255,.012) 92%,transparent 97%),
    linear-gradient(180deg,#2c3d5c 0%,#1d2a43 46%,#141e32 100%)}
.cv .hd::before{background:var(--hex) 0 0/28px 48px repeat,var(--hex-d) 14px 8px/56px 96px repeat;opacity:.10;
  -webkit-mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.55) 22%,rgba(0,0,0,.35) 48%,rgba(0,0,0,.6) 74%,#000 100%),linear-gradient(180deg,#000 0,rgba(0,0,0,.45) 100%);
  -webkit-mask-composite:source-in;
          mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.55) 22%,rgba(0,0,0,.35) 48%,rgba(0,0,0,.6) 74%,#000 100%),linear-gradient(180deg,#000 0,rgba(0,0,0,.45) 100%);
          mask-composite:intersect}
.cv .hd::after{background:radial-gradient(130% 260% at 50% 0%,transparent 58%,rgba(0,0,0,.30) 100%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 6%,transparent 94%,rgba(0,0,0,.18))}
.cv .hd-right{position:relative}
.cv .hd-right::before{content:"";position:absolute;inset:4px 2px -10px -14px;border-radius:14px;pointer-events:none;z-index:-1;
  background:radial-gradient(70% 90% at 50% 20%,rgba(140,195,255,.10),transparent 80%)}
.cv .subbar{background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 25%,transparent 75%,rgba(255,255,255,.05)),linear-gradient(180deg,#5a7096 0%,#4e6283 40%,#3a4c69 100%);
  box-shadow:inset 0 1px 0 rgba(185,215,255,.5),inset 0 2px 0 rgba(255,255,255,.06),0 2px 4px rgba(0,0,0,.25)}

/* ===== round 6.5/6.6: taller header 88 / sub-nav 34; contents kept at 6.4 sizes, vertically centred ===== */
:root{--hd-h:88px;--sb-h:34px}
.cv .hd{background:
    radial-gradient(290px 135px at 104px 16px,rgba(110,190,255,.38),rgba(70,140,230,.12) 55%,transparent 75%),
    radial-gradient(500px 124px at calc(100% - 340px) 10px,rgba(130,190,255,.24),rgba(80,140,230,.08) 55%,transparent 78%),
    radial-gradient(60% 80px at 42% 62%,rgba(95,155,235,.14),transparent 80%),
    linear-gradient(112deg,transparent 0 20%,rgba(255,255,255,.07) 28%,rgba(255,255,255,.015) 36%,transparent 44%),
    linear-gradient(112deg,transparent 0 52%,rgba(255,255,255,.045) 58%,rgba(255,255,255,.01) 64%,transparent 70%),
    linear-gradient(112deg,transparent 0 80%,rgba(255,255,255,.05) 86%,rgba(255,255,255,.012) 92%,transparent 97%),
    linear-gradient(180deg,#2c3d5c 0%,#1d2a43 46%,#141e32 100%)}
.cv .hd-right{padding-top:var(--hdr-top,17px)}

/* ===== round 6.7: 3D icons ===== */
.cv .i3d{flex:none;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}
.cv .hbtn{gap:6px;padding-left:8px}
.cv .hic .i3d{width:18px;height:18px}
.cv .hic.out .i3d{filter:drop-shadow(0 1px 1px rgba(90,0,8,.6))}
.cv .flag3d{position:relative;width:17px;height:17px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 1px 1px rgba(0,0,0,.5),inset 0 0 0 1px rgba(0,0,0,.2)}
.cv .flag3d img{position:absolute;left:50%;top:50%;height:100%;width:auto;transform:translate(-50%,-50%);border-radius:0}
.cv .flag3d::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(70% 45% at 40% 18%,rgba(255,255,255,.7),rgba(255,255,255,0) 70%),radial-gradient(100% 100% at 50% 40%,transparent 55%,rgba(0,0,0,.35))}
.cv .mib .i3d{filter:drop-shadow(0 1px .8px rgba(60,30,10,.35))}
.cv .mib.off .mi-g{filter:grayscale(1);opacity:.4}

/* ===== round 6.8: 3D family pills + dark Live Center cards ===== */
.cv .obtn .og{flex:none;width:12px;height:12px;filter:drop-shadow(0 1px .6px rgba(0,0,0,.5))}
/* warm variant (tested, not chosen) */

.cv .opts{max-width:178px;gap:4px}body.look-comfort .opts{max-width:204px}.cv .obtn{padding:0 5px}
.cv .opts{container-type:inline-size}@container (max-width:165px){.cv .obtn .og{display:none}}

/* ===== round 6.9: light 3D pills + light frosted Live Center cards over a patterned strip ===== */
.cv .obtn{gap:3px;padding:0 5px;border:1px solid #D9B8A4;color:#1d2a44;font-weight:700;text-shadow:none;
  background:linear-gradient(180deg,#FFFFFF 0%,#FFF6F0 45%,#F6DCCB 100%);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(170,110,80,.12),0 1px 2px rgba(120,60,30,.22),0 2px 4px rgba(120,60,30,.10);transition:background .12s,box-shadow .12s,transform .06s}
.cv .obtn .cv-ch{opacity:.75;color:#3f5676}
.cv .obtn:hover{border-color:#C9A08A;background:linear-gradient(180deg,#FFFFFF 0%,#FFFBF8 50%,#FBE7DA 100%)}
.cv .obtn:active{transform:translateY(1px);box-shadow:inset 0 1px 3px rgba(120,60,30,.25)}
.cv .obtn.on{border-color:#C08262;color:#16213a;background:linear-gradient(180deg,#FBE2D2 0%,#F3C7AE 100%);
  box-shadow:inset 0 1px 2px rgba(120,60,30,.25),0 0 0 2px rgba(232,140,90,.35),0 0 8px rgba(232,140,90,.45)}
.cv .obtn.on .cv-ch{opacity:1;color:#9a4a20;transform:rotate(180deg)}

.cv .lmc-box .lmc-strip{background:
    radial-gradient(420px 160px at 10% 0%,rgba(255,255,255,.45),transparent 70%),
    linear-gradient(180deg,#8b9bb2 0%,#a2afc2 55%,#b6c1d0 100%);
  box-shadow:inset 0 2px 5px rgba(16,24,40,.22),inset 0 -1px 0 rgba(255,255,255,.4)}

/* ===== round 6.11: Live Center cards follow the live-site design ===== */
.cv .lc{border:1px solid #d5dbe3;border-radius:8px;color:#1F2329;padding:7px 10px 8px;
  background:linear-gradient(180deg,#fff,#fbfcfd);box-shadow:0 1px 3px rgba(16,24,40,.12),0 2px 6px rgba(16,24,40,.06)}
.cv .lc::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:var(--hex-d) right -4px top -6px/30px 52px;opacity:.55;
  -webkit-mask-image:radial-gradient(150px 115px at 100% 0%,#000 25%,rgba(0,0,0,.4) 60%,transparent 100%);
          mask-image:radial-gradient(150px 115px at 100% 0%,#000 25%,rgba(0,0,0,.4) 60%,transparent 100%)}
.cv .lc::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(140px 100px at 100% 0%,rgba(205,214,226,.35),transparent 75%)}
.cv .lc-h{height:20px}
.cv .lc-h img{width:18px;height:18px}
.cv .lc-h b{font-size:12.5px;font-weight:700;color:#1F2329}
.cv .lc-h em{background:#36465f;color:#fff;border-radius:5px;height:19px;line-height:19px;padding:0 5px;font-size:11.5px}
.cv .lc-st{margin-top:1px;height:17px;gap:6px}
.cv .lc-pd{color:#1F2329;font-weight:700}
.cv .lc-live{background:#9E0B0F;color:#fff;border-radius:4px;height:17px;line-height:17px;padding:0 7px;font-size:10px;letter-spacing:.06em;box-shadow:none}
.cv .lc-vs{margin-top:2px;height:56px;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}
.cv .lc-t{gap:3px}
.cv .lc-t img{width:32px;height:32px;padding:0;background:none;box-shadow:none;filter:none;object-fit:contain}
.cv .lc-t span{font-size:12px;font-weight:700;color:#1F2329}
.cv .lc-t.g span{color:#1F2329}
.cv .lc-mid{gap:1px}
.cv .lc-mid b{font-size:19px;font-weight:800;color:#2E5BB8;text-shadow:none;line-height:1}
.cv .lc-pt{font-size:11px;font-weight:700;color:#A3161C;line-height:13px}
.cv .lc-sc{font-size:15px;font-weight:800;color:#1F2329;line-height:17px;letter-spacing:.02em}
.cv .lc-mk{height:20px;padding-bottom:4px;border-bottom:1px solid #d9dee6;color:#1F2329;font-size:12.5px;margin-top:auto}
.cv .lc-a{width:18px;height:18px;background:#c3cddb;color:#fff;box-shadow:none}
.cv .lc-a.dk{background:#36465f;color:#fff}
.cv .lc-o{margin-top:6px;gap:6px}
.cv .lo{height:26px;border:0;border-radius:5px;background:#dde4ee;box-shadow:none;padding:0 9px}
.cv .lo:hover{background:#e9eef5}
.cv .lo i{color:#1d4ed8;font-weight:600}.cv .lo b{color:#141a24;font-weight:800}.cv .lo b.n{color:#C8161E}
.cv .lc-st{height:16px}.cv .lc-vs{height:54px;margin-top:3px}.cv .lc-t img{width:30px;height:30px}
.cv .lc-mk{height:21px;padding-bottom:3px}.cv .lc-o{margin-top:5px}

/* ===== round 6.12: match icons right-aligned under the away star ===== */
.cv .ev .t.meta{justify-content:flex-start;margin-top:6px}
.cv .ev .t.meta .altmore{order:1}
.cv .ev .t.meta .mic{order:2;margin-left:auto;margin-right:-1px}
.cv .single td.ev.evi{padding-top:6px !important}
.cv .single td.ev.evi .mic{display:flex;justify-content:flex-end;margin-right:-1px}
.cv .single td.ev.evi .mic + .opts{margin-top:5px}
.cv .ev .t.meta{align-items:flex-start}.cv .ev .t.meta .mic{margin-right:0}
.cv .single td.ev.evi{padding-top:3px !important}
body.look-comfort .ev .t.meta{margin-top:0}

/* ===== round 6.14: pills raised off the bottom border, roomier gaps ===== */
.cv .odds td.ev.evo{padding-bottom:9px !important;padding-top:6px !important}
.cv .opts{gap:7px 8px;max-width:182px}
body.look-comfort .opts{max-width:210px}
.cv .single td.ev.evi .mic + .opts{margin-top:7px}
@container (max-width:172px){.cv .obtn .og{display:none}}


/* Round 6.16: transparent border space preserves tile gaps and geometry. */
body.cv.borders-off .odds .ob,body.cv.borders-off .mk .ob{border-color:transparent!important;background-clip:padding-box}

/* Round 6.17: breathing room outside each match; internal rows unchanged. */
body.cv{--match-space:8px}body.cv.look-comfort{--match-space:10px}
.cv .odds tr.match-space{background:#F9D4C3}
.cv .odds tr.match-space.alt{background:#FAE8DC}
.cv .odds tr.match-space.pre{background:#DADAED}
.cv .odds tr.match-space.pre.alt{background:#EAEAEA}
.cv .odds tr.match-space td{height:var(--match-space);padding:0!important;border:0;line-height:0}
.cv .odds tr.match-bottom td{border-bottom:1px solid #bd9e8b}
.cv .odds tr.match-bottom.pre td{border-bottom-color:#a6aac5}

/* Round 6.18: retain one match-boundary rule; no second rule below top padding. */
.cv .odds tr.match-top + tr.m.first td{border-top:0}

/* Round 6.19: market pills overlay existing event cells, not table-row content. */
.cv .odds td.ev.evo{position:relative;padding-top:0!important;padding-bottom:0!important}
.cv .odds td.ev.evo .opts{position:absolute;right:8px;bottom:9px;margin:0!important;width:calc(100% - 16px);max-width:182px;gap:7px 8px}
body.look-comfort .odds td.ev.evo .opts{max-width:210px}
.cv .opts.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.cv .opts.compact.has-overflow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px}
.cv .opts.compact .og{display:none}
.cv .opts.compact .obtn{padding:0 3px;gap:2px}
.cv .opts.compact.has-overflow .cv-ch{display:none}
.cv .opt-overflow{position:relative;min-width:0}
.cv .opt-overflow summary{list-style:none;width:100%;height:var(--pill-h);cursor:pointer}
.cv .opt-overflow summary::-webkit-details-marker{display:none}
.cv .opt-overflow[open] summary{background:#f3c7ae;box-shadow:0 0 0 2px rgba(232,140,90,.35)}
.cv .opt-menu{position:absolute;right:0;bottom:calc(100% + 6px);z-index:12;width:130px;padding:6px;display:grid;gap:7px;border:1px solid #cda68e;border-radius:8px;background:#fff8f2;box-shadow:0 3px 10px #56351d40}
.cv .opt-menu .obtn{width:100%}
/* Preserve the existing two-pill icon-row baseline for every short match.
   The absolute pill group never contributes to row sizing (2 and 4 identical). */
.cv .odds.single td.ev.evi.evo{height:66px;vertical-align:top;padding-top:3px!important}
body.look-comfort .odds.single td.ev.evi.evo{height:70px}
.cv .odds:not(.single) td.ev.evo:has(.opts.compact){height:33px}
body.look-comfort .odds:not(.single) td.ev.evo:has(.opts.compact){height:37px}
.cv .odds td.ev.evo{left:auto;overflow:visible}
.cv .odds td.ev.evo:has(.opt-overflow[open]){z-index:8}
.cv .odds td.ev.evo .opts{right:6px}

/* ===== round 6.20: horizontal market strip under the odds (starts under the first odds column) ===== */
.cv .odds tr.pillrow td{height:30px;padding:0!important}
body.look-comfort .odds tr.pillrow td{height:34px}
.cv .odds tr.pillrow td.ps{border-top:1px solid rgba(150,105,80,.38);padding:4px 6px!important;vertical-align:middle}
.cv .odds tr.pillrow.pre td.ps{border-top-color:rgba(100,100,160,.35)}
.cv .pstrip{display:flex;flex-wrap:wrap;gap:7px 8px;align-items:center}
.cv .pstrip .obtn{width:auto;flex:none;padding:0 9px;gap:4px}
.cv .pstrip .obtn .og{display:block}

/* ===== round 6.21: bigger pills, centred in a clean full-width band ===== */
.cv .odds tr.pillrow td.ps{height:auto;padding:0!important;border:0!important;border-top:0!important;vertical-align:top}
.cv .odds tr.pillrow td.ps .psw{margin-left:var(--ps-left,0px);border-top:1px solid rgba(150,105,80,.38);padding:var(--ps-pt,7px) 8px var(--ps-pb,8px) 6px}
.cv .odds tr.pillrow.pre td.ps .psw{border-top-color:rgba(100,100,160,.35)}
.cv .odds tr.pillrow + tr.match-bottom td{height:0}
.cv .pstrip{gap:10px 10px}
.cv .pstrip .obtn{height:28px;font-size:13px;padding:0 12px;gap:6px;border-radius:14px}
.cv .pstrip .obtn .og{width:16px;height:16px}
.cv .pstrip .obtn .cv-ch{width:9px;height:6px}
body.look-comfort .pstrip .obtn{height:31px;font-size:13.5px;padding:0 13px;border-radius:16px}
body.look-comfort .odds tr.pillrow td.ps .psw{padding:var(--ps-pt,8px) 8px var(--ps-pb,9px) 6px}
body.look-comfort .odds:not(.single) tr.altl + tr.pillrow .psw{--ps-pt:5px}
.cv .odds tr.m.first + tr.pillrow .psw{--ps-pt:2px}
.cv .odds tr.m.first + tr.pillrow .psw{--ps-pt:1px}
body.look-comfort .odds tr.m.first + tr.pillrow .psw{--ps-pt:5px}

/* ===== round 6.22: 26px pills (Classic) so 6 fit on one row at 1440 ===== */
.cv .pstrip{gap:8px 8px}
.cv .pstrip .obtn{height:26px;font-size:12.5px;padding:0 10px;gap:5px;border-radius:13px}
.cv .pstrip .obtn .og{width:15px;height:15px}
.cv .pstrip .obtn .cv-ch{width:8px;height:5px}
body.look-comfort .pstrip .obtn{height:29px;font-size:13px;padding:0 11px;border-radius:15px}
body.look-comfort .pstrip .obtn .og{width:16px;height:16px}
.cv .pstrip .obtn{gap:4px}
.cv .odds tr.pillrow td.ps .psw{padding-right:2px}
body.look-comfort .pstrip .obtn{padding:0 10px}
.cv .pstrip .obtn{font-weight:500}  /* round 6.23: unbolded labels */
/* round 6.24: rectangular strip buttons – set --strip-btn-r back to 999px to revert to pills */
body.cv{--strip-btn-r:4px}
.cv .pstrip .obtn,body.look-comfort .pstrip .obtn{border-radius:var(--strip-btn-r)}

/* ===================== Round 7 / 7.1: clickable odds + bet flow =====================
   Bet-panel type scale (Inter only): 11 caption · 12 body/labels · 13 emphasis · 15 key numbers/titles */
:root{--t-xs:11px;--t-sm:12px;--t-md:13px;--t-lg:15px;--ok:#15803d;--ok-bg:#e9f8ee;--w:#b45309;--w-bg:#fff5e0;--bad:#b91c1c;--bad-bg:#fdecec;--blue:#2f5fb3}
.cv .odds .ob[data-sel]:not([data-sel=""]):hover,.cv .lo[data-sel]:hover{background:#fff;box-shadow:inset 0 0 0 1px #8fa9d6}
.cv .odds .ob.picked,.cv .odds tr.alt .ob.picked,.cv .odds tr.m.pre .ob.picked,.cv .lo.picked{background:var(--blue)!important;box-shadow:inset 0 0 0 1px #1d3f80}
.cv .odds .ob.picked *,.cv .lo.picked *{color:#fff!important}
.cv .odds .ob.picked:hover,.cv .lo.picked:hover{background:#3a6cc4!important}
.cv .ob.qflash,.cv .lo.qflash{animation:qf .7s ease-out}
@keyframes qf{0%{box-shadow:inset 0 0 0 2px #f59e0b,0 0 0 4px rgba(245,158,11,.35)}100%{box-shadow:inset 0 0 0 1px transparent,0 0 0 0 transparent}}
/* panel text normalised to the scale */
.cv .slip,.bpw,.btoasts,.qbar{font-size:var(--t-sm);line-height:1.35}
.cv .slip input,.cv .slip select,.qbar input{font-size:var(--t-md)}
.sl-tabs button{font-size:var(--t-md)}
.sl-sub button,.sl-seg button,.sl-ref,.sl-empty small,.sl-hint,.sl-full{font-size:var(--t-sm)}
.sl-empty b{font-size:var(--t-md)}
.sl-tabs button{position:relative}
.tdot{position:absolute;top:6px;right:8px;width:8px;height:8px;border-radius:50%}
.tdot.w{background:#f59e0b;box-shadow:0 0 0 0 rgba(245,158,11,.6);animation:pulse 1.4s infinite}.tdot.ok{background:#22c55e}
@keyframes pulse{70%{box-shadow:0 0 0 6px rgba(245,158,11,0)}100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}}
.sl-ref .grow{flex:1}.sl-ref{justify-content:flex-start;gap:6px}
.bs-note{margin:8px 10px 0;padding:7px 9px;border-radius:6px;background:#eef4ff;border:1px solid #c9d8f2;color:#1d3f80;font-size:var(--t-sm)}
.bs-note.warn{background:var(--w-bg);border-color:#f0d49a;color:#7a4b00}
.bp{position:relative;container-type:inline-size;margin:8px 10px 0;padding:8px 10px 9px;border:1px solid #d7dde7;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.06);transition:background .4s,border-color .4s}
.bp.up{background:#f1fbf4;border-color:#9fd8b0}.bp.down{background:#fdf2f2;border-color:#efb4b4}
.bp-h{display:flex;align-items:center;gap:5px}
.bp-mk{flex:none;font-size:var(--t-xs);font-weight:700;color:#fff;background:#3f5676;border-radius:3px;padding:0 5px;line-height:16px}
.bt-live{flex:none;font-size:var(--t-xs);font-weight:800;color:#fff;background:#d92b2b;border-radius:3px;padding:0 4px;line-height:16px;letter-spacing:.03em}
.bp-lg{flex:1;min-width:0;font-size:var(--t-xs);font-weight:600;color:#5b6678;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-x{flex:none;display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:4px;background:#eef1f5;color:#4d5562;padding:0}
.bp-x:hover{background:#fde2e2;color:var(--bad)}
.bp-s{display:flex;align-items:baseline;gap:6px;margin-top:5px;font-size:var(--t-md)}
.bp-sel{flex:1;min-width:0;overflow-wrap:break-word;color:#B8141C;font-weight:700}.bp-sel i{font-style:normal;color:#1d4ed8}
.bp-od{flex:none;color:#1b2430;font-weight:700}
.bp-m{font-size:var(--t-sm);font-weight:500;color:#3b4554;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.bp-chg{margin-top:5px;padding:3px 6px;border-radius:4px;font-size:var(--t-xs);font-weight:700}.bp-chg.up{color:var(--ok);background:var(--ok-bg)}.bp-chg.down{color:var(--bad);background:var(--bad-bg)}
.bp-lim{display:grid;grid-template-columns:1fr auto;gap:1px 8px;margin:7px 0 0;padding:5px 7px;border-radius:5px;background:#f6f7f9;font-size:var(--t-xs);color:#6b7280}
.bp-lim dt{margin:0}.bp-lim dd{margin:0;text-align:right;font-weight:600;color:#1b2430}
.bp-q{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:7px}
@container (min-width:250px){.bp-q{grid-template-columns:repeat(6,1fr)}}
.bp-q button{height:24px;border:1px solid #c9d2df;border-radius:5px;background:linear-gradient(#fff,#eef1f6);font-size:var(--t-sm);font-weight:600;color:#2f4f86;padding:0}
.bp-q button:hover{background:#eef3fb}.bp-q button.on{background:#2f4f86;border-color:#2f4f86;color:#fff}.bp-q button:disabled{opacity:.45;cursor:default}
.bp-in{display:flex;align-items:center;gap:8px;margin-top:6px}
.bp-in .rm{flex:1;min-width:0;display:flex;align-items:center;height:30px;border:1px solid #c3ccd9;border-radius:6px;background:#fff;padding-left:8px}
.bp-in .rm span{font-size:var(--t-sm);font-weight:700;color:#5b6678}
.bp-in .rm input{flex:1;min-width:0;height:100%;border:0;background:transparent;padding:0 8px;font-weight:600;color:#1b2430;text-align:right;outline:0}
.bp-in .rm:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px rgba(47,95,179,.2)}
.bp-in .rm.bad{border-color:var(--bad)}
.bp-in input:disabled{color:#9aa3b1}
.bp-pay{flex:none;display:flex;flex-direction:column;align-items:flex-end;font-size:var(--t-xs);font-weight:600;color:#5b6678}.bp-pay b{font-size:var(--t-md);color:var(--ok)}
.bp-err{min-height:0;font-size:var(--t-xs);font-weight:600;color:var(--bad)}.bp-err:not(:empty){margin-top:3px}
.bs-sum{display:flex;justify-content:space-between;margin:8px 10px 0;padding:8px 10px;border-radius:8px;background:#f4f6f9;font-size:var(--t-xs);color:#5b6678}
.bs-sum span{display:flex;flex-direction:column;gap:1px}.bs-sum b{font-size:var(--t-md);color:#1b2430}.bs-sum span:last-child{align-items:flex-end}.bs-sum span:last-child b{color:var(--ok)}
.bs-par{container-type:inline-size;margin:8px 10px 0;padding:9px 10px;border-radius:8px;background:#f4f6f9;border:1px solid #e1e6ee}
.bs-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:var(--t-sm);font-weight:600;color:#3b4554}.bs-row b{font-size:var(--t-lg);color:#1b2430}
.bs-row.cmb{margin-top:6px}
.bs-sel{height:26px;border:1px solid #c3ccd9;border-radius:5px;background:#fff;padding:0 6px;font-size:var(--t-sm)!important;font-weight:600;color:#1b2430}
.bs-acc{display:flex;align-items:center;gap:6px;margin:10px 12px 0;font-size:var(--t-sm);font-weight:600;color:#1b2430;cursor:pointer}
.bs-act{display:flex;flex-direction:column;gap:6px;margin:10px 10px 0}
.bs-clr{height:32px;padding:0 12px;border:1px solid #c3ccd9;border-radius:7px;background:#fff;font-weight:700;font-size:var(--t-sm);color:#3b4554}
.bs-clr:hover{background:#f3f6fb}
.bs-place{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;border:0;border-radius:7px;background:linear-gradient(#f59e2b,#e5800f);color:#fff;font-weight:700;font-size:var(--t-md);letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 2px rgba(0,0,0,.2)}
.bs-place:hover:not(:disabled){filter:brightness(1.05)}
.bs-place:disabled{background:#c5ccd6;cursor:default;box-shadow:none}
.bs-foot{display:flex;justify-content:space-between;align-items:center;margin:8px 12px 14px;font-size:var(--t-xs);color:#6b7280}
.bs-ar{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;font-size:var(--t-xs);font-weight:600;color:#2f4f86}.bs-ar b{font-weight:700}
.bs-spin{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:spin .8s linear infinite;flex:none}
.bs-spin.lg{width:16px;height:16px}
@keyframes spin{to{transform:rotate(360deg)}}
/* progress bar */
.pb{position:relative;height:8px;margin:7px 0 6px;border-radius:5px;background:#eef1f5;overflow:hidden;box-shadow:inset 0 1px 2px rgba(16,24,40,.12)}
.pb.sm{height:5px;margin:6px 0 3px}
.pb i{position:absolute;inset:0;border-radius:inherit;transform-origin:left;transform:scaleX(0);
  background:linear-gradient(90deg,#f7b543,#f08a24),repeating-linear-gradient(45deg,rgba(255,255,255,.28) 0 6px,transparent 6px 12px);background-blend-mode:overlay;
  animation-name:pbgrow;animation-timing-function:cubic-bezier(.25,.55,.45,1);animation-fill-mode:forwards}
.pb i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);background-size:60px 100%;background-repeat:no-repeat;animation:sheen 1.2s linear infinite}
@keyframes pbgrow{from{transform:scaleX(.04)}to{transform:scaleX(1)}}
@keyframes sheen{from{background-position:-60px 0}to{background-position:calc(100% + 60px) 0}}
.pb.done i{transform:none;animation:none}.pb.done i:after{display:none}
.pb.done.ok i{background:linear-gradient(90deg,#34c46a,#1f9d55)}.pb.done.bad i{background:linear-gradient(90deg,#ef6b6b,#d23b3b)}
/* status chips */
.st{flex:none;display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:10px;font-size:var(--t-xs);font-weight:700;white-space:nowrap}
.st-w{background:var(--w-bg);color:var(--w);border:1px solid #f3cf8a}.st-w .bs-spin{width:9px;height:9px;border-width:2px;border-color:rgba(180,83,9,.3);border-top-color:var(--w)}
.st-ok{background:var(--ok-bg);color:var(--ok);border:1px solid #a7dfb9}
.st-bad{background:var(--bad-bg);color:var(--bad);border:1px solid #f1b5b5}
.st-won{background:#e8f1ff;color:#1d4ed8;border:1px solid #b9cff5}.st-lost{background:#f1f3f6;color:#4b5565;border:1px solid #d7dde7}
/* My Bets ticket cards */
.tk2{margin:8px 10px 0;padding:8px 10px 9px;border:1px solid #d7dde7;border-left:3px solid #9aa3b1;border-radius:8px;background:#fff}
.tk2.s-w{border-left-color:#f59e0b;background:#fffcf5}.tk2.s-ok{border-left-color:#22a559}.tk2.s-bad{border-left-color:#dc3c3c}.tk2.s-won{border-left-color:#2f6fe0}
.tk2-h{display:flex;align-items:center;gap:6px}
.tk2-h{justify-content:space-between}.tk2-id{font-size:var(--t-sm);font-weight:700;color:#1b2430}.tk2-t{font-size:var(--t-xs);color:#6b7280}
.tk2-w{font-size:var(--t-xs);font-weight:600;color:var(--w)}
.tk2-p{margin-top:6px;font-size:var(--t-sm);font-weight:700;color:#1b2430}
.tl{margin-top:6px}.tl+.tl{padding-top:6px;border-top:1px dashed #e1e6ee}
.tl-s{display:flex;align-items:baseline;gap:6px;font-size:var(--t-sm)}
.tl-m{font-size:var(--t-sm);color:#3b4554;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.tl-l{font-size:var(--t-xs);color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-live{color:#d92b2b;font-weight:600}
.tk2-r{margin-top:6px;font-size:var(--t-xs);font-weight:700;color:var(--bad)}
.tk2-f{display:flex;justify-content:space-between;margin-top:7px;padding-top:6px;border-top:1px solid #eef1f5;font-size:var(--t-xs);color:#6b7280}
.tk2-f span{display:flex;flex-direction:column}.tk2-f span:last-child{align-items:flex-end}.tk2-f b{font-size:var(--t-md);color:#1b2430}.tk2-f span:last-child b{color:var(--ok)}.tk2-f b.mut{color:#9aa3b1!important;text-decoration:line-through}
.tk2.s-lost .tk2-f span:last-child b{text-decoration:none;color:#4b5565!important}
.bs-demo-n{margin:8px 12px 0;font-size:var(--t-xs);color:#9aa3b1;text-align:center}
/* progress window (floats over the bet panel; closable at any time) */
.bpw{position:fixed;z-index:120;right:10px;bottom:calc(var(--foot-h) + 10px);width:max(300px,calc(var(--slip-w) + 60px));padding:12px 14px 10px;border-radius:12px;background:#fff;border:1px solid #d7dde7;box-shadow:0 18px 40px rgba(15,23,42,.28),0 2px 6px rgba(15,23,42,.12);animation:pwin .25s ease-out;color:#1b2430}
@keyframes pwin{from{transform:translateY(12px);opacity:0}}
.bpw-h{display:flex;align-items:center;gap:10px}
.bpw-ic{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:linear-gradient(#f7b543,#ea8a1c)}
.bpw[data-state=ok] .bpw-ic{background:linear-gradient(#34c46a,#1f9d55)}.bpw[data-state=bad] .bpw-ic{background:linear-gradient(#ef6b6b,#d23b3b)}
.bpw-tt{flex:1;min-width:0;display:flex;flex-direction:column}.bpw-tt b{font-size:var(--t-lg);font-weight:700}.bpw-tt span{font-size:var(--t-xs);color:#6b7280}
.bpw-x{flex:none;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:6px;background:#f1f3f6;color:#4b5565}.bpw-x:hover{background:#e4e8ee}
.bpw-sub{margin:8px 0 2px;font-size:var(--t-sm);color:#3b4554}
.bpw-l{display:flex;flex-direction:column;gap:6px;margin-top:6px;max-height:40vh;overflow:auto}
.bpw-t{padding:8px 10px 7px;border:1px solid #e1e6ee;border-radius:8px;background:#fafbfc}
.bpw-r{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:var(--t-sm)}
.bpw-r.mut{font-size:var(--t-xs);color:#6b7280}.bpw-r.mut span:first-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bpw-r.mut span:last-child{flex:none}
.bpw-r{align-items:flex-start}.bpw-sel{min-width:0;font-size:var(--t-md);font-weight:700;color:#B8141C}.bpw-sel i{font-style:normal;color:#1d4ed8}.bpw-od{flex:none;font-size:var(--t-md);color:#1b2430}
.bpw-r.st-row{align-items:center;justify-content:flex-start;margin-top:6px}.bpw-pct{font-size:var(--t-xs);color:#6b7280}
.bpw-m{font-size:var(--t-xs);color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bpw-t .tk2-f{margin-top:5px}
.bpw-sel .bp-mk{vertical-align:2px}
.bpw-a{display:flex;gap:8px;margin-top:10px}.bpw-a button{flex:1}
.bpw-demo{margin:6px 0 0;font-size:var(--t-xs);color:#9aa3b1;text-align:center}
.btoasts{position:fixed;z-index:121;right:10px;bottom:calc(var(--foot-h) + 10px);display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.btoast{display:flex;align-items:center;gap:8px;max-width:320px;padding:8px 12px 8px 8px;border:1px solid #a7dfb9;border-radius:10px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.2);text-align:left;color:#1b2430;animation:pwin .25s ease-out}
.btoast .bpw-ic{width:24px;height:24px;background:linear-gradient(#34c46a,#1f9d55)}.btoast.bad{border-color:#f1b5b5}.btoast.bad .bpw-ic{background:linear-gradient(#ef6b6b,#d23b3b)}
.btoast span:last-child{display:flex;flex-direction:column;min-width:0}.btoast b{font-size:var(--t-sm)}.btoast small{font-size:var(--t-xs);color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Quick bet toggle + bottom bar */
.cv .mtabs .tog i{position:relative}.cv .mtabs .tog i:after{transition:left .15s}
.cv .mtabs .tog.on i{background:#f59e0b}.cv .mtabs .tog.on i:after{left:18px;background:#fff}
.qbar{position:fixed;z-index:110;bottom:calc(var(--foot-h) + 12px);transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:7px 8px 7px 12px;border-radius:12px;background:linear-gradient(#26324a,#172033);border:1px solid #3a4866;box-shadow:0 14px 32px rgba(10,16,30,.4),inset 0 1px 0 rgba(255,255,255,.08);color:#fff;white-space:nowrap;animation:pwin .2s ease-out}
.qb-l{display:inline-flex;align-items:center;gap:5px;margin-right:4px;font-size:var(--t-sm);font-weight:700;color:#fbbf24}
.qb-c{height:28px;min-width:44px;padding:0 8px;border:1px solid #46557a;border-radius:6px;background:linear-gradient(#34425f,#28344d);color:#fff;font-size:var(--t-sm);font-weight:600}
.qb-c:hover{border-color:#6b7da6}.qb-c.on{background:linear-gradient(#fff,#e9eef6);color:#172033;border-color:#fff;font-weight:700}
.qb-in{display:flex;align-items:center;height:28px;padding-left:8px;border:1px solid #46557a;border-radius:6px;background:#1b2538}
.qb-in.on{border-color:#fbbf24}.qb-in.bad{border-color:#ef6b6b}
.qb-in span{font-size:var(--t-xs);font-weight:700;color:#9fb0cc}.qb-in input{width:62px;height:100%;border:0;background:transparent;color:#fff;padding:0 6px;font-weight:600;outline:0}
.qb-in input::placeholder{color:#7d8aa5}
.qb-ok{height:28px;padding:0 12px;border:0;border-radius:6px;background:linear-gradient(#f59e2b,#e5800f);color:#fff;font-size:var(--t-sm);font-weight:700}
.qb-h{margin-left:4px;font-size:var(--t-xs);color:#b8c3d6}.qb-h b{color:#fff}
@media (max-width:1400px){.qb-h{display:none}}
.tl-s{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 6px}.tl-s .bp-sel{grid-column:1/-1;grid-row:2}.tl-s .bp-od{grid-column:3;grid-row:1}
.cv .filters .i3d,.cv .mtabs .i3d{filter:drop-shadow(0 1px .7px rgba(30,40,60,.32))}.cv .mtabs span.on .i3d{filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
/* ---- round 7.2: full-information ticket cards (no ellipsis; wraps; board density) ---- */
.tk2{padding:7px 9px 8px;overflow-wrap:anywhere}
.tk2 .tk2-h{gap:6px;justify-content:flex-start}
.tk-no{flex:none;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#eef1f5;color:#4b5565;font-size:var(--t-xs);font-weight:700;line-height:18px;text-align:center}
.tk2 .tk2-id{flex:1;min-width:0;font-size:var(--t-sm)}
.tk-dl{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:6px 0 0;font-size:var(--t-xs);line-height:1.35}
.tk-dl dt{color:#6b7280;white-space:nowrap}
.tk-dl dd{margin:0;color:#1b2430;font-weight:500;min-width:0}
.tk-dl.tk-meta{padding-bottom:6px;border-bottom:1px solid #eef1f5}
.tk-dl small,.tk-at+small{font-size:var(--t-xs);color:#6b7280;font-weight:600}
.tk-tz{color:#6b7280}
.tk-dec{color:#6b7280}
.tk-dl .vs{color:#6b7280}
.tk-sc{color:#d92b2b;font-weight:600}
.tk-sel{margin-top:6px;font-size:var(--t-sm);font-weight:700;color:#B8141C;line-height:1.35}.tk-sel i{font-style:normal;color:#1d4ed8}.tk-at{color:#1b2430}
.tk-one{padding-bottom:6px;border-bottom:1px solid #eef1f5}
.tk-legs{margin-top:6px;border:1px solid #e1e6ee;border-radius:6px;background:#fafbfc}
.tk-legs summary{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;font-size:var(--t-xs);font-weight:700;color:#2f4f86;cursor:pointer;list-style:none}
.tk-legs summary::-webkit-details-marker{display:none}
.tk-tg:after{content:"Show ▾";font-weight:600}.tk-legs[open] .tk-tg:after{content:"Hide ▴"}
.tk-leg{padding:5px 8px 7px;border-top:1px dashed #dfe4ec}
.tk-leg .tk-sel{margin-top:3px}
.tk-legn{display:flex;align-items:center;justify-content:space-between;font-size:var(--t-xs);color:#3b4554}
.tk-legn .st{height:16px;padding:0 6px}
.tk-dl.money{margin-top:6px}
.tk-dl.money dd{text-align:right;font-weight:700}
.tk-dl.money dd.win{color:var(--ok)}.tk-dl.money dd.mut{color:#9aa3b1;text-decoration:line-through}
.tk-dl.money dd.stt{font-weight:700}.tk-dl dd.s-w{color:var(--w)}.tk-dl dd.s-ok{color:var(--ok)}.tk-dl dd.s-bad{color:var(--bad)}.tk-dl dd.s-won{color:#1d4ed8}.tk-dl dd.s-lost{color:#4b5565}
.tk2 .bt-live{font-size:var(--t-xs);line-height:14px;padding:0 4px;vertical-align:1px}
/* round 7.2b: ticket text sizes follow the live My Bets (measured cap heights 8px regular / 9px bold → Inter 11px / 12px);
   live line pitch ≈18px. Team names, leagues and matches always wrap in full – no ellipsis anywhere in slip, tickets, progress window. */
.tk2,.tk2 .tk2-id,.tk-dl,.tk-legs summary,.tk-legn,.tk2-w{font-size:var(--t-xs)}
.tk-dl{line-height:1.5;gap:1px 8px}
.tk-sel{font-size:var(--t-sm);line-height:1.5}
.tk-dl.money dd{font-size:var(--t-sm)}
.bp-m,.bp-lg,.bpw-m,.bpw-r.mut span:first-child,.btoast small,.tl-m,.tl-l,.bpw-sel{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
.bp-h{align-items:flex-start}.bp-h .bp-mk,.bp-h .bt-live{margin-top:1px}
.tk2 .tk2-h{flex-wrap:wrap;row-gap:4px}.tk2 .tk2-id{white-space:nowrap}
.sl-ref span{white-space:nowrap}
.tk2 .tk2-id{flex:none}.tk2 .tk2-h .st{margin-left:auto}
/* ---- round 7.3: compact tickets (no grey rows) + printable detail sheet ---- */
.tkc{padding:10px 11px 10px;margin-top:10px}
.tkc .tk2-h{flex-wrap:nowrap;gap:6px}.tkc .tk2-h .st{margin-left:auto}
.tkc .tk2-id{font-size:var(--t-xs);font-weight:700}
.tkc .bt-live{flex:none}
.tk-pr{flex:none;display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid #cfd6e0;border-radius:6px;background:linear-gradient(#fff,#eef1f6)}
.tk-pr:hover{border-color:#9fb0c8;background:#f7f9fc}
.tk-pr .i3d{filter:drop-shadow(0 1px .7px rgba(30,40,60,.32))}
.tkc .pb.sm{margin:8px 0 2px}
.tkc-one,.tkc-leg{margin-top:8px}
.tkc .tk-sel{margin:0;font-size:var(--t-sm);line-height:1.45}
.tkc-tm{margin-top:2px;font-size:var(--t-xs);line-height:1.5;color:#1b2430;font-weight:500;overflow-wrap:anywhere}
.tkc-tm .vs{color:#1b2430;font-weight:400}
.tkc-p{margin-top:8px;font-size:var(--t-sm);font-weight:700;color:#1b2430}
.tkc-leg{padding-top:8px;border-top:1px dashed #e1e6ee}.tkc-p+.tkc-leg{border-top:0;padding-top:0}
.tkc-lh{display:flex;align-items:flex-start;gap:6px}.tkc-lh .tk-sel{flex:1;min-width:0}.tkc-lh .st{height:16px;padding:0 6px}
.tkc-f{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid #eef1f5;font-size:var(--t-xs);color:#1b2430}
.tkc-f b{font-size:var(--t-sm);color:#1b2430;margin-left:3px}.tkc-f b.win{color:var(--ok)}.tkc-f b.mut{color:#9aa3b1;text-decoration:line-through}
.tk-sheet-wrap{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:20px;background:rgba(10,16,30,.5)}
.tk-sheet{width:min(400px,94vw);max-height:90vh;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.35);color:#1b2430;font-size:var(--t-xs);animation:pwin .2s ease-out}
.tks-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px 10px;border-bottom:2px dashed #d7dde7}
.tks-h div{display:flex;flex-direction:column}.tks-h b{font-size:var(--t-lg)}.tks-h span{font-size:var(--t-xs);color:#6b7280}
.tks-b{overflow:auto;padding:4px 6px}
.tks-b .tk2{margin:8px;border-left-width:1px}
.tks-note{margin:0;padding:6px 16px 0;font-size:var(--t-xs);color:#6b7280;text-align:center}
.tks-a{display:flex;gap:8px;padding:10px 16px 14px}.tks-a button{flex:1}
@media print{
  body.has-sheet > *:not(#tkSheet){display:none!important}
  body.has-sheet{background:#fff!important;overflow:visible!important}
  .tk-sheet-wrap{position:static;display:block;padding:0;background:none}
  .tk-sheet{width:auto;max-height:none;box-shadow:none;border-radius:0;animation:none}
  .tks-b{overflow:visible}.tks-a,.tks-h .bpw-x,.pb{display:none!important}
  .tk-legs summary .tk-tg{display:none}
  .tk2{break-inside:avoid;box-shadow:none}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
.tkc .tk2-h{flex-wrap:nowrap}.tkc .tk2-h .st{margin-left:0}.tkc .tk2-h .grow{flex:1}
.tkc-id{margin-top:6px;font-size:var(--t-xs);font-weight:700;color:#1b2430}
.tkc-ls{margin-top:4px}.tkc-ls .st{height:16px;padding:0 6px}
.tkc-f span{display:flex;flex-direction:column;gap:1px}.tkc-f span:last-child{align-items:flex-end}
.tkc-f b{margin-left:0}