/* ============================================================
   Enhanced bet slip — shared styles for desktop sidebar + mobile sheet.
   Single / Multi tabs, quick-stake chips, live payout.
   ============================================================ */

/* --- Bet type tabs --- */
.slip-tabs{display:flex;gap:0;padding:0 14px;border-bottom:1px solid var(--line,rgba(255,255,255,.08))}
.slip-tabs button{flex:1;height:42px;border:0;background:none;color:#6c746f;font-size:11px;font-weight:800;letter-spacing:.04em;border-bottom:2px solid transparent;transition:.15s;cursor:pointer}
.slip-tabs button.active{color:#fff;border-bottom-color:var(--acid,#c9ff3d)}
.slip-tabs button:disabled{opacity:.35;cursor:not-allowed}

/* --- Selection rows --- */
.slip-item{position:relative;padding:13px 40px 13px 15px;border-bottom:1px solid var(--line,rgba(255,255,255,.08));animation:slipin .2s ease}
@keyframes slipin{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
.slip-item .si-remove{position:absolute;right:12px;top:12px;border:0;background:none;color:#616864;font-size:16px;line-height:1;transition:.15s}
.slip-item .si-remove:hover{color:var(--red,#ff4d4d)}
.slip-item .si-match{color:#626964;font-size:9px;margin-bottom:3px}
.slip-item .si-pick{display:flex;align-items:center;justify-content:space-between;gap:8px}
.slip-item .si-pick b{font-size:11px}
.slip-item .si-odds{color:var(--acid,#c9ff3d);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;transition:color .3s}
.slip-item .si-odds.up{color:#4dff9e}.slip-item .si-odds.down{color:#ff6b6b}
/* per-single stake input (only in single mode) */
.slip-item .si-stake{display:none;margin-top:9px;align-items:center;gap:8px}
body.slip-single .slip-item .si-stake{display:flex}
.slip-item .si-stake input{flex:1;background:#0f1211;border:1px solid var(--line);border-radius:4px;color:#fff;padding:7px 9px;font-size:12px;font-weight:700;outline:0}
.slip-item .si-stake input:focus{border-color:var(--acid,#c9ff3d)}
.slip-item .si-stake small{color:#5a615c;font-size:9px}

/* --- Quick stake chips --- */
.stake-chips{display:flex;gap:6px;padding:12px 14px 6px}
.stake-chips button{flex:1;height:30px;border:1px solid var(--line);background:#0e1110;color:#8b928d;border-radius:4px;font-size:11px;font-weight:700;transition:.15s;cursor:pointer}
.stake-chips button:hover,.stake-chips button.active{border-color:var(--acid,#c9ff3d);color:var(--acid,#c9ff3d);background:rgba(201,255,61,.06)}

/* --- Combined stake (multi mode) --- */
.slip-stake{margin:6px 14px 0;padding:11px 12px;border:1px solid var(--line);border-radius:6px;color:#6b726e;font-size:9px}
.slip-stake.hidden{display:none}
.slip-stake>span{float:right;color:#fff}
.slip-stake input{display:block;width:100%;margin-top:7px;background:none;border:0;outline:0;color:#fff;font-size:18px;font-weight:800}
body.slip-single .slip-stake{display:none}

/* --- Summary --- */
.slip-summary{padding:12px 14px}
.slip-summary .sr{display:flex;justify-content:space-between;font-size:10px;color:#686f6b;padding:3px 0}
.slip-summary .sr b{color:#fff;font-variant-numeric:tabular-nums}
.slip-summary .sr.big b{color:var(--acid,#c9ff3d);font-size:14px}

/* --- Empty state --- */
.slip-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}
.slip-empty .se-ic{width:56px;height:56px;display:grid;place-items:center;border:1px solid #282c2a;border-radius:50%;font-size:22px;color:#59605c;margin-bottom:14px}
.slip-empty h3{font-size:12px;margin:0 0 6px}
.slip-empty p{color:#555c58;font-size:9px;margin:0}

/* --- Odds-change toast inside slip --- */
.slip-notice{margin:10px 14px 0;padding:8px 10px;border-radius:4px;background:rgba(201,255,61,.08);border:1px solid rgba(201,255,61,.25);color:var(--acid,#c9ff3d);font-size:9px;display:none}
.slip-notice.show{display:block}

/* fix: multi stake box spacing so it doesn't overlap summary */
.slip-stake{margin:10px 14px 4px;position:relative;overflow:hidden}
.slip-stake input{margin-top:5px;line-height:1.2}
.slip-items{max-height:34vh;overflow-y:auto}