:root{
  --sky:#29abe2; --sky-dark:#1d8fc4;
  --back:#72bbef; --back-strong:#a7d8fd;
  --lay:#faa9ba; --lay-strong:#fcc6d1;
  --link:#1f7ae0; --red:#e23b2e; --green:#1a8a3a;
  --bg:#f2f4f7; --card:#ffffff; --border:#dde3ea;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);font-family:"Roboto",Arial,sans-serif;color:#222}
a{color:var(--link);text-decoration:none}

/* ===== Top bar ===== */
.topbar{background:var(--sky);color:#fff;display:flex;align-items:center;gap:14px;padding:10px 14px;position:sticky;top:0;z-index:50;flex-wrap:wrap}
.topbar .brand{font-weight:700;font-size:18px;display:flex;align-items:center;gap:6px;cursor:pointer}
.topbar .brand .kn{font-size:24px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
.topbar .funds{margin-left:auto;display:flex;gap:14px;font-size:13px;flex-wrap:wrap}
.topbar .funds b{font-size:14px}
.topbar .menu-btn{background:rgba(255,255,255,.18);border:none;color:#fff;font-size:15px;padding:7px 12px;border-radius:6px;cursor:pointer}

/* ===== Nav ===== */
.nav{background:#fff;border-bottom:1px solid var(--border);display:flex;gap:2px;overflow-x:auto;position:sticky;top:48px;z-index:40}
.nav button{background:none;border:none;padding:11px 16px;font-size:14px;font-weight:500;color:#444;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent}
.nav button.active{color:var(--sky-dark);border-bottom-color:var(--sky)}

.wrap{max-width:1180px;margin:0 auto;padding:12px}

/* ===== Cards / tables ===== */
.card{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:14px;overflow:hidden}
.card h3{margin:0;padding:10px 14px;background:var(--sky);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}
.card h3 .right{margin-left:auto;font-weight:400;font-size:12px}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:left}
th{background:#f7f9fb;font-weight:500;color:#555;font-size:12.5px}
tr:last-child td{border-bottom:none}
tr.clickable{cursor:pointer}
tr.clickable:hover{background:#f0f7fd}
.muted{color:#888;font-size:12px}
.pos{color:var(--green);font-weight:700}
.neg{color:var(--red);font-weight:700}
.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:10px;background:#e8f4fb;color:var(--sky-dark);font-weight:700}
.badge.live{background:#e3f6e8;color:var(--green)}
.empty{padding:22px;text-align:center;color:#999;font-size:14px}
.btn{border:none;cursor:pointer;color:#fff;font-weight:700;font-size:14px;padding:9px 20px;border-radius:18px;background:linear-gradient(180deg,#63b6ec,#2f8fd8);box-shadow:0 1px 3px rgba(0,0,0,.2)}
.btn.sm{padding:6px 14px;font-size:13px}
.btn.gray{background:#aab4bf}
.btn.red{background:linear-gradient(180deg,#f0776c,#d8402f)}
input.inp,select.inp{height:38px;border:1.5px solid #4b3a63;border-radius:19px;padding:0 14px;font-size:14px;outline:none;background:#fff}
input.inp:focus{border-color:#5b3fa0;box-shadow:0 0 0 1px #5b3fa0}

/* ===== Odds grid ===== */
.mkt-head{display:grid;grid-template-columns:1fr repeat(6,minmax(58px,74px));gap:2px;padding:4px 8px;font-size:11px;color:#666;text-align:center}
.mkt-head .lbl{text-align:left}
.runner{display:grid;grid-template-columns:1fr repeat(6,minmax(58px,74px));gap:2px;padding:3px 8px;align-items:stretch;border-top:1px solid var(--border)}
.runner .name{display:flex;flex-direction:column;justify-content:center;font-size:13.5px;font-weight:500;padding-right:6px}
.runner .name .pl{font-size:11px;font-weight:700}
.cell{border-radius:4px;text-align:center;padding:5px 2px;cursor:pointer;min-height:40px;display:flex;flex-direction:column;justify-content:center;background:#eef1f4;transition:filter .1s}
.cell:hover{filter:brightness(.93)}
.cell .p{font-weight:700;font-size:14px;line-height:1.15}
.cell .s{font-size:10.5px;color:#444}
.cell.b{background:var(--back-strong)}
.cell.b.best{background:var(--back)}
.cell.l{background:var(--lay-strong)}
.cell.l.best{background:var(--lay)}
.cell.disabled{cursor:default;opacity:.55}
.quotes-suspended{position:relative}
/* The suspension mask occupies the quote columns only. Account/book controls
   and signed P/L stay readable; quote()/fancyQuote() still block all bets. */
.quotes-suspended::after{content:"SUSPENDED";position:absolute;grid-column:2/-1;grid-row:1;inset:0;background:rgba(255,255,255,.82);color:#d32128;font-weight:700;font-size:11px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;border-radius:4px;pointer-events:none}
.fancy-row{display:grid;grid-template-columns:1fr 92px 92px;gap:4px;padding:5px 10px;border-top:1px solid var(--border);align-items:stretch}
.fancy-row .name{font-size:13.5px;font-weight:500;display:flex;align-items:center}
.fcell{border-radius:4px;text-align:center;padding:4px;cursor:pointer;min-height:42px;display:flex;flex-direction:column;justify-content:center}
.fcell .r{font-weight:700;font-size:15px}
.fcell .pr{font-size:10.5px}
.fcell.no{background:var(--lay)}
.fcell.yes{background:var(--back)}

/* ===== Score bar ===== */
.score{background:#17223b;color:#fff;padding:10px 14px;font-size:13px;line-height:1.5;border-radius:8px 8px 0 0}
.score b{font-size:16px}
.score .sub{color:#bcd0f5}

/* ===== Bet slip ===== */
.slip-bg{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:90;display:none;align-items:flex-end;justify-content:center}
.slip-bg.open{display:flex}
.slip{background:#fff;width:100%;max-width:560px;border-radius:14px 14px 0 0;padding:16px 18px 22px;box-shadow:0 -4px 20px rgba(0,0,0,.25)}
.slip h4{margin:0 0 4px;font-size:16px}
.slip .sel{font-size:13px;color:#555;margin-bottom:12px}
.slip .side-back{color:#1565c0;font-weight:700}
.slip .side-lay{color:#c2185b;font-weight:700}
.slip .fields{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.slip .fld{flex:1;min-width:120px}
.slip .fld label{display:block;font-size:11.5px;color:#666;margin-bottom:4px}
.slip .fld input{width:100%}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.chips button{border:1px solid var(--sky);background:#eaf6fd;color:var(--sky-dark);border-radius:14px;padding:6px 14px;font-size:13px;font-weight:700;cursor:pointer}
.slip .actions{display:flex;gap:10px;justify-content:flex-end}
.slip .ret{font-size:12.5px;color:#555;margin:-4px 0 12px}

/* toast */
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;background:#222;color:#fff;padding:11px 20px;border-radius:24px;font-size:14px;z-index:120;opacity:0;transition:opacity .25s;pointer-events:none;max-width:90%}
.toast.show{opacity:1}
.toast.ok{background:var(--green)}
.toast.err{background:var(--red)}

.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.ver{position:fixed;right:16px;bottom:14px;background:#f5e24e;color:#222;font-size:13px;padding:8px 14px;border-radius:20px;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:30}
@media(max-width:640px){
  .mkt-head,.runner{grid-template-columns:1fr repeat(2,minmax(70px,1fr))}
  .mkt-head .d3,.runner .d3{display:none}
  .topbar .funds{width:100%;order:3}
}

/* Screenshot reference: original main menu 818px wide, 46px title bar,
   24px content inset, mint-framed menu rows and warm pink canvas. */
html{min-width:0;min-height:100%;background:#fdfaff}
body{min-width:0;min-height:100vh;min-height:100dvh;background:#fdfaff;overflow-wrap:anywhere}
button,a,input,select{touch-action:manipulation}
button:focus-visible,a:focus-visible,[role="button"]:focus-visible{outline:2px solid #184d9d;outline-offset:2px}
.topbar{min-height:46px;padding:8px 12px;gap:9px;background:#02a9f4;border-radius:6px 6px 0 0;z-index:50}
.topbar .brand{min-width:0;max-width:100%;padding:0;border:0;background:none;color:#fff;font:500 12px/1.3 "Roboto",Arial,sans-serif;display:flex;gap:3px;text-align:left;cursor:pointer}
.brand .account-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .header-menu,.topbar .header-home,.topbar .menu-btn{flex:0 0 auto;padding:0;width:25px;height:28px;border:0;border-radius:2px;background:none;font:21px/28px Arial,sans-serif;color:#101010;cursor:pointer}
.topbar .header-actions{display:flex;align-items:center;gap:5px;margin-left:auto}
.topbar .header-home,.topbar .menu-btn{color:#fff315;font-weight:700}
.topbar .funds{gap:10px;font-size:11px;min-width:0}
.topbar .funds b{font-size:12px}
.nav{top:46px;min-width:0;max-width:100%;scrollbar-width:thin}
.nav button{padding:8px 11px;font-size:12px}
.route-home .topbar{height:46px;flex-wrap:nowrap;padding:0 14px}
.route-home .header-menu,.route-home .header-actions,.route-home .funds,.route-home .nav{display:none}
.route-home #view{max-width:none;padding:22px 24px 76px;margin:0}
.home-menu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;align-items:stretch}
.home-tile{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;height:44px;padding:2px 9px;border:5px solid #bcf7c1;border-radius:5px;outline:1px solid #89c5f8;background:#f6f2fa;box-shadow:inset 0 0 0 1px #d8cbef,2px 3px 4px #f5695d;color:#282828;cursor:pointer;text-decoration:none;font:400 17px/1.15 "Roboto",Arial,sans-serif;text-align:left}
.home-tile:hover{background:#fffaff;filter:brightness(1.015)}
.home-label{min-width:0}
.home-icon{flex:0 0 30px;width:30px;height:30px;background:#fff;text-align:center;font-size:25px;line-height:30px;overflow:hidden}
.home-chat{grid-column:1/-1;justify-self:center;width:71%;min-width:0;height:31px;padding:4px 8px;border:1px solid #bbd9c2;border-radius:6px;background:linear-gradient(100deg,#eef5df 0%,#fff1db 25%,#f9e0ed 58%,#d9f4fd 100%);font:700 12px/20px "Roboto",Arial,sans-serif;letter-spacing:3px;color:#6b548a;text-align:center;opacity:1;cursor:not-allowed}
.home-chat .home-icon{display:inline-block;vertical-align:middle;background:none;width:20px;height:20px;font-size:17px;line-height:20px;margin-right:5px}
.home-switcher{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-width:0;height:44px;padding:4px 7px;border:5px solid #bcf7c1;border-radius:5px;outline:1px solid #89c5f8;background:#f8f4f9;box-shadow:2px 3px 4px #f5695d}
.home-switcher>.home-icon{flex:0 0 30px}
.home-mini{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;min-width:0;height:28px;border:1.5px solid #9451b1;border-radius:6px;background:#f3e6f6;color:#763298;padding:1px 5px;font:700 11px/1.1 "Roboto",Arial,sans-serif;cursor:pointer}
.home-mini:last-child{border-color:#417eaf;background:#e3f2ff;color:#205c94}
.home-mini .home-icon{flex:0 0 23px;height:23px;width:23px;background:none;font-size:20px;line-height:23px}
.home-logout{position:fixed;right:15px;bottom:15px;display:flex;align-items:center;justify-content:center;gap:7px;height:43px;min-width:91px;padding:8px 13px;border:0;border-radius:24px;background:#ffed33;color:#303030;font:400 12px/1 "Roboto",Arial,sans-serif;box-shadow:0 2px 3px #ccc;cursor:pointer;z-index:35}
.home-logout span{color:#09a8e5;font-size:18px}
.ver{font-size:10px;line-height:1.2;padding:5px 8px;right:9px;bottom:8px;max-width:calc(100% - 18px)}
.route-home .ver{left:12px;right:auto;bottom:11px;background:transparent;box-shadow:none;color:#736b78;padding:0;font-size:10px}
#statusBanner:not([hidden]){position:relative;z-index:51;max-width:none;background:#fff6df;border:1px solid #d7aa5b;color:#643d00;font-size:12px;line-height:1.5;padding:8px 12px}
#statusBanner .btn{margin:3px}

/* Cricket detail proportions and color blocks from the supplied narrow view. */
.route-event .topbar{height:46px;flex-wrap:nowrap;padding:8px 10px;background:#2196ed;gap:10px}
.route-event .brand{flex:1;font-size:11px;min-width:0;overflow:hidden}
.route-event .brand-label{display:none}
.route-event .brand .account-label{white-space:nowrap}
.route-event .funds{display:none}
.route-event .header-actions{gap:4px;margin-left:0}
.route-event .nav{display:none;position:relative;top:0;z-index:45;border-bottom:1px solid #96b8e9}
.route-event.nav-open .nav{display:flex}
.route-event #view{padding:0 2px 38px;max-width:1180px}
.route-event .card{border:1px solid #a7bce4;border-radius:4px;margin-bottom:3px;box-shadow:inset 0 0 0 1px #fff}
.route-event .card h3{min-height:21px;padding:4px 6px;background:#1a4b6a;font-size:11px;line-height:1.2;gap:5px}
.route-event .card h3 .right{font-size:10px;line-height:1.2}
.event-ticker{display:flex;gap:3px;max-width:100%;min-height:39px;overflow-x:auto;scrollbar-width:thin;background:#fff;border-bottom:1px solid #d5dbe4;padding:2px 3px}
.event-ticker button{flex:0 0 86px;min-width:0;max-width:130px;background:#fff;border:0;border-bottom:2px solid transparent;padding:2px 4px;color:#535353;font:400 10px/1.2 "Roboto",Arial,sans-serif;cursor:pointer;text-align:center}
.event-ticker button.active{color:#159cde;border-bottom-color:#ef826a}
.ticker-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.ticker-time{display:block;font-size:9px;color:#757575;white-space:nowrap;margin-top:2px}
.event-overview{border:1px solid #6796f3;box-shadow:inset 0 0 0 1px #fff;border-radius:3px;background:#fff;margin:2px 0;padding:4px 5px;min-width:0;font-size:11px;line-height:1.35}
.event-title{font-size:12px;font-weight:700;text-align:center;color:#191919;margin:4px 0 1px}
.event-meta{display:flex;gap:5px 12px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:10px;color:#224c91}
.event-meta b{font-weight:700}
.event-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0;padding:3px 1px;margin-bottom:2px}
.event-controls .btn,.route-event .toolbar>.btn{padding:3px 7px;font-size:10px;border-radius:4px;box-shadow:none;min-height:23px}
.event-controls .muted,.event-controls label{font-size:10px;color:#555;line-height:1.2}
.event-controls input[type=checkbox]{width:13px;height:13px;margin:0 3px 0 0;accent-color:#2699df}
.route-event .toolbar{gap:4px;margin:3px 0}
.route-event #tvBox .card h3{background:#4277ff;padding:3px 5px;font-size:10px}
.route-event #tvBox .card{border:0;border-radius:0}
.route-event #tvBox .toolbar{margin:0 0 3px;padding:3px}
.route-event #tvBox .sub{padding:0 5px;font-size:10px;line-height:1.25;margin:3px 0}
.route-event #scoreBox .card{background:#eff6ff;border-color:#c3d7f7}
.route-event .score{background:#f2f8ff;color:#17623e;border-radius:4px;padding:6px 8px;line-height:1.4;font-size:11px}
.route-event .score>b{font-size:12px;color:#284667;display:block;margin-bottom:3px}
.route-event .score .sub{font-size:10px;color:#528772}
.route-event .score .score-main{font-size:17px;color:#db382f;font-weight:700}
.route-event .mkt-head{padding:2px 4px;font-size:9px;gap:3px}
.route-event .runner{border:1px solid #a5c0ec;border-radius:3px;background:#d8e9fe;margin:2px;padding:4px 6px;gap:6px;grid-template-columns:minmax(0,1fr) repeat(6,minmax(48px,62px))}
.route-event .runner .name{min-width:0;font-size:12px;line-height:1.15;color:#001979;font-weight:700;padding-right:2px;justify-content:flex-start;padding-top:3px}
.route-event .runner .name .pl{font-size:10px;line-height:1.2}
.route-event .cell{padding:0;border-radius:0;min-height:36px;background:#d6eaff;box-shadow:0 0 1px rgba(52,109,185,.45);overflow:hidden;justify-content:stretch}
.route-event .cell .p{display:flex;align-items:center;justify-content:center;min-height:23px;padding:0 1px;color:#000078;font-size:18px;font-weight:700;line-height:23px}
.route-event .cell.b .p{background:linear-gradient(#47b9f3 0%,#d3f1ff 30%,#fff 53%,#86cdf4 76%,#32a9eb 100%)}
.route-event .cell.l .p{background:linear-gradient(#ee87ae 0%,#ffdbe8 30%,#fff 53%,#ffc2da 76%,#e97daa 100%)}
.route-event .cell .s{display:block;min-height:13px;font-size:10px;line-height:13px;color:#111;background:#c4dafa}
.route-event .cell.l .s{background:#c4dafa}
.route-event .cell.disabled{opacity:.55}
.route-event .fancy-row{grid-template-columns:minmax(0,1fr) 62px 62px;gap:5px;padding:5px 4px;align-items:center;background:#fffdf5;border:1px solid #c4c8ed;border-radius:4px;margin:3px}
.route-event .fancy-row .name{font-size:11px;min-width:0;color:#514d31;line-height:1.15;font-weight:500}
.route-event .fcell{min-height:28px;padding:3px 1px;border:1px solid #8ec8e8;border-radius:5px;box-shadow:1px 2px 2px #f39aa6}
.route-event .fcell.no{background:#8cffff}
.route-event .fcell.yes{background:#beffcb}
.route-event .fcell .r{font-size:13px;color:#da492d}
.route-event .fcell .pr{font-size:9px;color:#463c40}
.route-event .quotes-suspended::after{font-size:11px;letter-spacing:1px}
.route-event .empty{padding:8px;font-size:11px;color:#666}
@media(max-width:640px){
  .home-menu{gap:7px}
  .route-home #view{padding:20px 12px 74px}
  .home-tile{height:44px;padding:2px 6px;font-size:15px;gap:3px}
  .home-icon{flex-basis:26px;width:26px;height:28px;font-size:24px;line-height:28px}
  .home-chat{width:78%;letter-spacing:2px}
  .home-switcher{gap:4px;padding-left:3px;padding-right:3px}
  .home-switcher>.home-icon{flex-basis:24px;width:24px;font-size:22px}
  .home-mini{font-size:10px;padding:1px 3px;gap:2px}
  .home-mini .home-icon{display:none}
  .topbar .funds{width:100%;order:3}
  .route-event .mkt-head,.route-event .runner{grid-template-columns:minmax(0,1fr) 60px 60px}
  .route-event .mkt-head .d3,.route-event .runner .d3{display:none}
}
@media(max-width:360px){
  .route-home #view{padding-left:8px;padding-right:8px}
  .home-tile{font-size:14px;border-width:4px;padding:2px 5px}
  .home-icon{flex-basis:23px;width:23px;font-size:22px}
  .home-mini{font-size:9px}
  .route-event .topbar{gap:5px;padding:8px 7px}
  .route-event .brand{font-size:10px}
}
.home-chat>span{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-right:5px;vertical-align:middle;border:1px solid #fff;border-radius:50%;background:#42c75c;color:#fff;font:700 14px/1 Arial,sans-serif;letter-spacing:0}
.home-trophy{flex:0 0 30px;width:30px;height:30px;text-align:center;font-size:27px;line-height:30px;background:#fff}
.home-mini>span{display:inline-block;font-size:21px;line-height:22px;vertical-align:middle}
.home-tile .home-admin-icon{font:900 8px/15px Arial,sans-serif;height:18px;border:2px solid #cb1c22;color:#cb1c22;transform:rotate(-12deg);width:30px;flex:0 0 30px;white-space:nowrap;overflow-wrap:normal;overflow:hidden}
.events-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;font-size:14px}
.event-back{padding:0 3px;border:0;background:none;color:#206aa1;font:500 10px/1.4 "Roboto",Arial,sans-serif;cursor:pointer}
.event-live{margin-left:auto;color:#d55140;font-style:italic;font-weight:700}
.event-title{display:flex;align-items:center;justify-content:center;gap:6px;min-height:28px}
.event-sport-icon{font-size:24px;line-height:28px;flex:0 0 28px}
.media-tabs{display:flex;align-items:center;gap:0;min-height:20px;padding:0 3px;background:#4278ff;border-top:1px solid #95b2ff;border-bottom:1px solid #e4e9ff;margin:1px 0}
.media-tabs button{padding:2px 8px;height:20px;border:0;border-bottom:2px solid transparent;background:none;color:#fff;font:500 10px/15px "Roboto",Arial,sans-serif;cursor:pointer}
.media-tabs button.active{color:#fff521;border-bottom-color:#e8f13a}
.route-event .score-innings{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:22px}
.route-event .score-team{font-size:11px;font-weight:700;color:#376875;min-width:0}
.route-event .score-value{font-size:17px;font-weight:700;color:#d8382c;text-align:right;white-space:nowrap}
.route-event .score-balls{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:3px 0}
.route-event .score-ball{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:19px;height:19px;min-width:19px;background:#526d77;color:#fff;font:500 10px/19px "Roboto",Arial,sans-serif}
.route-event .score-commentary{font-size:10px;line-height:1.2;color:#48836a}
@media(max-width:640px){
  .home-trophy{flex-basis:24px;width:24px;font-size:23px}
  .home-mini>span{font-size:16px;line-height:18px}
}
.route-event .mkt-head{grid-template-columns:minmax(0,1fr) repeat(6,minmax(48px,62px))}
.route-event .score-title{display:block;margin-bottom:2px;font-size:11px;font-weight:500;color:#466875}
.route-event .score-total{font-size:17px;font-weight:700;color:#d8382c;text-align:right;white-space:nowrap}
.route-event .score-recent,.route-event .recent-over{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.route-event .score-recent{margin:3px 0}
.route-event .over-label{font-size:9px;color:#697d8d;padding-right:2px}
@media(max-width:640px){.route-event .mkt-head{grid-template-columns:minmax(0,1fr) 60px 60px}}
.route-event .score-total{max-width:70%;white-space:normal;overflow-wrap:anywhere}
.route-event .score-ball{max-width:38px;overflow:hidden}

/* The live desktop reference uses a larger menu and an independent match sidebar. */
.event-layout{display:flex;flex-direction:column;min-width:0}
.event-side,.event-main{display:contents}
.event-overview{order:1}
.event-layout .media-tabs{order:2}
.event-layout #tvBox{order:3}
.event-layout #scoreBox{order:4}
.event-layout .feed-progress{order:4}
.event-layout #raceTabsBox{order:5}
.event-layout #raceDutchBox{order:6}
.event-layout #marketsBox{order:7}
.event-layout #fancyBox{order:8}
.event-layout #lastFigBox{order:9}
.event-layout .bets-panel{order:10}
.bets-panel{min-width:0;background:#fff4f5}
.bets-panel:empty{display:none}
@media(min-width:1000px){
  .topbar{min-height:56px;padding:10px 16px}
  .nav{top:56px}
  .route-home .topbar{height:56px;padding:0 16px}
  .route-home .topbar .brand{font-size:14px}
  .route-home .header-actions{display:flex}
  .route-home .header-actions .menu-btn{display:none}
  .route-home #view{padding:28px 28px 90px}
  .home-menu{gap:8px 7px}
  .home-tile{height:55px;padding:3px 14px;font-size:22px;border-radius:5px}
  .home-icon{flex-basis:36px;width:36px;height:36px;font-size:31px;line-height:36px}
  .home-chat{width:70.4%;height:38px;padding:6px 10px;font-size:14px;line-height:24px;letter-spacing:4px}
  .home-chat>span{width:20px;height:20px;font-size:16px}
  .home-switcher{height:55px;padding:5px 9px;gap:10px}
  .home-trophy{flex-basis:36px;width:36px;height:36px;font-size:32px;line-height:36px}
  .home-mini{height:34px;font-size:13px;gap:5px}
  .home-mini>span{font-size:25px;line-height:28px}
  .home-admin-icon{height:22px;font-size:10px;line-height:18px}
  .home-logout{right:16px;bottom:15px;width:115px;height:56px;font-size:14px;border-radius:29px}
  .home-logout span{font-size:21px}
  .route-event .topbar{height:56px;background:#2698ed;padding:10px 15px;gap:13px}
  .route-event .brand{font-size:14px}
  .route-event .header-menu,.route-event .header-home,.route-event .menu-btn{width:29px;height:31px;font-size:25px;line-height:31px}
  .route-event .header-actions{gap:10px}
  .route-event #view{max-width:none;padding:0 0 38px}
  .event-ticker{min-height:47px;height:47px;padding:3px 4px;gap:4px}
  .event-ticker button{flex-basis:108px;max-width:160px;padding:3px 6px;font-size:12px;line-height:1.15}
  .ticker-time{font-size:10px;margin-top:3px}
  .event-layout{display:grid;grid-template-columns:minmax(0,24%) minmax(0,1fr);gap:4px;align-items:start;min-width:0}
  .event-side,.event-main{display:block;min-width:0}
  .event-side{background:#fff0f2;min-height:calc(100vh - 103px);min-height:calc(100dvh - 103px)}
  .event-main{padding:3px 4px 0 0}
  .event-overview{min-height:94px;margin:0 0 5px;padding:6px 7px;font-size:13px}
  .event-title{min-height:35px;font-size:16px;margin:4px 0 2px;gap:8px}
  .event-sport-icon{flex-basis:34px;font-size:30px;line-height:34px}
  .event-meta{font-size:12px;gap:6px 16px}
  .event-back{font-size:12px}
  .event-controls{gap:7px;padding:4px 1px}
  .event-controls .muted,.event-controls label{font-size:11px}
  .event-controls .btn{padding:4px 9px;font-size:11px;min-height:25px}
  .media-tabs{height:23px;min-height:23px;margin:0;padding:0 3px}
  .media-tabs button{height:23px;padding:2px 9px;font-size:11px;line-height:18px}
  .has-tv .media-tabs button[data-media=score]{display:none}
  .route-event #tvBox .card h3{display:none}
  .route-event #tvBox .card{background:#fff8f9;box-shadow:none;margin-bottom:0}
  .route-event #tvBox .toolbar{padding:8px;margin:0;min-height:42px}
  .route-event #tvBox .sub{font-size:11px;padding:0 8px;margin:0 0 8px}
  .route-event #tvBox video,.route-event #tvBox iframe{max-width:100%}
  .route-event #scoreBox .card{min-height:70px;margin:0 0 9px}
  .route-event .score{min-height:68px;padding:6px 10px;font-size:12px;line-height:1.25}
  .route-event .score-title{font-size:12px;margin-bottom:3px}
  .route-event .score-innings{min-height:24px}
  .route-event .score-team{font-size:12px}
  .route-event .score-total{font-size:20px}
  .route-event .score-ball{height:22px;width:22px;min-width:22px;line-height:22px;font-size:11px}
  .route-event .market-card{margin-bottom:5px}
  .route-event .card h3{min-height:24px;padding:4px 7px;font-size:12px}
  .route-event .card h3 .right{font-size:11px}
  .route-event .runner{min-height:61px;padding:5px 8px;gap:7px;margin:2px;grid-template-columns:minmax(0,1fr) repeat(6,minmax(58px,78px))}
  .route-event .mkt-head{grid-template-columns:minmax(0,1fr) repeat(6,minmax(58px,78px));padding:2px 8px;gap:7px;font-size:10px}
  .route-event .runner .name{font-size:15px;line-height:1.2;padding-top:4px}
  .route-event .runner .name .pl{font-size:11px}
  .route-event .cell{min-height:47px}
  .route-event .cell .p{font-size:23px;min-height:30px;line-height:30px}
  .route-event .cell .s{font-size:12px;min-height:17px;line-height:17px}
  .route-event .fancy-card h3{min-height:30px;padding:6px 8px;font-size:13px}
  .route-event .fancy-row{min-height:50px;grid-template-columns:minmax(0,1fr) 78px 78px;gap:7px;padding:6px 7px;margin:4px}
  .route-event .fancy-row .name{font-size:14px}
  .route-event .fcell{min-height:35px;padding:4px 2px}
  .route-event .fcell .r{font-size:16px}
  .route-event .fcell .pr{font-size:10px}
  .bets-panel{border-top:1px solid #e4cccc;padding:0;min-height:50px}
  .bets-panel .card{border:0;border-radius:0;background:#fff0f2;box-shadow:none}
  .bets-panel .card h3{background:#fff;border-bottom:1px solid #d2dbea;color:#183a59;min-height:43px;padding:10px 9px;font-size:13px}
  .bets-panel .empty{padding:15px 8px}
}
.bets-tabs{display:flex;align-items:stretch;min-height:34px;background:#fff;border-bottom:1px solid #ddcbd0;color:#335e85;font-size:12px}
.bets-tabs>span{display:flex;align-items:center;justify-content:center;min-width:64px;padding:8px 14px;border-bottom:2px solid transparent}
.bets-tabs>span.active{border-bottom-color:#e97e74;color:#1869a6;font-weight:500}
@media(min-width:1000px){.bets-tabs{min-height:44px;font-size:13px}.bets-tabs>span{padding:11px 20px;min-width:80px}}
@media(min-width:1000px){
  .event-layout{grid-template-columns:minmax(0,calc(24% - 3px)) minmax(0,1fr)}
  .event-main{padding:3px 0 0}
  .route-event .runner,.route-event .mkt-head{grid-template-columns:minmax(0,1fr) repeat(6,minmax(58px,100px));gap:4px}
}
@media(min-width:1000px){
  .route-event .runner,.route-event .mkt-head{grid-template-columns:minmax(0,2fr) repeat(6,minmax(0,.66fr));gap:4px}
  .route-event .runner{align-items:center}
  .route-event .runner .name{padding-top:0;justify-content:center}
  .route-event .cell{width:48px;max-width:100%;min-height:43px;justify-self:center}
  .route-event .cell .p{font-size:18px;min-height:28px;line-height:28px}
  .route-event .cell.b .p{background:#88c9f1}
  .route-event .cell.l .p{background:#f5b0c5}
  .route-event .cell .s{font-size:12px;min-height:15px;line-height:15px}
  .route-event .fancy-row{grid-template-columns:minmax(0,3fr) minmax(0,1fr) minmax(0,1fr);gap:6px}
  .bets-panel .card{overflow-x:auto;scrollbar-width:thin}
  .bets-panel table{min-width:480px;font-size:11px}
  .bets-panel th,.bets-panel td{padding:6px 7px}
}

/* local8092.8: narrow InfoReborn reference. The account and quote values remain
   live text; only presentation is shared with the reference screen. */
.event-account-line{display:flex;align-items:center;gap:8px 22px;flex-wrap:wrap;min-width:0;font-size:10px;line-height:15px;color:#2443aa}
.event-account-line b{font-weight:600;color:#267436}
.event-account-line .liability{color:#c02c9b}
.event-account-line .event-live{margin-left:auto}
.event-bet-summary{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;min-height:23px;font-size:11px;line-height:16px}
.event-bet-summary .no-bets,.event-bet-summary .bet-count{display:inline-block;border-radius:5px;background:#38c4ed;color:#fff;padding:1px 4px;font-weight:700}
.event-trade-state{margin-left:auto;color:#56a05e;font-weight:700;white-space:normal;text-align:right}
.event-account-line .unavailable,.event-trade-state.unavailable{color:#a02b26}
.event-overview .event-title{min-width:0;overflow-wrap:anywhere}
.event-overview .event-title b{min-width:0}
.event-overview .event-title .event-sport-icon{flex-shrink:0}
.event-bet-summary time{margin-left:auto;color:#333;font-size:10px;white-space:nowrap}
.event-primary-market>h3,.event-primary-market>.mkt-head{display:none}
.route-event .event-primary-market{border:0;box-shadow:none;border-radius:0}
.market-status{min-height:0;padding:3px 7px;background:#fff5dd;color:#714405;font-size:11px;line-height:1.3;overflow-wrap:anywhere}
.market-status:empty,.market-status[hidden]{display:none}
.market-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;min-height:23px;border:0;border-radius:0;padding:3px 7px;background:#1a4b6a;color:#fff;text-align:left;font:700 11px/17px "Roboto",Arial,sans-serif;cursor:pointer}
.market-toggle .right{margin-left:auto;font-size:10px;font-weight:400}
.market-toggle .chevron{font-size:16px;line-height:16px;flex:0 0 auto}
.market-toggle[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.market-toggle:focus-visible{outline-offset:-3px;outline-color:#fff}
.market-body[hidden]{display:none}
.route-event .fancy-card{border:0;box-shadow:none;border-radius:0;background:#fff}
.fancy-tabs{display:flex;align-items:stretch;gap:0;min-width:0;max-width:100%;min-height:35px;margin:0 0 6px;padding:0;background:#fff;border-bottom:1px solid #c8ced5;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.fancy-tabs-title{display:flex;align-items:center;flex:0 0 auto;padding:4px 8px;background:#1a4b6a;color:#fff;font:700 10px/16px "Roboto",Arial,sans-serif;white-space:nowrap}
.fancy-tab{position:relative;flex:0 0 auto;min-height:34px;padding:5px 13px;border:0;background:#fff;color:#4b6875;font:500 10px/20px "Roboto",Arial,sans-serif;white-space:nowrap;cursor:pointer}
.fancy-tab.active{color:#1e65a6}
.fancy-tab.active::after{content:"";position:absolute;right:12px;bottom:0;left:12px;height:2px;background:#ed796f}
.fancy-group-title{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:23px;margin:0;padding:3px 8px;background:#1a4b6a;color:#fff;font:700 10px/17px "Roboto",Arial,sans-serif}
.fancy-group-title .limit{display:inline-block;border-radius:3px;padding:0 4px;background:#fff;color:#222;font:500 9px/15px "Roboto",Arial,sans-serif;white-space:nowrap}
.fancy-group-title .right{margin-left:auto;font-size:9px;font-weight:400}
.route-event .fancy-row .name{min-width:0;overflow-wrap:anywhere}
.fancy-name{display:inline;min-width:0;background:#fff8d9}
.fancy-name-button{border:0;padding:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.fancy-book-link{display:inline-block;margin-left:4px;border:0;padding:1px 3px;background:#e7f5e8;color:#146126;font-size:9px;line-height:15px;text-decoration:underline;cursor:pointer}
.fancy-filter-empty{padding:14px 7px;font-size:11px;text-align:center;color:#64717b}
.bets-tabs>button{flex:1;min-width:0;border:0;border-bottom:2px solid transparent;background:#fff;padding:8px 14px;color:#335e85;font:inherit;cursor:pointer}
.bets-tabs>button.active{border-bottom-color:#e97e74;background:#e4f3ff;color:#1687bc}
.bets-panel .card{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.bets-panel table{min-width:480px}

/* Quote popup: the same compact title, entry row and eight amount keys on
   desktop and phone. Extra input/error content expands it, never clips it. */
.slip-bg{padding:8px 8px max(0px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
.slip.compact-slip{position:relative;flex:0 1 280px;width:280px;max-width:100%;min-width:0;min-height:235px;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);margin:auto 0 0;padding:10px 8px 20px;border-radius:28px;background:#eee6f2;box-shadow:none;overflow-y:auto;overscroll-behavior:contain;color:#101010}
.compact-slip .slip-title{margin:0 21px 6px 0;padding:0;font:400 16px/22px "Roboto",Arial,sans-serif;color:#001b79;overflow-wrap:anywhere}
.compact-slip .slip-title .side-lay{color:#901c64;font-weight:400}
.compact-slip .slip-title .side-back{color:#001b79;font-weight:400}
.compact-slip .slip-close{position:absolute;top:5px;right:7px;width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:#b3343a;font:700 22px/22px Arial,sans-serif;cursor:pointer}
.compact-slip .slip-entry{display:grid;grid-template-columns:66px minmax(0,1fr) 42px;align-items:center;gap:12px;min-width:0;padding:9px 3px 10px;background:#d8edfa}
.compact-slip .slip-price,.compact-slip .slip-stake{min-width:0;margin:0}
.compact-slip .slip-entry label{display:block;max-width:100%;margin:0 0 2px;color:#364965;font-size:10px;line-height:12px}
.compact-slip .slip-entry input{display:block;box-sizing:border-box;min-width:0;width:100%;height:40px;padding:5px 7px;border:0;border-bottom:1px solid #a4a4a4;border-radius:3px;background:#fff;color:#1a1a1a;font:400 20px/28px "Roboto",Arial,sans-serif;text-align:center;box-shadow:none}
.compact-slip .slip-entry input:focus-visible{outline:2px solid #526eac;outline-offset:1px}
.compact-slip .slip-confirm{align-self:end;min-width:0;width:42px;height:40px;margin:0;padding:1px 2px;border:0;border-radius:2px;background:#bcffb8;color:#a5009b;font:500 24px/36px "Roboto",Arial,sans-serif;box-shadow:none;cursor:pointer}
.compact-slip .slip-confirm:disabled{opacity:.55;cursor:default}
.compact-slip .chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;min-width:0;margin:0;padding:0 0 10px;background:#d8edfa}
.compact-slip .chips button{min-width:0;min-height:37px;margin:0;padding:3px 1px;border:3px solid #c5ffbc;border-radius:5px;background:#eee9f0;color:#111;font:700 italic 17px/23px "Roboto",Arial,sans-serif;box-shadow:none;cursor:pointer}
.compact-slip .chips button:active{background:#d2e9d0}
.compact-slip .slip-context{margin:0 0 5px;font-size:11px;line-height:15px;color:#434349;overflow-wrap:anywhere}
.compact-slip .slip-extra{min-width:0;margin:0 0 8px;font-size:12px}
.compact-slip .ret{margin:5px 1px 0;font-size:11px;line-height:15px;color:#41414a;overflow-wrap:anywhere}
.compact-slip .ret:empty{display:none}
.compact-slip #sAvailability:not(:empty){border:1px solid #deab9e;border-radius:4px;background:#fff0eb;color:#822a1c;padding:6px}
.compact-slip .actions{justify-content:flex-end;margin-top:7px}
.compact-slip .actions .btn{padding:4px 10px;font-size:11px}

@media(max-width:999px){
  .route-event #view{max-width:none;padding:0 0 28px}
  .route-event .topbar{border-radius:0;min-height:46px;height:46px;padding:8px 12px;gap:10px}
  .route-event .brand{font-size:11px}
  .event-ticker{height:39px;min-height:39px;padding:2px 3px;gap:3px;scrollbar-width:none}
  .event-ticker::-webkit-scrollbar{display:none}
  .event-ticker button{flex-basis:79px;padding:2px 3px;font-size:10px;line-height:13px}
  .event-overview{min-height:106px;margin:1px 2px 2px;padding:3px 5px}
  .event-overview .event-title{font-size:12px;min-height:24px;line-height:15px;margin:3px 0 0}
  .event-overview .event-sport-icon{font-size:24px;line-height:27px;flex-basis:28px}
  .event-controls{margin:0;padding:1px 0;gap:3px}
  .event-controls .btn{padding:2px 5px;min-height:18px;font-size:9px}
  .event-controls label,.event-controls .muted{font-size:9px;line-height:13px}
  .event-controls input[type=checkbox]{width:11px;height:11px}
  .route-event .media-tabs{height:20px;min-height:20px;padding:0 2px;margin:0 0 2px}
  .route-event .media-tabs button{height:20px;padding:2px 7px;font-size:10px;line-height:15px}
  .route-event #scoreBox .card{margin:0 4px 5px;min-height:60px}
  .route-event .score{min-height:58px;padding:4px 5px;font-size:10px;line-height:13px}
  .route-event .score-title{font-size:10px;line-height:13px;margin:0}
  .route-event .score-innings{min-height:19px;gap:4px}
  .route-event .score-total{font-size:16px;line-height:20px}
  .route-event .score-team{font-size:10px}
  .route-event .score-ball{width:19px;height:19px;min-width:19px;font-size:10px;line-height:19px}
  .route-event .runner,.route-event .mkt-head{grid-template-columns:minmax(0,1fr) 60px 60px;gap:10px}
  .route-event .runner{min-height:49px;margin:1px 2px;padding:5px 11px 4px 4px;align-items:start;border-color:#a5bcef;background:#d7e8fe}
  .route-event .runner .d3,.route-event .mkt-head .d3{display:none}
  .route-event .runner .name{padding:1px 0 0;font-size:12px;line-height:14px;min-width:0}
  .route-event .cell{width:60px;max-width:100%;min-height:39px;justify-self:stretch}
  .route-event .cell .p{font-size:18px;min-height:25px;line-height:25px}
  .route-event .cell .s{font-size:10px;min-height:14px;line-height:14px}
  .route-event .card.market-bookmaker{margin-bottom:3px;border-radius:0}
  .route-event .fancy-row{grid-template-columns:minmax(0,1fr) 60px 60px;gap:3px;min-height:43px;margin:3px 2px;padding:5px 2px;border-radius:10px;background:#fff;border-color:#8bb2de}
  .route-event .fancy-row .name{font-size:10px;line-height:13px;padding:0 3px}
  .route-event .fcell{min-height:25px;padding:2px 1px;border-radius:5px;box-shadow:1px 3px 3px #f27e7e}
  .route-event .fcell .r{font-size:13px;line-height:16px;font-weight:500}
  .route-event .fcell .pr{font-size:8px;line-height:10px}
  .route-event .fancy-tabs{min-height:35px;margin-bottom:6px}
  .route-event .fancy-tabs-title{padding:4px 7px}
  .route-event .fancy-tab{padding-left:13px;padding-right:13px}
  .route-event .fancy-group-title{min-height:23px}
  .bets-panel{max-width:100%;margin-top:4px}
}
@media(max-width:360px){
  .route-home #view{padding:20px 10px 74px}
  .home-tile{font-size:13px;line-height:15px;padding:2px 5px}
  .home-label{overflow-wrap:normal}
  .home-icon{flex-basis:22px;width:22px;font-size:21px}
  .route-event .topbar{padding:8px 10px;gap:9px}
  .route-event .header-actions{gap:3px}
  .route-event .header-menu,.route-event .header-home,.route-event .menu-btn{width:23px}
  .event-account-line{column-gap:18px}
  .compact-slip .slip-entry{gap:10px}
}
@media(min-width:1000px){
  .event-account-line{font-size:12px;line-height:17px;gap:8px 25px}
  .event-bet-summary{font-size:14px;line-height:20px;min-height:29px}
  .event-bet-summary time{font-size:12px}
  .market-toggle{min-height:24px;padding:3px 9px;font-size:12px;line-height:18px}
  .fancy-tabs{min-height:36px;margin-bottom:9px}
  .fancy-tabs-title{font-size:12px;padding:5px 10px}
  .fancy-tab{font-size:12px;padding:5px 18px}
  .fancy-group-title{font-size:12px;min-height:28px;padding:4px 11px}
  .fancy-group-title .limit{font-size:10px;line-height:17px}
  .route-event .fancy-row{border-radius:11px;background:#fff}
  .route-event .fancy-row .name{font-size:12px;text-align:center;justify-content:center}
  .route-event .fcell{min-height:28px;border-radius:5px;box-shadow:1px 3px 4px #f17d7c}
  .route-event .fcell .r{font-size:16px;font-weight:500}
  .bets-tabs>button{min-height:43px}
}
@media(max-height:420px){.slip.compact-slip{margin:auto 0;min-height:0;max-height:calc(100dvh - 16px)}}

/* Supplied score detail stays in the score card; opening details is a local
   disclosure and does not need a second feed request. */
.route-event .score-batsmen-strip{margin:3px 0 0;padding:2px 4px;background:#dedede;color:#87379f;font:500 10px/14px "Roboto",Arial,sans-serif;text-align:center;overflow-wrap:anywhere}
.score-details{margin:4px 0 0;min-width:0;max-width:100%;border-top:1px solid #d2deec;font-size:11px}
.score-details>summary{padding:4px 1px;cursor:pointer;color:#305c7f;line-height:16px}
.score-details[open]>summary{font-weight:700}
.score-detail-scroll{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.score-detail-table,.score-tennis-table{width:100%;min-width:260px;table-layout:auto;border-collapse:collapse;background:#f9fcff;color:#294b66;font-size:10px;line-height:14px}
.score-detail-table th,.score-detail-table td,.score-tennis-table th,.score-tennis-table td{padding:3px 5px;border-bottom:1px solid #d4e1ed;font-size:inherit;line-height:inherit;text-align:center;white-space:nowrap}
.score-detail-table th,.score-tennis-table th{background:#e7f0fa;color:#375f7d;font-weight:500}
.score-detail-table th:first-child,.score-detail-table td:first-child,.score-tennis-table th:first-child,.score-tennis-table td:first-child{text-align:left;min-width:74px;max-width:160px;white-space:normal;overflow-wrap:anywhere}
.score-tennis-table{table-layout:fixed;min-width:0}
.score-tennis-table th:first-child,.score-tennis-table td:first-child{width:46%;min-width:0}
.score-tennis-table td:not(:first-child){color:#d63831;font-size:15px;font-weight:700}
.score-serving{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#39a75e;vertical-align:middle}
.score-confidence{margin:3px 0 0;font-size:10px;line-height:14px;color:#805414}

/* The original market selector is a drawer. The scrim is its own close target
   and the list scrolls inside the drawer on short phone viewports. */
.market-drawer-backdrop{position:fixed;inset:0;z-index:75;background:rgba(0,0,0,.38);display:flex;align-items:stretch;overscroll-behavior:contain}
.market-drawer-backdrop[hidden]{display:none}
.market-drawer{position:relative;display:flex;flex-direction:column;min-width:0;width:min(70vw,950px);max-width:100%;height:100%;height:100dvh;overflow:hidden;border-radius:0 20px 20px 0;background:#fff;box-shadow:3px 0 15px rgba(0,0,0,.15)}
.market-drawer-title{display:flex;align-items:flex-end;min-height:160px;flex:0 0 160px;padding:24px;background:linear-gradient(110deg,#03b4ef,#188ef1);color:#fff;font:500 22px/28px "Roboto",Arial,sans-serif}
.drawer-sports{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 0 20px;background:#fff}
.drawer-sports button,.drawer-sports a{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:50px;border:0;padding:10px 24px;background:#fff;color:#2172c4;font:700 22px/30px "Roboto",Arial,sans-serif;text-align:left;text-decoration:none;cursor:pointer;overflow-wrap:anywhere}
.drawer-sports button:hover,.drawer-sports a:hover{background:#edf7ff}
.drawer-sports button[aria-current="page"],.drawer-sports .active{background:#e7f3fe;color:#104e8c}
.drawer-sports .drawer-divider{height:1px;background:#d8e3ec;margin:6px 20px}
.drawer-close{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#205b92;font:400 24px/28px Arial,sans-serif;cursor:pointer}
@media(max-width:999px){
  .market-drawer{width:min(82vw,380px)}
  .market-drawer-title{min-height:100px;flex-basis:100px;padding:16px 18px;font-size:18px;line-height:24px}
  .drawer-sports button,.drawer-sports a{min-height:44px;padding:8px 18px;font-size:17px;line-height:24px}
}
@media(min-width:1000px){
  .route-event .score-batsmen-strip{font-size:14px;line-height:18px;padding:2px 5px}
  .score-details{font-size:12px}
  .score-detail-table,.score-tennis-table{font-size:12px;line-height:17px}
  .score-confidence{font-size:11px}
}

/* Bind the inspected layout to the semantic controls in the live client. */
[hidden]{display:none!important}
.market-drawer{position:fixed;inset:0 auto 0 0;z-index:76;overflow-y:auto}
.market-drawer-title{position:relative;justify-content:center}
.drawer-sports{flex:0 0 auto}
.drawer-account{display:grid;border-top:1px solid #e0e4e8;padding:8px 0 16px}
.drawer-account button{border:0;background:#fff;padding:10px 24px;color:#37688d;text-align:left;font:500 14px/20px Roboto,Arial,sans-serif;cursor:pointer}
.route-event.nav-open .nav{display:none}
.event-summary-line{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:25px}
.event-summary-line .event-bet-summary{display:inline-block;min-height:0;padding:1px 4px;border-radius:5px;background:#38c4ed;color:#fff;font-weight:700;line-height:18px}
.event-summary-line .event-trade-state{font-size:11px}
.event-primary-market .mkt-head{display:none}
.event-controls:not([open])>*:not(summary){display:none}
.event-controls>summary{font-size:10px;line-height:15px;cursor:pointer;color:#53687b}
.event-controls[open]{display:block}
.event-controls[open]>*:not(summary){display:inline-block;margin:4px}
.account-table-scroll{overflow:auto}
.account-pager{display:flex;gap:10px;align-items:center;justify-content:center;padding:7px;font-size:11px}
.account-pager button{border:1px solid #adbacb;border-radius:4px;padding:4px 7px;background:#fff;color:#255b8d}
.account-pager button:disabled{opacity:.5}
.compact-slip .slip-context{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.compact-slip #sRuns{width:64px;max-width:100%;background:#fff;border:1px solid #c6d2df;padding:3px;color:#333}
.digit-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:4px}
.digit-btn{border:1px solid #9ebcdb;border-radius:4px;background:#eff8ff;padding:6px;font-weight:700}
.route-statements,.route-password{background:#ffffe8}
.route-statements .topbar,.route-password .topbar{height:35px;min-height:35px;border-radius:0;padding:5px 16px;background:#2698ed}
.route-statements .topbar .funds,.route-password .topbar .funds,.route-statements .nav,.route-password .nav{display:none}
.route-statements #view,.route-password #view{max-width:none;padding:0 0 48px}
.account-tabs{display:flex;gap:0;min-height:35px;overflow-x:auto;background:#fcf6ff;border-bottom:1px solid #d8d3d7;padding-left:4%}
.account-tabs button{border:0;border-bottom:3px solid transparent;padding:7px 16px;background:transparent;color:#69636b;font:400 14px/18px Roboto,Arial,sans-serif;white-space:nowrap;cursor:pointer}
.account-tabs button.active{border-bottom-color:#e26b5c;color:#5e4488;background:#f3eafa}
.route-statements .report-toolbar{padding:8px 10px;margin:0;gap:8px;justify-content:space-between}
.route-statements .report-toolbar .inp{width:auto;max-width:40%;border-radius:0;border:0;border-bottom:1px solid #b4b39e;background:transparent;height:29px;padding:0 2px;font-size:12px}
.route-statements #stBox>.card{border-radius:0;border:0;background:#ffffe8}
.route-statements #stBox>.card h3{background:#ffffe8;color:#598e55;font-size:14px;border-bottom:1px solid #babca9}
.route-statements #stBox>.card table{font-size:12px}
.route-statements #stBox>.card th{background:#f4f5dc}
.route-statements #stBox>.card th,.route-statements #stBox>.card td{padding:6px 4px;overflow-wrap:anywhere}
.user-password-card{max-width:320px;margin:16px auto;border:0;background:transparent;box-shadow:none}
.user-password-card>h3{display:none}
.user-password-card .btn{background:#47a34e;border-radius:22px;box-shadow:none}
@media(max-width:640px){
  .drawer-account button{padding:8px 18px;font-size:13px}
  .route-statements .topbar .brand,.route-password .topbar .brand{font-size:11px}
  .account-tabs{padding-left:0}
  .account-tabs button{font-size:12px;padding:7px 12px}
  .route-statements .report-toolbar .muted{width:100%;font-size:10px}
  .user-password-card{max-width:290px;margin:14px auto}
}

/* local8092.8 user-a: reference "Bets/Position" screen for the fancy book tab */
.position-card{padding:0;overflow:hidden;background:#fff}
.position-head{display:flex;align-items:center;gap:10px;background:#1e63d6;color:#fff;padding:8px 10px}
.position-back{background:transparent;border:0;color:#fff;font-size:22px;line-height:1;padding:0 6px;cursor:pointer}
.position-title{font-weight:700;font-size:14px}
.position-fancy{color:#9ff0a3;font-weight:700;font-size:15px}
.position-body{display:flex;gap:6px;padding:6px;background:#f7f7f7;align-items:flex-start}
.position-bets-wrap{flex:1;min-width:0;background:#fdeef3;border-radius:4px;overflow:auto;min-height:120px}
.position-ladder-wrap{flex:0 0 120px;background:#fff;border-radius:4px;overflow:auto;min-height:120px}
.position-bets,.position-ladder{width:100%;border-collapse:collapse;font-size:13px}
.position-bets th,.position-ladder th{background:#fff;border-bottom:1px solid #ddd;padding:4px 6px;text-align:left;font-weight:700;white-space:nowrap}
.position-ladder th{background:#111;color:#fff;text-align:center}
.position-bets td,.position-ladder td{padding:3px 6px;white-space:nowrap}
.position-bets tr.side-no td{background:#f9c6d2}
.position-bets tr.side-yes td{background:#c6e4f9}
.position-ladder td{font-weight:700;text-align:right}
.position-ladder td:first-child{text-align:left}
.position-ladder td.pos{color:#1a9c3a}
.position-ladder td.neg{color:#d32f2f}
.position-empty{color:#777;text-align:center}
.position-footer{background:#2e9e4f;color:#fff;text-align:center;font-weight:600;padding:10px;font-size:14px}

/* BetFair Games lobby */
.games-page{padding:8px}
.game-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}
.game-tabs button{background:#fff;border:1px solid #cfd4d8;border-radius:4px;padding:5px 10px;font-size:13px;cursor:pointer}
.game-tabs button.active{background:#1e63d6;border-color:#1e63d6;color:#fff}
.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.game{background:#fff;border:1px solid #d9dde1;border-radius:6px;overflow:hidden;text-align:center}
.game-art{height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;background:linear-gradient(135deg,#2f353a,#4a5258)}
.game.heart .game-art,.game.diamond .game-art{background:linear-gradient(135deg,#7a1f2b,#c0392b)}
.game.spade .game-art{background:linear-gradient(135deg,#1b2a3a,#2f4a63)}
.game.club .game-art{background:linear-gradient(135deg,#0f5c45,#00b181)}
.game-art .suit{font-size:34px;line-height:1}
.game-art .game-id{font-size:9px;letter-spacing:1.5px;opacity:.8;text-transform:uppercase}
.game-name{display:block;padding:6px 6px 0;font-weight:700;font-size:13px}
.game-soon{display:block;padding:0 6px 6px;font-size:11px;color:#777}
.games-note{font-size:12px}
@media (max-width:480px){.game-grid{grid-template-columns:repeat(2,1fr)}}

/* local8092.8 user-c: reference match header, media bar, compact score, fancy row icon + bet badge */
.event-score-line{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px 0;font-size:13px}
.event-score-line[hidden]{display:none}
.score-line-main{color:#1d3f8a;font-weight:700}
.score-line-balls{color:#555;font-size:12px;letter-spacing:1px;white-space:nowrap}
.event-state-line{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 8px;font-size:13px}
.event-limits{color:#1d3f8a;font-weight:600}
.event-limits:empty{visibility:hidden}
.event-summary-line{display:flex;align-items:center;gap:10px;padding:2px 8px}
.event-summary-line .event-sport-icon{font-size:26px;line-height:1}
.event-clock{margin-left:auto;font-weight:700;color:#333;font-variant-numeric:tabular-nums}
.event-title{padding:0 8px 6px 44px}
.media-tabs{display:flex;align-items:center;gap:6px}
.media-tv-icon{font-size:14px;margin:0 2px 0 6px}
.media-tabs button[data-tv]{font-size:13px}
.score-card .score{position:relative;padding-left:16px}
.score-side-label{position:absolute;left:0;top:4px;bottom:4px;width:12px;background:#2d6fd6;color:#fff;font-size:8px;line-height:9px;writing-mode:vertical-rl;text-orientation:upright;text-align:center;border-radius:3px 0 0 3px;letter-spacing:1px}
.score-live-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.score-live-row .score-team{display:flex;flex-direction:column;line-height:1.15}
.score-live-dot{color:#1a9c3a;font-size:11px;font-weight:700}
.score-live-ov{color:#777;font-size:11px}
.score-total-live{color:#e53935;font-size:22px;font-weight:800}
.score-at{font-size:13px;color:#555;font-weight:600}
.fancy-row{position:relative}
.fancy-left{display:inline-flex;align-items:center;width:22px;flex:none;position:relative;margin-right:2px}
.route-event .fancy-row .name{justify-content:flex-start;text-align:left}
.fancy-name-text{display:inline-block;padding:2px 6px;border-radius:4px;background:transparent}
.fancy-book-button{min-width:0;margin:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit;justify-self:stretch}
.fancy-book-button:focus-visible{outline:2px solid #147aba;outline-offset:1px;border-radius:4px}
.fancy-book-label{display:block;color:#146126;font-size:9px;line-height:12px;text-decoration:underline}
#fancyAccountBox{scroll-margin-top:64px}
.fancy-icon{font-size:27px;line-height:1}
.fancy-bet-badge{position:absolute;left:-8px;top:-16px;min-width:16px;height:16px;border-radius:8px;background:#e53935;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;padding:0 4px;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.fancy-row.has-bets .fancy-name-text{background:#e8d8f5}
.position-bets,.position-ladder{min-width:0 !important;width:100% !important;table-layout:fixed}
.position-bets th,.position-bets td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 5px;font-size:12px}
.position-bets th:nth-child(1){width:30%}.position-bets th:nth-child(2){width:19%}.position-bets th:nth-child(3){width:15%}.position-bets th:nth-child(4){width:14%}.position-bets th:nth-child(5){width:22%}
.position-ladder th{padding:5px 4px;font-size:12px}
.position-ladder td{padding:4px 5px;font-size:13px;overflow:hidden;text-overflow:ellipsis}
.position-ladder td:first-child{width:46%}
.position-body{flex-wrap:nowrap}
.position-bets-wrap{flex:1 1 0;min-width:0}
.position-ladder-wrap{flex:0 0 124px}

/* user-d: match page odds parity with the reference site (bigger odds boxes on phones) */
.route-event .cell .s,.route-event .cell.b .s{background:#c4dafa}
@media(max-width:999px){
  .route-event .runner,.route-event .mkt-head{grid-template-columns:minmax(0,1fr) minmax(64px,23%) minmax(64px,23%);gap:8px}
  .route-event .runner{min-height:56px;padding:5px 6px 4px 4px;align-items:center}
  .route-event .runner .name{font-size:14px;line-height:16px;padding-top:0}
  .route-event .cell{width:auto;min-height:46px;justify-self:stretch}
  .route-event .cell .p{font-size:21px;min-height:30px;line-height:30px}
  .route-event .cell .s{font-size:11px;min-height:16px;line-height:16px;font-weight:600}
}

/* user-d: header Options row hidden (reference has none); Last Figure as a fancy tab + back-blue rows */
.route-event .event-controls[hidden]{display:none}
.fancy-tab-figure{margin-left:auto}
.figure-card{padding:0 0 4px}
.figure-card h3{margin:0;padding:6px 10px;font-size:13px}
.route-event .figure-row{grid-template-columns:minmax(0,1fr) minmax(96px,30%);gap:8px;border:1px solid #a5c0ec;border-radius:3px;background:#d8e9fe;margin:2px;padding:4px 6px;align-items:center}
.route-event .figure-row .name{font-size:13px;font-weight:700;color:#001979}
.route-event .figure-row .cell{min-height:44px;cursor:pointer}
.route-event .figure-row .cell .p{font-size:20px;min-height:28px;line-height:28px}
.route-event .figure-row .cell .s{font-size:10px;min-height:16px;line-height:16px;background:#fff242}
@media(max-width:999px){.route-event .figure-row{grid-template-columns:minmax(0,1fr) minmax(90px,30%)}}

/* USER-G: reference welcome, racing rows and actual quote-change flash. */
.route-agreement{background:linear-gradient(90deg,#effaff 0%,#42c4f0 48%,#4185ff 100%)}
.route-agreement .topbar,.route-agreement .nav,.route-agreement #statusBanner,.route-agreement .ver{display:none}
.route-agreement #view{max-width:560px;margin:auto;padding:0 20px 110px}
.agreement-screen{min-height:100dvh;padding-top:32px;color:#234559;font-size:14px;line-height:1.45}
.agreement-brand{height:112px;width:112px;margin:0 auto 22px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#209dd6}
.agreement-brand>span{font:62px/62px Georgia,serif;color:#b18a38}
.agreement-brand>b{font-size:12px}
.agreement-screen h1{text-align:center;color:white;font-size:24px;line-height:1.25;margin:0 0 36px;font-weight:700;overflow-wrap:anywhere}
.agreement-copy h2{font-size:16px;font-weight:400;margin:0}
.agreement-copy ol{padding:0;list-style-position:inside;margin:18px 0 0}
.agreement-copy li{margin:0 0 6px}
.agreement-actions{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:center;align-items:center;gap:18px;z-index:60}
.agreement-accept{display:flex;align-items:center;gap:10px;border:0;border-radius:28px;padding:14px 22px;background:#ffeb30;color:#171717;box-shadow:0 4px 7px #0003;font:500 14px/22px Roboto,Arial,sans-serif;cursor:pointer}
.agreement-accept>span{display:inline-flex;align-items:center;justify-content:center;background:#21a5df;color:#ffeb30;border-radius:8px 8px 14px 14px;width:23px;height:26px;font-weight:700}
.agreement-exit{border:0;background:#ffffffdc;color:#234559;border-radius:20px;padding:10px 14px;font:400 12px/20px Roboto,Arial,sans-serif;cursor:pointer}
.route-event .race-market .runner{min-height:59px;padding:5px 8px 9px;gap:10px;background:linear-gradient(90deg,#d4e6f8 0 50%,#c0dafb 50% 100%);border-color:#c1d9fc;box-shadow:inset 0 0 0 1px #fff;margin:2px 0;border-radius:3px}
.route-event .race-market .runner .name{display:flex;flex-direction:row;align-items:flex-start;gap:5px;padding:0;min-width:0;font-size:14px;line-height:18px}
.race-selection{display:flex;gap:5px;align-items:center;flex:0 0 auto;min-height:21px;font-size:11px;font-weight:500}
.race-selection input{width:16px;height:16px;margin:1px 1px 0 0;accent-color:#288dd0}
.trap-colour{display:inline-block;width:20px;height:20px;min-width:20px;flex:0 0 20px;border:1px solid #333;box-sizing:border-box;vertical-align:middle}
.race-description{display:block;min-width:0;max-width:100%;flex:1}
.runner-label{display:block;max-width:100%;width:max-content;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;color:#001571}
.runner-winner{background:#a7ff25}
.runner-scratched{background:#ff4036}
.race-jockey{display:block;color:#666;font-size:11px;line-height:15px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-only{position:absolute!important;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.route-event .race-market .cell{align-self:start;min-height:30px;margin-top:2px;box-shadow:0 0 1px #4d85ac}
.route-event .race-market .cell .p{min-height:25px;line-height:25px}
.route-event .race-market .cell .s:empty{display:none}
.route-event .race-market .cell.disabled{opacity:1}
.route-event .race-market .mkt-head,.route-event .race-market>h3{display:none}
.race-media-help{background:#eff5f7;border-bottom:1px solid #a6b3b8;padding:6px 5px;text-align:center;color:#455a64;font-size:12px;line-height:17px;font-weight:500}
.route-event .cell.l .s{background:#c4dafa}
/* INFO222-AMOUNT-FLASH-20261023: regular odds keep their side colour; only changed amounts flash. */
/* INFO222-RACE-REPAIR-20261024: animate only the inline amount digits, preserving the strip. */
@keyframes quote-change{0%,100%{background:#fff229;color:#071654}}
.route-event .cell .s > .quote-amount.quote-flash,.route-event .fcell .quote-flash{animation:quote-change .75s linear 1}
@media(max-width:640px){
  .route-event .race-market .runner{grid-template-columns:minmax(0,1fr) 21% 21%}
  .route-event .race-market .runner .name{font-size:16px;line-height:20px;gap:4px}
  .race-jockey{font-size:11px;line-height:15px}
  .race-selection{gap:4px;font-size:10px}
}
/* USER-H: reference WIN / PLACE strip and combined-odds preview. */
.route-race .topbar{height:55px;gap:12px}
.route-race .brand{font-size:14px}
.route-race .nav{top:55px}
.route-race .event-title{min-height:22px;margin:0;justify-content:flex-start;text-align:left;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.route-race .event-title b{overflow:hidden;text-overflow:ellipsis}
.route-race .event-overview{padding:3px 5px}
.route-race .event-summary-line{min-height:25px}
.route-race .event-state-line{min-height:18px;margin:0}
.market-status.market-blocked,.event-trade-state.market-blocked{color:#d32128;font-weight:700}
.card h3 .market-blocked{color:#ffb7b7;font-weight:700}
.race-market-tabs{display:flex;gap:0;padding:3px 4px;border:1px solid #a7bce4;background:#fff;min-width:0;overflow-x:auto}
.race-market-tabs button{flex:1 0 90px;min-width:0;height:34px;padding:3px 8px;border:1px solid #376178;background:#fff;color:#254f65;font:700 14px/24px Roboto,Arial,sans-serif;letter-spacing:1px;cursor:pointer}
.race-market-tabs button.active{background:#204d65;color:#fff}
.race-selection-tools{display:flex;justify-content:flex-end;gap:7px;padding:1px 5px;min-height:20px;background:#f5f9fd}
.race-selection-tools button{border:0;background:none;color:#315e8a;padding:1px 3px;font:400 10px/16px Roboto,Arial,sans-serif;cursor:pointer}
.race-selection-tools button:disabled{color:#777;cursor:default}
.race-dutch{background:#abc6eb;color:#09215c;padding:4px;min-width:0}
.race-dutch-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:29px;margin-bottom:4px}
.race-dutch-heading>strong{font-size:20px;line-height:25px;color:#07156c;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.race-dutch-heading>b{font-size:16px;line-height:24px;white-space:nowrap}
.race-dutch-heading>b>span{background:#164d85;color:#fff;padding:2px 3px;border-radius:2px;font-size:14px}
.race-dutch-entry{display:grid;grid-template-columns:46% minmax(0,1fr);gap:10px}
.race-dutch-quotes{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.dutch-price{border:1px solid #7eacd3;min-width:0;min-height:45px;padding:2px;font:700 25px/34px Roboto,Arial,sans-serif;color:#000078;cursor:pointer}
.dutch-price.b{background:linear-gradient(#47b9f3 0%,#d3f1ff 30%,#fff 53%,#86cdf4 76%,#32a9eb 100%)}
.dutch-price.l{background:linear-gradient(#ee87ae 0%,#ffdbe8 30%,#fff 53%,#ffc2da 76%,#e97daa 100%)}
.dutch-price:disabled{cursor:default;opacity:.65}
.race-dutch-stake{display:flex;gap:3px;align-items:stretch;min-width:0}
.race-dutch-stake input{width:0;min-width:0;flex:1;border:1px solid #2b6ba6;border-radius:3px;font:700 24px/35px Roboto,Arial,sans-serif;color:#000078;text-align:center;padding:1px;background:#fff}
.race-dutch-stake input::placeholder{font-size:13px;font-weight:400}
.race-dutch-stake button{flex:0 0 27px;border:0;border-radius:3px;padding:0;background:#196cb8;color:#fff;font:700 24px/35px Arial,sans-serif;cursor:pointer}
.race-dutch-returns{display:grid;grid-template-columns:22.5% 22.5% minmax(0,1fr);gap:4px;align-items:center;margin:4px 0}
.race-dutch-returns>div{min-height:34px;text-align:center;background:#f8ffff;border:1px solid #cbe0f5;border-radius:3px;font-size:12px;line-height:16px}
.race-dutch-returns>div>span{display:block}
.race-dutch-returns>span{font-size:11px;font-weight:700;line-height:15px;text-align:center}
.race-dutch-note{padding:3px;background:#fffce9;color:#f4430c;font:italic 600 12px/16px Roboto,Arial,sans-serif;text-align:center;border-radius:3px}
@media(max-width:640px){
 .route-race .race-market .runner{grid-template-columns:minmax(0,1fr) 21% 21%;padding:5px 5px 7px;min-height:59px}
 .route-race .race-market .cell .p{font-size:24px;min-height:28px;line-height:28px}
 .route-race .race-market .cell .s{font-size:12px;line-height:16px}
 .route-race .race-selection input{width:17px;height:17px;accent-color:#6a4495}
 .route-race .race-number{font-size:11px}
}
@media(max-width:360px){
 .race-dutch-heading>b{font-size:14px}
 .race-dutch-heading>b>span{font-size:12px}
 .race-dutch-heading>strong{font-size:17px}
 .race-dutch-stake input{font-size:21px}
 .race-dutch-stake button{flex-basis:24px}
}
@media(prefers-reduced-motion:reduce){
  .route-event .cell .s > .quote-amount.quote-flash,.route-event .fcell .quote-flash{animation-timing-function:steps(1,end)}
}

/* USER-I: same compact bet dialog; live games stay inside the user page. */
.game-grid button.game{font:inherit;color:inherit;text-align:inherit;cursor:pointer;min-width:0;padding:0}
.game-open{display:block;padding:5px;color:#fff;background:#166b46;font-size:12px;text-align:center}
.game-live-title,.game-market-title{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center;justify-content:space-between;padding:7px 9px;background:#163e65;color:#fff;font-size:14px}
.game-live-title>span{font-size:12px}
.game-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;padding:12px;background:#145b45;border:3px solid #a38346;border-radius:6px;margin:5px 0}
.game-hand{color:#fff;text-align:center;min-width:0}
.game-hand>strong{display:block;font-size:14px;overflow-wrap:anywhere}
.game-hand>small{display:block;font-size:11px;line-height:16px}
.game-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:3px;padding:5px 0}
.game-cards img{display:block;width:39px;height:55px;object-fit:contain;background:#fff;border-radius:3px}
.game-market{margin:7px 0;border:1px solid #9fb2c2;overflow:hidden}
.game-market-title{background:#d7e2ed;color:#172d45;font-size:13px}
.game-quote-row{display:grid;grid-template-columns:minmax(0,1fr) 76px 76px;gap:2px;min-width:0;border-top:1px solid #c3cdd5;background:#f5f7f8;align-items:stretch}
.game-quote-row.back-only{grid-template-columns:minmax(0,1fr) 100px}
.game-quote-head{font-size:12px;font-weight:700;text-align:center;background:#e8edf1}
.game-quote-head>span{padding:4px}
.game-selection{padding:7px 6px;font-size:13px;line-height:18px;overflow-wrap:anywhere;align-self:center}
.game-selection small{display:block;font-size:11px;font-weight:700}
.game-quote{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:43px;padding:3px;border:0;border-radius:2px;color:#111;cursor:pointer}
.game-quote.b{background:#a7d4f5}.game-quote.l{background:#f2bfd2}
.game-quote>b{font:700 19px/24px Roboto,Arial,sans-serif}.game-quote>small{font-size:10px}
.game-quote:disabled{cursor:default;opacity:.6}
.game-quote.odds-flash{animation:quote-change .75s linear 1}
.game-winner .game-selection{background:#caeecb;color:#095a22}
.game-feed-warning{padding:9px;background:#ffeded;color:#a00;font-weight:700}
.game-bets{margin-top:12px;min-width:0}.game-bets .card-head{display:flex;justify-content:space-between;align-items:center;padding:7px}
#gameOrderTabs{display:flex;gap:4px;padding:5px;overflow-x:auto}#gameOrderTabs>button{white-space:nowrap}
#gameOrders{max-width:100%;overflow-x:auto}
.game-orders-table{width:100%;border-collapse:collapse;font-size:12px}.game-orders-table th,.game-orders-table td{padding:6px;border-bottom:1px solid #d7e0e8;text-align:left}.game-orders-table th{background:#e6edf3}.game-orders-table td:nth-child(3),.game-orders-table td:nth-child(4){text-align:right;white-space:nowrap}
@media(max-width:360px){.game-quote-row{grid-template-columns:minmax(0,1fr) 65px 65px}.game-board{gap:6px;padding:8px}.game-cards img{width:33px;height:47px}}
@media(prefers-reduced-motion:reduce){.game-quote.odds-flash{animation-timing-function:steps(1,end)}}

/* USER-J: reference countdown and Back/Yes blue vs Lay/No pink. */
.ticker-time.elapsed,.event-clock.elapsed{color:#d33a38}
.event-ticker .event-elapsed .ticker-title{background:#f8ead5}
.compact-slip.slip-lay .slip-entry,.compact-slip.slip-lay .chips,.compact-slip.slip-lay .slip-context{background:#f9dce5}
.score-ball.boundary-four{background:#246a9b;color:#fff}

/* USER-K: signed market P/L and the owner's compact cricket score. */
.route-event .runner .name .pl{display:block;white-space:normal;overflow-wrap:anywhere}
.route-event .runner .name .pl.pos{color:var(--green)}
.route-event .runner .name .pl.neg{color:var(--red)}
.score-summary-balls{display:flex;flex-wrap:wrap;gap:6px;white-space:pre-wrap;overflow-wrap:anywhere}
.score-target{font-weight:600;font-size:12px;padding:3px 0}

/* USER-K3: measurements from the supplied phone recording and signed-in reference. */
:root{--green:#55ad55;--red:#e74539}
.busy-indicator{display:flex;align-items:center;justify-content:center;min-height:96px;padding:24px}
.busy-ring,.is-busy::after{display:inline-block;width:27px;height:27px;border:3px solid transparent;border-top-color:#62508b;border-left-color:#62508b;border-radius:50%;animation:busy-turn 1.05s linear infinite}
.is-busy::after{content:"";width:19px;height:19px;border-width:2px;vertical-align:middle}
@keyframes busy-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.busy-ring,.is-busy::after{animation-duration:2.5s}}
#view>.busy-indicator{min-height:55vh}
#statusBanner:not([hidden]){padding:0;background:#fff9eb;border:0;font-size:12px}
#statusBanner .card{margin:0;border-radius:0}
#statusBanner .busy-indicator{min-height:32px;padding:3px}
.topbar .header-actions svg{width:24px;height:24px;display:block}
.topbar .header-close,.topbar .header-tv{border:0;background:none;width:28px;height:30px;padding:2px;color:#fff222;cursor:pointer;display:none}
.route-event .header-close,.route-event .header-tv{display:flex;align-items:center}
.route-event .header-tv{width:42px;color:white;gap:3px}
.header-tv-check{font-size:10px;line-height:12px;text-align:center;border-radius:50%;background:#57d5a8;color:#248e71;width:12px;height:12px;flex-shrink:0}
.route-event .header-actions>.menu-btn{display:none}
.event-brand-name{display:none}
.route-event .event-brand-name{display:inline}
.route-home .account-label::before{content:" ( "}.route-home .account-label::after{content:" )"}
.event-ticker .ticker-title{display:inline;white-space:nowrap;background:#f7ead9;font-weight:400}
.event-ticker button.active .ticker-title{color:#18a5db;font-weight:700}
.event-ticker button.active{border-bottom-color:#2196f3}
.event-bet-summary.is-busy{background:none}
.event-summary-line .event-bet-summary{border:0;cursor:pointer}
.event-score-line{padding:2px 0 0;font-size:12px;line-height:16px}
.score-line-main{color:#990a09;font-weight:500}
.score-line-balls{color:#aa1523;font-weight:400;letter-spacing:0}
.event-account-line{font-size:12px;line-height:18px;color:#000080}
.event-account-line .liability{color:#ce008d}
.event-account-line b{color:#126900;font-weight:600}
.event-trade-state{font-size:14px;color:#55a759}
.event-clock{font-weight:400;font-size:13px}
.event-state-line{padding:0 3px;min-height:22px}
.event-limits:not(:empty){border-radius:10px;background:#d8f1dc;padding:1px 8px}
.event-primary-market .runner .name{position:relative}
.event-primary-market .runner .name .pl{align-self:flex-end;margin-top:9px;font-size:14px}
.route-event .cell.l .s,.route-event .cell.b .s{background:#c4dafa;color:#101010;font-weight:500}
.route-event .fcell.no{background:#8affff}.route-event .fcell.yes{background:#bdffbc}
.route-event .fcell.yes .r{color:#0619a9}.route-event .fcell.no .r{color:#ef4e41}
.route-event .fcell{border-color:#75baf7;box-shadow:1px 3px 4px #ef6d6c}
.fancy-pl,.game-pl{display:flex;justify-content:flex-end;gap:8px;line-height:17px;font-size:12px}
.fancy-pl{justify-content:flex-start;font-size:10px;gap:6px}
.fancy-book-label{font-size:8px;line-height:10px}
.fancy-name-text{padding:1px 3px}
.fancy-tabs{scrollbar-width:none}.fancy-tabs::-webkit-scrollbar{display:none}
.fancy-tab.active::after{height:3px;border-radius:3px 3px 0 0;background:#f44336}
.fancy-tabs-title,.fancy-group-title,.market-toggle{background:#1a496b}
.route-event .cricket-compact.card{background:white;border:1px solid #5aa0eb;border-radius:5px}
.route-event .cricket-compact .score{background:white;padding:5px 6px;color:#2196f3}
.cricket-compact .score-live-row{justify-content:center}
.route-event .cricket-compact .score-total-live{font-size:16px;line-height:22px;max-width:100%;color:#e74838;font-weight:500;text-align:center}
.cricket-compact .score-middle{display:flex;align-items:center;gap:5px;min-height:20px;position:relative}
.cricket-compact .score-summary-balls{color:#2196f3;flex:1;font-size:14px;line-height:20px;font-weight:500}
.cricket-compact .score-target{flex:1;text-align:center;color:#880000;font-size:14px;line-height:20px;padding:0;font-weight:600}
.route-event .cricket-compact .score-team{font-size:15px;color:#55ad55;line-height:22px}
.route-event .cricket-compact .score-batsmen-strip{margin:0;background:#e0e0e0;color:#9c20b2;font-size:14px;line-height:21px;padding:0 5px;font-weight:600;text-align:center}
.compact-slip .slip-title{width:max-content;max-width:100%;margin:0 auto 4px;background:#fffceb;text-align:center;font-size:16px;line-height:22px}
.slip.compact-slip{flex-basis:290px;width:290px;padding:10px 16px 28px;min-height:235px;border-radius:28px;background:#eee7f1}
.compact-slip .slip-entry{grid-template-columns:65px minmax(0,1fr) 40px;gap:16px;padding:9px 3px 10px}
.compact-slip .slip-entry input{height:40px;font-size:20px;line-height:28px}
.compact-slip .slip-price{color:#999!important}
.compact-slip .slip-entry.with-steps{grid-template-columns:28px 56px 28px minmax(0,1fr) 40px;gap:5px}
.compact-slip .slip-entry.with-steps .slip-price{color:#222!important}
.compact-slip .price-step{height:40px;min-width:0;margin:0;padding:0;border:0;border-radius:5px;background:#d6d6d6;color:#222;font:500 22px/36px "Roboto",Arial,sans-serif;cursor:pointer}
.compact-slip .price-step:active{background:#c2c2c2}
.compact-slip .slip-confirm{width:40px;font-size:24px;background:#bbffb8;color:#e600e6}
.compact-slip .chips{gap:2px;padding:0 0 26px}
.compact-slip .chips button{background:#dedede;border-color:#c9f9ca;border-width:3px;min-height:38px;font-size:18px;font-weight:700;font-style:italic}
.compact-slip .slip-close{width:18px;height:18px;right:5px;top:4px;font-size:16px;color:#54495f}
.compact-slip #sAvailability:not(:empty){border:0;padding:3px;background:transparent;text-align:center;font-size:11px}
.compact-slip .ret.sr-only{margin:0;padding:0}
.book-focused .topbar,.book-focused .nav,.book-focused .ver,.book-focused .event-ticker,.book-focused .event-main,.book-focused .event-side>.media-tabs,.book-focused #tvBox,.book-focused .bets-tabs,.book-focused #myBetsBox{display:none!important}
.book-focused #view{padding:0;max-width:none}
.book-focused .event-layout,.book-focused .event-side{display:block;min-height:0;background:#fdf7ff}
.book-focused .bets-panel{margin:0;padding:0;border:0;background:#fdf7ff}
.book-focused #fancyAccountBox{display:block;scroll-margin-top:0}
.book-focused .position-card{border:0;margin:0;border-radius:0;background:#fdf7ff;box-shadow:none}
.book-focused .position-head{position:sticky;top:0;z-index:50;height:56px;padding:3px 8px;background:#2196ed;color:#fff;gap:18px}
.book-focused .position-back{color:#163b50;padding:4px 10px;font-size:24px}
.book-focused .position-title{font-size:14px;line-height:20px;font-weight:400}
.book-focused .position-fancy{font-size:16px;line-height:21px;color:#fff51d;text-align:center;font-weight:500}
.book-focused .position-body{gap:0;padding:3px 2px 0;background:#fdf7ff;align-items:stretch;min-height:calc(100dvh - 59px)}
.book-focused .position-bets-wrap,.book-focused .position-ladder-wrap{background:#fdf7ff;border:2px solid #5e9bed;border-radius:12px;min-height:0}
.book-focused .position-ladder-wrap{flex-basis:28.5%}
.book-focused .position-bets th{background:white;font-weight:500;padding:2px;font-size:12px;line-height:18px;border:0}
.book-focused .position-bets td{font-size:12px;padding:2px;line-height:18px}
.book-focused .position-ladder th{padding:2px;font-size:12px;line-height:18px;border:0;text-align:left;background:#000;color:#fff}
.book-focused .position-ladder th:last-child{text-align:right}
.book-focused .position-ladder td{padding:2px;font-size:12px;line-height:18px;border:0}
.book-focused .position-footer{min-height:32px;padding:7px;background:#55a959;font-size:12px}
@media(max-width:999px){
  .route-event:not(.route-race) .topbar{height:56px;min-height:56px;gap:15px;padding:8px 16px}
  .route-event:not(.route-race) .brand{font-size:14px}
  .route-event .header-actions{gap:17px}
  .route-event:not(.route-race) .event-ticker{height:50px;min-height:50px;padding:4px 4px 0;gap:0}
  .route-event:not(.route-race) .event-ticker button{flex-basis:82px;padding:2px 4px;font-size:14px;line-height:19px}
  .route-event:not(.route-race) .ticker-time{font-size:10px;line-height:13px;margin-top:0}
  .route-event:not(.route-race) .event-overview{min-height:135px;margin:2px 1px;border:2px solid #5c96ee;border-radius:5px;padding:2px 3px}
  .route-event:not(.route-race) .event-summary-line{min-height:32px;padding:0 4px;gap:12px}
  .route-event:not(.route-race) .event-summary-line .event-sport-icon{font-size:31px;line-height:36px}
  .route-event:not(.route-race) .event-summary-line .event-bet-summary{font-size:14px;line-height:23px;padding:0 4px}
  .route-event:not(.route-race) .event-title{font-size:16px;line-height:20px;min-height:22px;margin:0;padding:0 2px 1px 27px}
  .route-event:not(.route-race) .event-clock{font-size:13px;color:#111;font-weight:400}
  .route-event:not(.route-race) .media-tabs{height:23px;min-height:23px;gap:0;margin:0 0 3px;background:linear-gradient(90deg,#3971f6,#408eff)}
  .route-event:not(.route-race) .media-tabs button{height:23px;font-size:11px;line-height:17px;padding:2px 8px}
  .route-event:not(.route-race) .media-tv-icon{font-size:11px;margin-left:4px}
  .route-event .cricket-compact.card{margin:0 6px 8px;min-height:0}
  .route-event .cricket-compact .score{min-height:0;padding:5px 6px}
  .route-event:not(.route-race) .runner{min-height:61px;margin:2px 0;padding:5px 13px 4px 5px;grid-template-columns:minmax(0,1fr) 21% 21%;gap:13px;background:linear-gradient(90deg,#d7e6fb 0 50%,#c3dcfc 50%);border-color:#afd1ff;box-shadow:inset 0 0 0 1px white}
  .route-event:not(.route-race) .runner .name{font-size:16px;line-height:19px;align-self:stretch;justify-content:flex-start}
  .route-event:not(.route-race) .cell{min-height:45px;align-self:start}
  .route-event:not(.route-race) .cell .p{font-size:23px;line-height:28px;min-height:28px}
  .route-event:not(.route-race) .cell .s{font-size:11px;line-height:17px;min-height:17px}
  .route-event .fancy-row{grid-template-columns:minmax(0,1fr) 18.5% 18.5%;gap:3px;padding:5px 3px;min-height:40px;margin:3px 1px;border-radius:10px;background:#fff;border-color:#5f9ee8}
  .route-event .fancy-row .name{font-size:10px;line-height:13px}
  .route-event .fcell{min-height:24px;padding:1px;border-radius:4px}
  .route-event .fcell .r{font-size:13px;line-height:19px;font-weight:500}
  .route-event .fancy-tabs{min-height:34px;margin:3px 0 10px}
  .route-event .fancy-tabs-title{font-size:11px;padding:4px 9px}
  .route-event .fancy-tab{font-size:12px;padding:5px 12px}
  .route-event .fancy-group-title{min-height:23px;font-size:11px;padding:3px 14px}
  .route-event .fancy-group-title .limit{font-size:11px;line-height:17px}
  .route-event .market-toggle{min-height:24px;font-size:12px;padding:3px 10px}
  .book-focused .position-title{font-size:12px;line-height:17px}
  .book-focused .position-fancy{font-size:14px;line-height:20px}
  .book-focused .position-head{gap:7px}
  .book-focused .position-bets th,.book-focused .position-bets td,.book-focused .position-ladder th,.book-focused .position-ladder td{font-size:9px;padding:2px 1px;line-height:16px}
}
@media(max-width:360px){.route-event .header-actions{gap:9px}.route-event:not(.route-race) .brand{font-size:12px}.route-event:not(.route-race) .topbar{gap:10px;padding:8px 12px}.route-event:not(.route-race) .runner{gap:8px;padding-right:8px}.route-event:not(.route-race) .runner .name{font-size:14px}.route-event:not(.route-race) .event-title{font-size:14px}}

/* USER-K4: race video corrections; account amounts retain their supplied sign. */
.event-account-line .liability b.neg,#fExposure.neg{color:var(--red)}
.event-account-line .liability b.pos,#fExposure.pos{color:#126900}
.event-account-line .liability b.unavailable,#fExposure.unavailable{color:#777}
.event-trade-state.market-blocked{color:var(--red)}
.route-race .event-limits:not(:empty){border-radius:0;background:none;padding:0;color:#251334;font-weight:400}
.route-race .race-feed-status{margin-left:auto;background:none;padding:0;color:var(--red);font-style:italic;font-weight:600}.race-feed-status.race-inplay{color:#00b181;font-style:normal;font-weight:700}.race-feed-status.race-suspended{color:#d55140}
.route-race .race-market .cell.b .s,.route-race .race-market .cell.l .s{background:#c4dafa}
.route-race .race-description{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:4px;align-items:start}
.route-race .race-market .runner .name .pl{margin:0;font-size:14px;line-height:20px;white-space:nowrap;align-self:start}
.route-race .race-description .race-jockey{grid-column:1 / -1}
@media(max-width:999px){
 .route-race .event-ticker{height:50px;min-height:50px;padding:4px 4px 0;gap:0}
 .route-race .event-ticker button{flex:0 0 98px;padding:2px 3px;font-size:13px;line-height:19px;min-width:0}
 .route-race .ticker-time{font-size:10px;line-height:13px;margin-top:0}
 .route-race .event-overview{min-height:0;padding:3px 5px}
 .route-race .event-state-line{font-size:14px;line-height:20px}
 .route-race .event-title{font-size:14px;line-height:20px;min-height:22px;padding-left:39px}
 .route-race .event-summary-line{min-height:27px}
}

/* USER-K5: cricket announcement and response-driven feed activity line. */
.cricket-message{min-width:0;max-width:100%;overflow:hidden;color:#862b8b;font-size:12px;line-height:19px;border-bottom:1px solid #bce9bf;outline-offset:-1px}
.cricket-message-track{display:flex;width:max-content;animation:cricket-message-scroll 45s linear infinite}
.cricket-message-track span{display:block;white-space:nowrap;flex-shrink:0;padding-right:48px}
.cricket-message:hover .cricket-message-track,.cricket-message:focus .cricket-message-track{animation-play-state:paused}
@keyframes cricket-message-scroll{to{transform:translateX(-50%)}}
.feed-progress{height:4px;min-height:4px;flex-shrink:0;margin:0 4px 4px;overflow:hidden;background:#d9dce6;border-radius:1px}
.feed-progress-fill{display:block;height:100%;width:0;background:#448aff;transition:width .15s linear}
.feed-progress:not([data-state="live"]) .feed-progress-fill{transition:none}
@media(prefers-reduced-motion:reduce){
 .cricket-message{overflow-x:auto}
 .cricket-message-track{animation:none}
 .cricket-message-track span+span{display:none}
 .feed-progress-fill{transition:none}
}

/* Internal build identification, excluded from visual and assistive output. */
.build-id{position:fixed;left:0;bottom:0;width:1px;height:1px;overflow:hidden;font:1px/1px monospace;color:var(--bg,#fff);background:var(--bg,#fff);clip-path:inset(50%);pointer-events:none;user-select:none}

/* V247: keep the notepad and complete Fancy name in separate columns. */
.route-event .fancy-row .fancy-book-button{display:flex;align-items:center;gap:8px;min-width:0;white-space:normal;padding:4px 5px;opacity:1}
.route-event .fancy-left{width:28px;flex:0 0 28px;margin:0;align-self:center}
.route-event .fancy-name-text{flex:1;min-width:0;padding:2px 0;font-size:12px;line-height:16px;overflow-wrap:anywhere;text-align:left}
.admin-market-pl{padding:10px;font-size:13px}.admin-market-pl h3{margin:0 0 6px}.admin-market-pl p{margin:5px 0}

/* V247 account list: names wrap, monetary values never split across lines. */
.user-statement-card{margin:8px 0}.report-table-scroll{max-width:100%;overflow:auto;overscroll-behavior:contain}
.user-statement-table{table-layout:fixed;width:100%;font-size:12px}.user-statement-table .report-date-col{width:77px}.user-statement-table .report-money-col{width:74px}
.user-statement-table th,.user-statement-table td{padding:7px 5px;vertical-align:top}
.user-statement-table .report-money,.report-bet-table .report-money{white-space:nowrap;overflow-wrap:normal!important;word-break:normal;font-variant-numeric:tabular-nums;text-align:right}
.user-statement-table .report-date,.report-bet-table .report-date{white-space:nowrap;overflow-wrap:normal!important;font-size:10px;color:#777}
.report-date span,.report-date small{display:block}.report-description{overflow-wrap:anywhere;text-align:left}
.report-detail-link{border:0;padding:0;background:transparent;color:#174469;text-align:left;font:inherit;cursor:pointer;overflow-wrap:anywhere}.report-detail-link span{display:block;color:#168dce;font-size:10px;margin-top:2px}
.report-modal-backdrop{position:fixed;inset:0;z-index:1500;background:#0008;display:flex;align-items:center;justify-content:center;padding:12px}
.report-modal-backdrop[hidden]{display:none}.report-modal{width:min(760px,100%);max-height:88dvh;background:#fffef0;border:1px solid #699cce;border-radius:8px;box-shadow:0 10px 40px #0006;overflow:hidden;display:flex;flex-direction:column}
.report-modal>header{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#24a6d8;color:white;padding:8px 12px}.report-modal h2{font-size:16px;margin:0}.report-modal>header button{width:34px;height:34px;border:0;background:#fff;color:#174469;border-radius:50%;font-size:25px;cursor:pointer}
.report-modal-body{overflow:auto;min-height:70px}.report-detail-meta{display:flex;flex-wrap:wrap;gap:5px 20px;padding:10px 12px;font-size:12px}.report-detail-meta>span{display:block}
.report-bet-table{min-width:560px;table-layout:auto;font-size:12px}.report-bet-table th,.report-bet-table td{padding:8px;border-bottom:1px solid #e0e0d1;text-align:left}.report-bet-table th{white-space:nowrap;background:#edf1f5}.report-bet-table td:first-child{min-width:105px;max-width:200px;overflow-wrap:anywhere}
.report-bet-lay{background:#f7d8e4}.report-bet-back{background:#d5e8fc}.report-bet-table .report-bet-result{background:white}.report-commission{padding:0 12px;font-size:12px}
.report-modal-open{overflow:hidden}.game-report-actions{padding:8px 0}.game-settled-total{padding:12px;background:#eff8ee;font-size:15px}.game-settled-total b{float:right}.game-settled-total small{display:block;clear:both;color:#666;font-size:11px;margin-top:5px}.game-position-note{padding:4px 8px;font-size:11px;background:#f7fafc}
.route-gamepnl #view{padding:0 0 48px}.route-gamepnl .report-toolbar{padding:8px 6px;gap:5px}.route-gamepnl .report-toolbar .inp{max-width:39%;font-size:12px}.route-gamepnl .report-toolbar .muted{font-size:10px}
@media(max-width:390px){.user-statement-table{font-size:11px}.user-statement-table .report-date-col{width:70px}.user-statement-table .report-money-col{width:65px}.user-statement-table th,.user-statement-table td{padding:6px 3px}.report-modal-backdrop{padding:8px}}

.report-mobile-time{display:none}
@media(max-width:640px){
 .report-bet-table{table-layout:fixed;min-width:320px;width:100%;font-size:11px}
 .report-bet-table th,.report-bet-table td{padding:7px 4px}
 .report-bet-table th:first-child,.report-bet-table td:first-child{width:36%;min-width:0;max-width:none}
 .report-bet-table th:nth-child(2),.report-bet-table td:nth-child(2){width:11%}
 .report-bet-table th:nth-child(3),.report-bet-table td:nth-child(3){width:13%}
 .report-bet-table th:nth-child(4),.report-bet-table td:nth-child(4){width:19%}
 .report-bet-table th:nth-child(5),.report-bet-table td:nth-child(5){width:21%}
 .report-bet-table th:nth-child(6),.report-bet-table td:nth-child(6){display:none}
 .report-mobile-time{display:block;margin-top:4px;font-size:9px;color:#6b6b6b;white-space:nowrap}
 .report-mobile-time>span,.report-mobile-time>small{display:block;font:inherit}
}

/* V247: always-visible Betfair settled P/L, separate from current hand exposure. */
.game-report-actions{margin:8px 0 12px;padding:10px;background:#fff;border:1px solid #b6cbd9;border-radius:4px}.game-report-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}.game-report-heading>b{font-size:14px}.game-pnl-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.game-pnl-summary>div{padding:7px;background:#f3f6f8;font-size:12px;overflow-wrap:anywhere}.game-pnl-summary strong{display:block;font-size:17px;margin-top:4px}#gameTodayPnl>small{display:block;font-size:11px;color:#596b7a;margin-top:7px}.game-pl small{font-size:10px;color:#536777;align-self:center}

/* Info cricket fallback scorecard v1 */
.ir-fallback-scorecard{box-sizing:border-box;width:100%;min-width:0;margin:4px 0;background:#101c2c;color:#f4f8fc;border:1px solid #34485c;border-radius:5px;overflow:hidden;font:12px/1.35 Roboto,Arial,sans-serif;text-align:left}
.ir-fallback-scorecard *{box-sizing:border-box}
.ir-fallback-scorecard .ir-score-date{min-height:22px;padding:4px 6px;background:#1a2b3d;color:#cad7e4;text-align:center;font-size:10px}
.ir-fallback-scorecard .ir-score-teams{display:flex;justify-content:space-between;gap:18px;padding:12px 11px;border-bottom:1px solid #40556a;min-height:47px}
.ir-fallback-scorecard .ir-score-teams strong{max-width:48%;font-size:13px;line-height:17px;overflow-wrap:anywhere}
.ir-fallback-scorecard .ir-score-teams strong:last-child{text-align:right}
.ir-fallback-scorecard .ir-score-body{padding:9px}
.ir-fallback-scorecard .ir-score-total{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;background:#1b2c3e;border-bottom:2px solid #f3b756;border-radius:4px 4px 0 0;margin-bottom:12px}
.ir-fallback-scorecard .ir-score-total strong{font-size:18px;overflow-wrap:anywhere}
.ir-fallback-scorecard .ir-score-total span{color:#d1d1e3;white-space:nowrap}
.ir-fallback-scorecard .ir-score-heading{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#cad7e4;margin:14px 0 6px}
.ir-fallback-scorecard .ir-score-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0}
.ir-fallback-scorecard .ir-score-row span{overflow-wrap:anywhere;min-width:0}
.ir-fallback-scorecard .ir-score-row b{flex-shrink:0;color:#7dd3fc;white-space:nowrap}
.ir-fallback-scorecard .ir-score-muted{color:#aebdce;font-size:11px;margin:4px 0}
.ir-fallback-scorecard .ir-score-balls{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 12px}
.ir-fallback-scorecard .ir-score-balls span{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 5px;border-radius:50%;background:#273950;color:white;font-size:10px}
.ir-fallback-scorecard .ir-score-balls .ir-score-wicket{background:#f04452}
.ir-fallback-scorecard .ir-score-balls .ir-score-boundary{background:#1e6f5c}
.ir-fallback-scorecard .ir-score-details{margin-top:12px;border:0;padding:0;color:#f4f8fc}
.ir-fallback-scorecard .ir-score-details>summary{display:block;list-style:none;background:#f3b756;color:#111c28;text-align:center;padding:11px 6px;cursor:pointer;border-radius:0;font-size:12px;font-weight:700}
.ir-fallback-scorecard .ir-score-details>summary::-webkit-details-marker{display:none}
.ir-fallback-scorecard .ir-score-details>summary:focus-visible{outline:2px solid white;outline-offset:-3px}
.ir-fallback-scorecard .ir-score-commentary{background:#1a2a3a;color:#67e8b6;padding:10px 8px;margin:10px 0 0;font-size:11px;border-radius:3px}
.ir-fallback-scorecard .ir-score-innings-detail{padding:10px 0}
.ir-fallback-scorecard h4{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin:8px 0;color:white}
.ir-fallback-scorecard h4 span{color:#7dd3fc}
.ir-fallback-scorecard h5{font-size:10px;color:#f3b756;margin:12px 0 5px}
.ir-fallback-scorecard .ir-score-scroll{max-width:100%;overflow:auto}
.ir-fallback-scorecard table{width:100%;min-width:340px;border-collapse:collapse;background:transparent;color:inherit;font-size:11px;table-layout:auto}
.ir-fallback-scorecard th,.ir-fallback-scorecard td{background:transparent;border:0;border-bottom:1px solid #263244;padding:6px;text-align:right;color:inherit}
.ir-fallback-scorecard th:first-child,.ir-fallback-scorecard td:first-child{text-align:left}
/* End Info cricket fallback scorecard v1 */
/* Info prematch odds and header v1 */
.event-overview .event-matched{font-size:13px;color:#35234a;font-weight:400}
.event-overview .event-betting-notice{font-size:11px;line-height:15px;color:#956000;padding:3px 4px;background:#fff8e9;text-align:center}
.event-overview .event-betting-notice[hidden]{display:none}
.event-overview #eventInPlay{font-size:13px;font-style:italic;color:#e14236;font-weight:500}
/* End Info prematch odds and header v1 */

/* V248 side colours: Fancy YES/back blue, NO/lay red. */
.route-event .fcell.yes{background:var(--back)}
.route-event .fcell.no{background:var(--lay)}
/* INFO222-REFERENCE-VISUAL-20261023-BEGIN
   Source: the user's side-by-side screenshot of 23 October, plus the live
   Info222 DOM and computed styles. Only presentation; no quote/order logic.
   Append after the existing app.css. Keep all earlier routing/feed changes.
*/

/* Reference Fancy: Lay/NO is cyan; Back/YES is pale green. These are
   intentionally separate from exchange Back-blue / Lay-pink colors. */
.route-event .fancy-row .fcell.no { background: #8affff; }
.route-event .fancy-row .fcell.yes { background: #bdffbc; }
.route-event .fancy-row .fcell.no .r { color: #ef4e41; }
.route-event .fancy-row .fcell.yes .r { color: #0619a9; }
.route-event .fancy-row .fcell {
  border: 1px solid #75baf7;
  border-radius: 5px;
  min-height: 28px;
  padding: 2px 1px;
  align-self: center;
  box-shadow: 1px 3px 4px #ef6d6c;
}
.route-event .fancy-row .fcell .r {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

/* Keep the existing book button and account/P&L behavior. The reference
   does not print an extra "Book" caption beneath each Fancy name. */
.route-event .fancy-row .fancy-book-label { display: none; }
.route-event .fancy-row .fancy-book-button {
  gap: 4px;
  padding: 2px 4px;
}
.route-event .fancy-row .fancy-left {
  width: 24px;
  flex: 0 0 24px;
  margin: 0;
}
.route-event .fancy-row .fancy-icon { font-size: 24px; line-height: 1; }
.route-event .fancy-row .fancy-name-text {
  font-size: 12px;
  line-height: 16px;
  padding: 2px 0;
}

/* Reference desktop and narrow layouts deliberately differ. */
.route-event .cell .p,
.route-event .cell .s {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  font-variant-numeric: tabular-nums;
}
.route-event .cell .s { color: #101010; }

/* Measured desktop reference popup: 290px wide, 235px minimum height,
   18px title, 20px fields, 40px OK, 4 x 2 amount keys. Keep the user's
   explicit 200 key; do not restore the reference's 00 key. */
.slip.compact-slip { width: 290px; flex-basis: 290px; min-height: 235px; background: #eee7f1; }
.compact-slip .slip-title { font-size: 18px; line-height: 24px; color: #001b79; }
.compact-slip .slip-entry input { height: 40px; font-size: 20px; line-height: 28px; }
.compact-slip .slip-entry, .compact-slip .chips { background: #d8edfa; }
.compact-slip.slip-lay .slip-entry, .compact-slip.slip-lay .chips { background: #f9dce5; }
.compact-slip .chips button { font-size: 18px; line-height: 23px; }
/* Outside-click and Escape already dismiss the slip. Retain a keyboard
   close control without adding a visible X absent from the reference. */
.compact-slip .slip-close { opacity: 0; pointer-events: none; }
.compact-slip .slip-close:focus-visible { opacity: 1; pointer-events: auto; }
.route-event .cricket-compact .score-total-live { font-size: 16px; line-height: 22px; }
.route-event .cricket-compact .score-team,
.route-event .cricket-compact .score-batsmen-strip { font-size: 16px; line-height: 22px; }

@media (max-width: 999px) {
  .route-event .fancy-row {
    grid-template-columns: minmax(0, 1fr) minmax(58px, 19.5%) minmax(58px, 19.5%);
    gap: 4px;
    min-height: 47px;
    margin: 4px 2px;
    padding: 5px 3px;
    border: 1px solid #5f9ee8;
    border-radius: 10px;
    background: #fff;
  }
  .route-event:not(.route-race) .cell {
    width: 100%;
    min-width: 0;
  }
  .route-event .cell.b .p {
    background: linear-gradient(#47b9f3 0%, #d3f1ff 30%, #fff 53%, #86cdf4 76%, #32a9eb 100%);
  }
  .route-event .cell.l .p {
    background: linear-gradient(#ee87ae 0%, #ffdbe8 30%, #fff 53%, #ffc2da 76%, #e97daa 100%);
  }
  .route-event .cell.b .s, .route-event .cell.l .s { background: #c4dafa; }
}
@media (min-width: 1000px) {
  /* Reference uses plain liquidity amounts at desktop width. Leave enough
     room for each full number; do not clip or abbreviate financial values. */
  .route-event:not(.route-race) .cell {
    width: 64px;
    max-width: 100%;
    min-width: 0;
    justify-self: center;
    background: transparent;
    box-shadow: none;
  }
  .route-event:not(.route-race) .cell .p { width: 48px; max-width: 100%; margin: 0 auto; font-size: 16px; font-weight: 500; line-height: 30px; }
  .route-event:not(.route-race) .cell.b .p { background: #d6eaff; }
  .route-event:not(.route-race) .cell.l .p { background: #f5dae6; }
  .route-event:not(.route-race) .cell.b.best .p { background: #72bbef; }
  .route-event:not(.route-race) .cell.l.best .p { background: #faa9ba; }
  .route-event:not(.route-race) .cell .s { font-size: 11px; line-height: 17px; background: transparent; }

  /* Complete quote amounts stay inside this regular-market scroll area.
     The reference price boxes remain 48px; other market layouts are intact. */
  .route-event:not(.route-race) .market-card:not(.market-bookmaker) > .market-content {
    max-width: 100%;
    overflow-x: auto;
  }
  .route-event:not(.route-race) .market-card:not(.market-bookmaker) > .market-content > .mkt-head,
  .route-event:not(.route-race) .market-card:not(.market-bookmaker) .runner {
    grid-template-columns: minmax(120px, 2fr) repeat(6, minmax(max-content, .66fr));
  }
  .route-event:not(.route-race) .market-card:not(.market-bookmaker) .cell {
    width: max-content;
    min-width: 64px;
    max-width: none;
    overflow: visible;
  }
  /* When available, shared tracks also align each heading with every row.
     Older browsers keep the intrinsic row grids and contained scrolling. */
  @supports (grid-template-columns: subgrid) {
    .route-event:not(.route-race) .market-card:not(.market-bookmaker) > .market-content {
      display: grid;
      grid-template-columns: minmax(120px, 2fr) repeat(6, minmax(max-content, .66fr));
      column-gap: 4px;
    }
    .route-event:not(.route-race) .market-card:not(.market-bookmaker) > .market-content > div {
      grid-column: 1 / -1;
      min-width: 0;
    }
    .route-event:not(.route-race) .market-card:not(.market-bookmaker) > .market-content > .mkt-head,
    .route-event:not(.route-race) .market-card:not(.market-bookmaker) > .market-content > div:last-child,
    .route-event:not(.route-race) .market-card:not(.market-bookmaker) .runner {
      display: grid;
      grid-template-columns: subgrid;
    }
    .route-event:not(.route-race) .market-card:not(.market-bookmaker) .runner { grid-column: 1 / -1; }
  }
}
/* Native admin book: upper-right implied rate and lower-right signed P/L. */
.route-event .runner .name:has(.admin-runner-book) { position: relative; padding-right: 64px; min-height: 52px; }
.route-event .admin-runner-book { position: absolute; inset: 0 1px 0 auto; display: flex; flex-direction: column-reverse; align-items: flex-end; justify-content: space-between; max-width: 58%; pointer-events: none; }
.route-event .runner .name .admin-runner-book .pl { margin: 0; font-size: 16px; line-height: 21px; white-space: nowrap; }
.route-event .admin-book-rate { font-size: 16px; line-height: 21px; font-weight: 600; white-space: nowrap; }
.route-event .admin-live-bets { padding: 0; }
.route-event .admin-live-bets table { font-size: 12px; white-space: nowrap; }
.route-event .admin-live-bets .bet-back { background: #38afff; }
.route-event .admin-live-bets .bet-lay { background: #faabc5; }
.route-race .race-description:has(.admin-runner-book) { position: relative; padding-right: 72px; min-height: 44px; }
.route-race .runner .name:has(.admin-runner-book) { padding-right: 0; }
@media (max-width: 600px) {
  .route-event .runner .name:has(.admin-runner-book) { padding-right: 68px; }
  .route-event .admin-book-rate,.route-event .runner .name .admin-runner-book .pl { font-size: 14px; }
}
/* INFO222-REFERENCE-VISUAL-20261023-END */

/* INFO222-LIVE-READABILITY-20261024: readable Bets figures and visible sport navigation. */
.event-sports-nav { order: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; padding: 5px; background: #edf5fc; border-bottom: 1px solid #c8ddee; }
.event-sports-nav button { display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 38px; min-width: 0; padding: 6px 3px; border: 1px solid #c2d9ec; border-radius: 5px; background: #fff; color: #174b70; font: 600 12px/18px Roboto, Arial, sans-serif; cursor: pointer; white-space: nowrap; }
.event-sports-nav button.active { background: #d8edff; border-color: #3692ce; color: #0a5184; }
.event-sports-nav button:focus-visible, .my-bets-scroll:focus-visible { outline: 2px solid #166cad; outline-offset: -2px; }
.event-sports-nav button span { font-size: 18px; line-height: 20px; }
.book-focused .event-sports-nav { display: none; }
.bets-panel .my-bets-card { overflow: hidden; }
.my-bets-scroll { width: 100%; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
.bets-panel .my-bets-table { width: 100%; min-width: 640px; table-layout: auto; font-size: 12px; line-height: 18px; }
.my-bets-table th, .my-bets-table td { padding: 7px 8px; vertical-align: top; }
.my-bets-table th { white-space: nowrap; overflow-wrap: normal; word-break: normal; }
.my-bets-table th:first-child, .my-bets-table td:first-child { min-width: 128px; max-width: 210px; white-space: normal; overflow-wrap: anywhere; }
.my-bets-table th:nth-child(n+2), .my-bets-table td:nth-child(n+2) { white-space: nowrap; overflow-wrap: normal; word-break: normal; font-variant-numeric: tabular-nums; }
.my-bets-table th:nth-child(n+3):nth-child(-n+6), .my-bets-table td:nth-child(n+3):nth-child(-n+6) { text-align: right; min-width: 66px; }
.my-bets-table th:nth-child(3), .my-bets-table td:nth-child(3) { min-width: 48px; }
.my-bets-table th:last-child, .my-bets-table td:last-child { min-width: 144px; font-size: 11px; }
@media (min-width: 1000px) {
  .event-sports-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .event-sports-nav button { min-height: 40px; font-size: 13px; }
}

/* INFO222-LARGE-PHONE-MENU-20261024-BEGIN
   Match the supplied phone menu's larger frames and labels, while retaining
   both BetFair Games and Administration as separate working destinations. */
@media (max-width: 999px) {
  .route-home .topbar { height: 52px; }
  .route-home .topbar .brand { font-size: 14px; }
  .route-home #view { padding: 27px clamp(16px, 6.5vw, 28px) 88px; }
  .route-home .home-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 9px; }
  .route-home .home-tile { position: relative; isolation: isolate; height: 52px; min-height: 52px; padding: 3px 6px; gap: 4px; border-width: 5px; border-radius: 5px; background: #bcf7c1; box-shadow: 2px 3px 4px #f5695d; font-size: 22px; line-height: 1.2; }
  .route-home .home-tile::before { content: ""; position: absolute; inset: 0; z-index: 0; border: 1px solid #d8cbef; border-radius: 12px; background: #f6f2fa; pointer-events: none; }
  .route-home .home-tile > span { position: relative; z-index: 1; }
  .route-home .home-label { overflow-wrap: normal; word-break: normal; }
  .route-home .home-tile-cricket,.route-home .home-tile-racing,.route-home .home-tile-games,.route-home .home-tile-admin { font-size: 14.5px; }
  .route-home .home-icon { flex: 0 0 32px; width: 32px; height: 34px; font-size: 29px; line-height: 34px; }
  .route-home .home-tile .home-admin-icon { flex-basis: 32px; width: 32px; height: 20px; font-size: 8px; line-height: 16px; }
  .route-home .home-chat { width: 71%; height: 37px; padding: 6px 5px; font-size: 14px; line-height: 23px; letter-spacing: 3px; }
  .route-home .home-chat > span { width: 20px; height: 20px; font-size: 16px; }
  .route-home .home-switcher { height: 52px; min-height: 52px; padding: 4px 6px; gap: 6px; }
  .route-home .home-trophy { flex: 0 0 33px; width: 33px; height: 33px; font-size: 29px; line-height: 33px; }
  .route-home .home-mini { height: 34px; font-size: 11px; line-height: 14px; padding: 1px 3px; gap: 3px; }
  .route-home .home-mini > span { font-size: 19px; line-height: 23px; }
  .route-home .home-logout { min-width: 105px; height: 50px; font-size: 14px; border-radius: 27px; }
}
@media (min-width: 641px) and (max-width: 999px) {
  .route-home .home-tile-cricket,.route-home .home-tile-racing,.route-home .home-tile-games,.route-home .home-tile-admin { font-size: 20px; }
  .route-home .home-mini { font-size: 14px; }
}
@media (max-width: 374px) {
  .route-home #view { padding-left: 16px; padding-right: 16px; }
  .route-home .home-tile { font-size: 20px; padding-left: 4px; padding-right: 4px; }
  .route-home .home-tile-cricket,.route-home .home-tile-racing,.route-home .home-tile-games,.route-home .home-tile-admin { font-size: 13px; }
  .route-home .home-icon { flex-basis: 27px; width: 27px; font-size: 25px; }
  .route-home .home-mini { font-size: 10px; }
  .route-home .home-mini > span { font-size: 16px; }
  .route-home .home-chat { width: 78%; font-size: 13px; letter-spacing: 2px; }
}

/* The sports list also stays available before an event can be selected.
   Existing My Bets nowrap/contained scroll rules above remain authoritative. */
.sports-events-layout,.sports-events-content { min-width: 0; }
.sports-events-layout > .event-sports-nav { margin-bottom: 10px; }
.event-sports-nav button { min-height: 44px; }
@media (min-width: 1000px) {
  .sports-events-layout { display: grid; grid-template-columns: minmax(160px, 22%) minmax(0, 1fr); gap: 12px; align-items: start; }
  .event-sports-nav { grid-template-columns: 1fr; }
  .event-sports-nav button { justify-content: flex-start; padding-left: 12px; min-height: 44px; }
}
/* INFO222-LARGE-PHONE-MENU-20261024-END */


/* INFO222-MOBILE-SPEED-20261024 */

/* INFO222-SCORECARDS-20261024-STYLE */
.event-layout.has-tv .media-tabs button[data-media=score]{display:inline-block}
.ir-soccer-scorecard,.ir-scorecard-empty{min-width:0;overflow:hidden}
.ir-scorecard-title{margin:0;padding:5px 9px;font-size:12px;line-height:1.3}
.ir-soccer-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:11px 10px 6px}
.ir-soccer-team{font-size:13px;font-weight:600;text-align:center;overflow-wrap:anywhere;line-height:1.3}
.ir-soccer-total{display:flex;align-items:center;justify-content:center;gap:10px;font-size:27px;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
.ir-soccer-status{padding:0 10px 8px;text-align:center;font-size:11px;color:#475569;min-height:8px}
.ir-scorecard-empty .empty{padding:12px 9px}
/* INFO222-SCORECARDS-20261024-STYLE-END */

/* INFO222-ESSENTIAL-SCORE-20261024-STYLE */
.ir-essential-score{min-width:0;overflow:hidden}
.ir-essential-summary{padding:8px 10px;text-align:center;font-size:16px;line-height:1.4;font-variant-numeric:tabular-nums}
.ir-essential-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px;line-height:1.35}
.ir-essential-table th,.ir-essential-table td{padding:5px 7px;text-align:center;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.ir-essential-table th:first-child{width:48%;text-align:left}
.ir-essential-table thead{font-size:11px;background:rgba(255,255,255,.55)}
.ir-essential-table tbody tr+tr{border-top:1px solid #d6e3f1}
/* INFO222-ESSENTIAL-SCORE-20261024-STYLE-END */

/* INFO222-CURRENT-PARTNERSHIP-20261024-STYLE */
.ir-cricket-extras{padding:7px 9px;border-top:1px solid #d6e3f1;font-size:12px;line-height:1.4}
.ir-current-partnership,.ir-recent-balls{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
.ir-current-partnership strong{font-size:14px;font-variant-numeric:tabular-nums}
.ir-current-partnership small{font-size:11px;font-weight:400}
.ir-current-partnership+.ir-recent-balls{margin-top:7px}
.ir-ball-list{display:flex;gap:4px;flex-wrap:wrap}
.ir-recent-ball{display:inline-flex;align-items:center;justify-content:center;min-width:25px;min-height:25px;padding:2px 4px;box-sizing:border-box;border:1px solid #c5d3df;border-radius:50%;background:#fff;color:#23425a;font-size:11px;font-weight:600}
.ir-recent-ball.boundary{background:#d9f4df;color:#155c2c;border-color:#9acdaa}
.ir-recent-ball.wicket{background:#c32831;color:#fff;border-color:#aa2029}
/* INFO222-CURRENT-PARTNERSHIP-20261024-STYLE-END */

/* INFO222-PROGRESSIVE-UI-20261024-STYLE */
.ir-pending-section{min-width:0;overflow:hidden}
.ir-pending-section table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px}
.ir-pending-section th,.ir-pending-section td{padding:8px;text-align:center}
.ir-pending-section th:first-child{width:48%;text-align:left}
.ir-pending-section thead{background:rgba(255,255,255,.5)}
.ir-placeholder{display:block;height:12px;margin:3px 0;border-radius:3px;background:#dce7ef}
.ir-pending-section td:first-child .ir-placeholder{width:82%}
/* Static placeholders intentionally use no animation or extra polling. */
/* INFO222-PROGRESSIVE-UI-20261024-STYLE-END */

/* INFO222-GAMES-INFO-20261027: bpexch-style timer, Derby Race card info, Hi Lo prediction */
.game-timer{display:inline-flex;align-items:center;gap:5px;font-weight:700}
.game-timer svg{width:30px;height:30px;flex:0 0 30px}
.game-timer small{font-size:11px}
.derby{background:#0d3b2e;border:3px solid #a38346;border-radius:6px;margin:5px 0;padding:8px;color:#fff}
.derby-head{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:flex-start;margin-bottom:6px}
.derby-box{background:rgba(0,0,0,.45);border-radius:6px;padding:5px 6px}
.derby-box>strong{display:block;color:#e8d79a;font-size:12px;text-align:center;margin-bottom:3px}
.derby-box small{color:#d0dcd5;font-size:11px}
.derby-row{display:flex;align-items:center;gap:2px;min-height:33px;flex-wrap:wrap}
.derby-row>b{width:14px;text-align:center}
.derby-card{width:22px;height:31px;border-radius:2px}
.derby-lane{display:grid;grid-template-columns:96px minmax(0,1fr);gap:6px;align-items:center;margin:5px 0}
.derby-lane-name{font-size:12px;line-height:14px}
.derby-lane-name small{display:block;color:#d0dcd5;font-size:11px}
.derby-track{position:relative;height:18px;background:repeating-linear-gradient(90deg,#2c6b45 0 6px,#2f744b 6px 12px);border-radius:9px;overflow:hidden}
.derby-run{position:absolute;top:0;bottom:0;left:0;border-radius:9px}
.derby-pos{position:absolute;top:0;line-height:18px;font-size:15px;transform:translateX(-50%);text-shadow:0 0 3px #000}
.hilo-predict{padding:7px 10px;background:#102c24;color:#fff;border-radius:6px;margin:5px 0;font-size:13px}
.hilo-predict small{color:#c9d6cf}

/* INFO222-RACE11-20261029: drawer "My Markets" list + dark "Please Wait..." cover (reference site) */
.drawer-sports .drawer-caret{display:inline-block;width:18px;font-size:14px;color:#2172c4}
.drawer-markets{padding:0 12px 8px 44px;background:#f3f8fd}
.drawer-markets .drawer-market{display:block;width:100%;min-height:0;padding:7px 8px;border:0;border-bottom:1px solid #e1ebf4;background:none;color:#333;font:400 15px/20px "Roboto",Arial,sans-serif;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.drawer-markets .drawer-market:hover{background:#e7f3fe}
.drawer-markets .drawer-market:disabled{color:#777;cursor:default}
.drawer-markets .drawer-market-time{color:#555;margin-right:4px}
.drawer-markets .drawer-market-empty{padding:8px;color:#666;font-size:14px}
.drawer-markets .busy-indicator{padding:8px 0}
.busy-cover{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55)}
.busy-cover[hidden]{display:none}
.busy-cover-box{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:150px;padding:20px 34px;border-radius:24px;background:rgba(55,55,55,.92);box-shadow:0 4px 18px rgba(0,0,0,.4)}
.busy-cover-ring{display:inline-block;width:32px;height:32px;border:3px solid rgba(255,255,255,.22);border-top-color:#8f7be0;border-radius:50%;animation:busy-turn 1.05s linear infinite}
.busy-cover-text{color:#6ea0ff;font:400 15px/20px "Roboto",Arial,sans-serif}

/* INFO222-RACE13-20261029 (reference site): plain event rows, admin My Markets. */
.ev-list{display:flex;flex-direction:column;gap:5px;padding:2px 0}
.ev-row{display:block;width:100%;min-height:38px;padding:8px 10px;border:1px solid #b9cdd6;border-radius:3px;background:#e4f8fc;color:#a31616;font:500 15px/20px "Roboto",Arial,sans-serif;text-align:center;cursor:pointer;overflow-wrap:anywhere}
.ev-row:hover{background:#d4f1f8}
.ev-row .ev-time{color:#a31616}
.ev-row .ev-venue{color:#555;font-weight:400;font-size:13px}
.ev-row .badge.live{margin-left:6px;vertical-align:middle}