#sbd-modal{position:fixed;inset:0;z-index:2147483646;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 8px) calc(env(safe-area-inset-right,0px) + 8px) calc(env(safe-area-inset-bottom,0px) + 8px) calc(env(safe-area-inset-left,0px) + 8px);overscroll-behavior:contain}
html.sbd-lock,html.sbd-lock body{overflow:hidden!important}
#sbd-modal .sbd-card{width:min(560px,100%);max-height:calc(100vh - 16px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px);display:flex;flex-direction:column;overflow:hidden;background:var(--surface,#14161c);color:var(--text,#e8eaf0);border:1px solid var(--border,#2a2e38);border-radius:14px}
#sbd-modal .sbd-hd{flex:none;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 12px 16px;border-bottom:1px solid var(--border,#2a2e38);position:sticky;top:0;z-index:2;background:var(--surface,#14161c)}
#sbd-modal .sbd-ft{flex:none;padding:10px 14px;border-top:1px solid var(--border,#2a2e38);background:var(--surface,#14161c)}
#sbd-modal .sbd-close{width:100%;min-height:44px;border-radius:10px;border:1px solid var(--border,#2a2e38);background:color-mix(in srgb,var(--text,#fff) 8%,transparent);color:inherit;font:inherit;font-weight:700;cursor:pointer}
#sbd-modal .sbd-x{flex:none;width:44px;height:44px;border-radius:10px;background:color-mix(in srgb,var(--text,#fff) 8%,transparent);border:0;color:inherit;font-size:26px;line-height:1;cursor:pointer}
#sbd-modal .sbd-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
#sbd-modal .sbd-sum,#sbd-modal .sbd-leg{border:1px solid var(--border,#2a2e38);border-radius:12px;padding:12px}
#sbd-modal .sbd-top,#sbd-modal .sbd-lh{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;flex-wrap:wrap}
#sbd-modal .sbd-lh b{display:block;overflow-wrap:anywhere}
#sbd-modal .sbd-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:8px}
#sbd-modal .sbd-nums div{background:color-mix(in srgb,var(--text,#fff) 5%,transparent);border-radius:8px;padding:8px}
#sbd-modal .sbd-nums small{display:block;opacity:.7;font-size:11px}
#sbd-modal .sbd-r{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px dashed var(--border,#2a2e38);font-size:13px}
#sbd-modal .sbd-r span{opacity:.7}#sbd-modal .sbd-r b{text-align:right;overflow-wrap:anywhere}
#sbd-modal .sbd-b{color:#0b0b0f;font-weight:700;font-size:12px;padding:3px 9px;border-radius:999px;white-space:nowrap}
#sbd-modal .sbd-dim{opacity:.7;font-size:12px}#sbd-modal .sbd-mono{font-family:ui-monospace,monospace}
#sbd-modal .sbd-live{color:#ef4444;font-weight:800}
.sbd-cp{position:relative;display:inline-grid;place-items:center;width:28px;height:28px;margin-left:6px;padding:0;vertical-align:middle;border:1px solid var(--border,#2a2e38);border-radius:7px;background:transparent;color:inherit;opacity:.85;cursor:pointer}
.sbd-cp:hover,.sbd-cp:focus-visible{opacity:1;outline:none;background:color-mix(in srgb,var(--text,#fff) 10%,transparent)}
.sbd-cp.ok{color:#22c55e;border-color:currentColor}.sbd-cp.ko{color:#ef4444;border-color:currentColor}
.sbd-cp[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:3px 8px;border-radius:6px;background:var(--text,#fff);color:var(--bg,#0b1220);font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:5}

.sbs .sbs-list{display:flex;flex-direction:column;gap:8px}
.sbs .sbs-row{display:grid;grid-template-columns:minmax(150px,1.5fr) repeat(4,minmax(64px,1fr)) minmax(96px,auto);align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border,#2a2e38);border-radius:12px;background:var(--surface-2,transparent);cursor:pointer;min-width:0}
.sbs .sbs-row:hover,.sbs .sbs-row:focus-visible{outline:none;border-color:var(--primary,#3b82f6)}
.sbs .sbs-row>*{min-width:0}.sbs .sbs-row small{display:block;opacity:.7;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbs .sbs-row b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-size:13px}
.sbs .sbs-bid{display:flex;align-items:center;white-space:nowrap;font-weight:800}.sbs .sbs-bid .sbd-cp{margin-left:6px;width:26px;height:26px;flex:none}
.sbs .sbs-mono{font-family:ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis}
.sbs .sbs-st{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.sbs .sbd-b{color:#0b0b0f;font-weight:700;font-size:12px;padding:3px 9px;border-radius:999px;white-space:nowrap}
.sbs .sbs-dim{opacity:.7;font-size:13px;padding:12px 0}
@media (max-width:640px){.sbs .sbs-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 6px}.sbs .sbs-id{grid-column:1/4}.sbs .sbs-st{grid-column:4/5;grid-row:1}.sbs .sbs-filters,.sbs .sbs-f{grid-template-columns:1fr 1fr}}


#sbd-modal .sbd-card{--surface:#ffffff;--text:#111827;--border:#e2e5ea;--bg:#ffffff;--sbd-box:#f1f2f4;background:#ffffff;color:#111827;border-color:#e2e5ea;color-scheme:light}
#sbd-modal .sbd-hd,#sbd-modal .sbd-ft{background:#ffffff;border-color:#e2e5ea}
#sbd-modal .sbd-sum,#sbd-modal .sbd-leg{border-color:#dfe2e7;background:#ffffff}
#sbd-modal .sbd-nums div{background:var(--sbd-box)}
#sbd-modal .sbd-nums small,#sbd-modal .sbd-r span,#sbd-modal .sbd-dim{opacity:1;color:#4b5563}
#sbd-modal .sbd-r{border-top-color:#e2e5ea}
#sbd-modal .sbd-x,#sbd-modal .sbd-close{background:#eceef1;color:#111827;border-color:#dfe2e7}
#sbd-modal .sbd-cp{color:#374151;border-color:#d1d5db}#sbd-modal .sbd-cp:hover{background:#f1f2f4}
#sbd-modal .sbd-b{color:#fff}
#sbd-modal .sbd-b[style*="#f59e0b"],#sbd-modal .sbd-b[style*="#94a3b8"]{color:#111827}
#sbd-modal .sbd-live{color:#ef4444}

#sbd-modal .sbd-leg.sbd-o-won{background:#ecfdf3;border-color:#bbf7d0}
#sbd-modal .sbd-leg.sbd-o-lost{background:#fef2f2;border-color:#fecaca}
#sbd-modal .sbd-leg.sbd-o-won .sbd-r{border-top-color:#bbf7d0}#sbd-modal .sbd-leg.sbd-o-lost .sbd-r{border-top-color:#fecaca}
.sbs .sbs-row.sbs-won{background:#ecfdf3;border-color:#bbf7d0;color:#111827}
.sbs .sbs-row.sbs-lost{background:#fef2f2;border-color:#fecaca;color:#111827}
.sbs .sbs-row.sbs-won small,.sbs .sbs-row.sbs-lost small{opacity:1;color:#4b5563}
.sbs .sbs-row.sbs-won .sbd-cp,.sbs .sbs-row.sbs-lost .sbd-cp{color:#374151;border-color:#d1d5db}
.sbs .sbs-row.sbs-won:hover,.sbs .sbs-row.sbs-lost:hover,.sbs .sbs-row.sbs-won:focus-visible,.sbs .sbs-row.sbs-lost:focus-visible{border-color:var(--primary,#3b82f6)}
tr.wl-bet-row.wl-bet-won,tr.wl-bet-row.wl-bet-won td{background:#ecfdf3;color:#111827}
tr.wl-bet-row.wl-bet-lost,tr.wl-bet-row.wl-bet-lost td{background:#fef2f2;color:#111827}
tr.wl-bet-row.wl-bet-won td{border-color:#bbf7d0}tr.wl-bet-row.wl-bet-lost td{border-color:#fecaca}
tr.wl-bet-row.wl-bet-won .dim,tr.wl-bet-row.wl-bet-lost .dim{color:#4b5563;opacity:1}
tr.wl-bet-row.wl-bet-won .sbd-cp,tr.wl-bet-row.wl-bet-lost .sbd-cp{color:#374151;border-color:#d1d5db}
tr.wl-bet-row.wl-bet-won:hover td{background:#dcfce7}tr.wl-bet-row.wl-bet-lost:hover td{background:#fee2e2}