/* PointsBall 2.19 — VBA certified live desk, premium drawer card, light-mode production audit */
.vba-live-command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.vba-live-cert{flex:0 0 auto;padding:10px 12px;border:1px solid var(--control-border);border-radius:12px;background:var(--control-bg);text-align:right}.vba-live-cert b,.vba-live-cert small{display:block}.vba-live-cert b{font-size:10px;letter-spacing:.1em}.vba-live-cert small{margin-top:3px;font-size:8px;color:var(--muted)}
.vba-live-desk.markets-open{border-color:rgba(38,211,124,.45);box-shadow:0 0 0 1px rgba(38,211,124,.08),0 20px 60px rgba(0,0,0,.14)}.vba-live-window{margin-top:14px;padding:14px;border-radius:14px;border:1px solid rgba(38,211,124,.24);background:rgba(38,211,124,.055)}.vba-live-window>div:first-child{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.vba-live-window>div:first-child span{font-size:9px;letter-spacing:.14em;color:var(--success)}.vba-live-window>div:first-child b{font-size:24px}.vba-live-window>div:first-child small{font-size:9px;color:var(--muted)}
.vba-live-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.vba-live-market-group{border:1px solid var(--control-border);border-radius:12px;background:var(--surface-2);padding:10px}.vba-live-market-group>small{display:block;font-size:8px;letter-spacing:.13em;color:var(--muted);margin-bottom:8px}.vba-live-market-group>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.vba-live-market-group button{appearance:none;border:1px solid var(--control-border);border-radius:9px;background:var(--control-bg);color:var(--control-text);padding:9px 8px;text-align:left;cursor:pointer;transition:.16s ease}.vba-live-market-group button:hover{transform:translateY(-1px);border-color:var(--accent)}.vba-live-market-group button span,.vba-live-market-group button b{display:block}.vba-live-market-group button span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vba-live-market-group button b{font-size:12px;color:var(--accent);margin-top:3px}
.drawer-vba-command{position:relative;overflow:hidden;display:block!important;padding:0!important;background:linear-gradient(145deg,#111826,#09101b)!important;color:#f6f9ff!important;border:1px solid rgba(92,171,255,.28)!important;box-shadow:0 18px 42px rgba(0,0,0,.24)!important}.drawer-vba-command:before,.drawer-vba-command:after{content:"";position:absolute;pointer-events:none}.drawer-vba-command:before{width:160px;height:160px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.drawer-vba-command:after{inset:0;background:linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.06) 50%,transparent 50.5%)}.drawer-vba-top,.drawer-vba-bottom,.drawer-vba-match,.drawer-vba-empty{position:relative;z-index:1}.drawer-vba-top{display:flex;justify-content:space-between;gap:8px;padding:12px 13px 9px;border-bottom:1px solid rgba(255,255,255,.08)}.drawer-vba-top span{font-size:9px;font-weight:800;letter-spacing:.13em;color:#70c9ff}.drawer-vba-top em{font-style:normal;font-size:8px;letter-spacing:.1em;color:#8ef1ba}.drawer-vba-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:13px 10px}.drawer-vba-match>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:6px}.drawer-vba-match>div:last-child{direction:rtl}.drawer-vba-match>div:last-child>*{direction:ltr}.drawer-vba-logo{width:28px;height:28px;object-fit:contain}.drawer-vba-match b{font-size:12px}.drawer-vba-match strong{font-size:25px;font-family:var(--display)}.drawer-vba-match i{font-style:normal;font-size:9px;color:#8fa4bc;padding:0 7px}.drawer-vba-empty{padding:20px 14px;text-align:center}.drawer-vba-empty strong,.drawer-vba-empty span{display:block}.drawer-vba-empty strong{font-size:20px}.drawer-vba-empty span{font-size:9px;color:#9cafc3;margin-top:4px}.drawer-vba-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 13px;background:rgba(0,0,0,.18);border-top:1px solid rgba(255,255,255,.08)}.drawer-vba-bottom span{font-size:8px;letter-spacing:.08em;color:#a9bdd2}.drawer-vba-bottom b{font-size:9px;color:#fff}
.vba-live-bet-sheet{position:fixed;z-index:130;right:16px;bottom:16px;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;transform:translateY(calc(100% + 28px));opacity:0;transition:.22s ease;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 28px 90px rgba(0,0,0,.28)}.vba-live-bet-sheet.open{transform:none;opacity:1}.vba-live-bet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.vba-live-bet-head small{font-size:8px;letter-spacing:.12em;color:var(--success)}.vba-live-bet-head h2{font-size:20px;margin-top:2px}.vba-live-bet-body{padding:16px}.vba-live-bet-scrim{position:fixed;z-index:129;inset:0;background:rgba(0,0,0,.42);opacity:0;pointer-events:none;transition:.2s}.vba-live-bet-scrim.open{opacity:1;pointer-events:auto}.vba-live-slip-snapshot{padding:13px;border:1px solid var(--border);background:var(--surface-2);border-radius:13px}.vba-live-slip-snapshot span,.vba-live-slip-snapshot strong,.vba-live-slip-snapshot small{display:block}.vba-live-slip-snapshot span{font-size:8px;color:var(--success);letter-spacing:.12em}.vba-live-slip-snapshot strong{font-size:20px;margin:5px 0}.vba-live-slip-snapshot small{font-size:9px;color:var(--muted)}.vba-live-wager{display:block;margin-top:14px}.vba-live-wager span{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.vba-live-wager input{width:100%;background:var(--input-bg,var(--control-bg));color:var(--text);border:1px solid var(--control-border);border-radius:10px;padding:12px;font:inherit}.vba-live-return{display:flex;justify-content:space-between;align-items:center;margin:12px 0;padding:11px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.vba-live-return span{font-size:8px;color:var(--muted);letter-spacing:.12em}.vba-live-slip-note{font-size:9px;color:var(--muted);line-height:1.45;margin-top:10px}
/* The light theme now treats controls semantically instead of inheriting dark-only fills. */
html[data-theme="light"] button:not(.btn):not(.mobile-slip-hero):not(.menu-button):not(.avatar-button):not(.drawer-signout),html[data-theme="light"] .vba-prop-side,html[data-theme="light"] .market-queue-filters button,html[data-theme="light"] .theme-segment button,html[data-theme="light"] .futures-outcome,html[data-theme="light"] .score-filter button,html[data-theme="light"] .source-filter button{background:var(--control-bg)!important;color:var(--control-text)!important;border-color:var(--control-border)!important;box-shadow:0 2px 8px rgba(21,31,45,.05)}
html[data-theme="light"] button.selected:not(.mobile-slip-hero),html[data-theme="light"] button.active:not(.mobile-slip-hero),html[data-theme="light"] .vba-prop-side.selected,html[data-theme="light"] .theme-segment button.active,html[data-theme="light"] .market-queue-filters button.active{background:var(--control-selected-bg)!important;color:var(--control-selected-text)!important;border-color:var(--control-selected-border)!important}
html[data-theme="light"] .btn.secondary,html[data-theme="light"] .btn.ghost{background:var(--secondary-button-bg)!important;color:var(--secondary-button-text)!important;border-color:var(--control-border)!important}
html[data-theme="light"] .drawer-link,html[data-theme="light"] .starter-market-card,html[data-theme="light"] .player-market-group,html[data-theme="light"] .player-line-row,html[data-theme="light"] .vba-live-market-group{background:#fff!important;color:var(--text)!important;border-color:var(--control-border)!important}
html[data-theme="light"] .drawer-vba-command{background:linear-gradient(145deg,#eaf5ff,#dcecff)!important;color:#10243a!important;border-color:#afd5fb!important}html[data-theme="light"] .drawer-vba-top,html[data-theme="light"] .drawer-vba-bottom{border-color:rgba(20,70,120,.12)!important}html[data-theme="light"] .drawer-vba-bottom{background:rgba(255,255,255,.34)!important}html[data-theme="light"] .drawer-vba-top span{color:#12649a}html[data-theme="light"] .drawer-vba-top em{color:#147343}html[data-theme="light"] .drawer-vba-bottom span{color:#526c84}html[data-theme="light"] .drawer-vba-bottom b{color:#10243a}
@media(max-width:720px){.vba-live-command-head{display:block}.vba-live-cert{display:inline-block;margin-top:10px}.vba-live-market-grid{grid-template-columns:1fr}.vba-live-bet-sheet{right:0;bottom:0;width:100%;max-height:88vh;border-radius:20px 20px 0 0}.vba-live-bet-scrim{background:rgba(0,0,0,.5)}}
/* Final light/mobile polish: no dark utility buttons or dark sticky trays leak into light mode. */
html[data-theme="light"] .menu-button,
html[data-theme="light"] .icon-button,
html[data-theme="light"] .wallet-chip{
  background:#fff!important;color:var(--control-text)!important;border-color:var(--control-border)!important;
  box-shadow:0 2px 8px rgba(21,31,45,.06)!important;
}
html[data-theme="light"] .menu-button:hover,
html[data-theme="light"] .icon-button:hover{background:var(--control-hover-bg)!important;color:var(--control-hover-text)!important;border-color:var(--cyan-deep)!important}
html[data-theme="light"] .vba-card-tray{background:rgba(255,255,255,.97)!important;border-color:var(--control-border)!important;box-shadow:0 16px 44px rgba(30,45,65,.16)!important}
html[data-theme="light"] .vba-card-tray strong,
html[data-theme="light"] .card-combined strong,
html[data-theme="light"] .vba-star p strong,
html[data-theme="light"] .ticker-game .score{color:var(--ink)!important}
html[data-theme="light"] .slip-actions{background:linear-gradient(180deg,transparent,var(--bg) 24%)!important}
html[data-theme="light"] .toast{background:#fff!important;color:var(--ink)!important;border-color:var(--control-border)!important}
html[data-theme="light"] .drawer-signout{background:#fff5f6!important;color:#b4233b!important;border-color:#f0bcc5!important}
@media(max-width:700px){
  html[data-theme="light"] .premier-mobile-nav{background:rgba(255,255,255,.98)!important;border-top-color:var(--control-border)!important;box-shadow:0 -8px 28px rgba(25,40,60,.10)!important}
  html[data-theme="light"] .premier-mobile-nav>a,
  html[data-theme="light"] .premier-mobile-nav>button{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--muted)!important}
  html[data-theme="light"] .premier-mobile-nav>a.active{color:var(--cyan-ink)!important}
}
