/* PS3838-style functional bet slip. Uses the existing MOS tokens only. */
.sb-slip-legs { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.sb-slip-leg { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 7px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: .8rem; }
.sb-slip-leg-name { overflow: hidden; text-overflow: ellipsis; line-height: 1.3; }
.sb-slip-leg-price { color: var(--ruby); font-variant-numeric: tabular-nums; }
.sb-slip-remove, .sb-slip-quick button, .sb-slip-actions button { border: 1px solid var(--line-warm); border-radius: var(--radius-md); background: var(--paper); color: var(--ink); cursor: pointer; }
.sb-slip-remove { width: 22px; height: 22px; font-size: 1rem; line-height: 1; }
.sb-slip-kind, .sb-slip-quote, .sb-slip-limits, .sb-slip-notice, .sb-slip-receipt, .sb-slip-error { margin: 9px 0; font-size: .78rem; }
.sb-slip-kind { color: var(--muted); text-transform: uppercase; letter-spacing: .06em; }
.sb-slip-stake { width: 100%; padding: 9px; border: 1px solid var(--line-warm); border-radius: var(--radius-md); background: var(--paper); color: var(--ink); font-variant-numeric: tabular-nums; }
.sb-slip-quick, .sb-slip-actions { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin-top: 7px; }
.sb-slip-quick button { min-height: 29px; font-variant-numeric: tabular-nums; }
.sb-slip-accept { display: flex; gap: 6px; align-items: center; margin-top: 10px; font-size: .76rem; color: var(--muted); }
.sb-slip-quote, .sb-slip-receipt { color: var(--success, #25704b); font-weight: 600; }
.sb-slip-notice { color: #8a5a00; }
.sb-slip-error { color: var(--ruby); }
.sb-slip-actions { grid-template-columns: 1fr 1fr; }
.sb-slip-actions button { min-height: 38px; padding: 7px; font-weight: 700; }
.sb-slip-actions button:last-child { background: var(--ruby); color: var(--pearl); border-color: var(--ruby); }
.sb-slip-actions button:disabled, .sb-slip-quick button:disabled { cursor: not-allowed; opacity: .55; }
.sb-slip-close { display: none; }
@media (max-width: 1279px) {
  .sb-slip-close { display: inline-flex; position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; align-items: center; justify-content: center; border: 1px solid var(--line-warm); border-radius: var(--radius-md); background: var(--paper); color: var(--ink); cursor: pointer; font-size: 1.3rem; line-height: 1; }
  .sb-slip-title { padding-right: 38px; }
}
@media (max-width: 767px) { .sb-slip { max-height: 80vh; overflow-y: auto; } }