/* Bonus bets and promo codes (round 2 T7): betslip picker, wallet panel, bet-card tag. Colours follow the surface they sit on. */
.slip-bonus{display:grid;gap:6px;margin:12px 0 4px}
.slip-bonus-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.slip-bonus-h small{font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;opacity:.75}
.slip-bonus .bb-opt{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;align-items:baseline;width:100%;min-height:44px;padding:9px 12px;text-align:left;font:inherit;color:inherit;background:rgba(127,127,127,.10);border:1px solid rgba(127,127,127,.38);border-radius:10px;cursor:pointer}
.slip-bonus .bb-opt b{font-size:14px;font-weight:850;white-space:nowrap}
.slip-bonus .bb-opt span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}
.slip-bonus .bb-opt small{grid-column:1/-1;font-size:11.5px;line-height:1.35;opacity:.78}
.slip-bonus .bb-opt.bb-cash{grid-template-columns:1fr}
.slip-bonus .bb-opt.is-on{border-color:#22c55e;background:rgba(34,197,94,.14);box-shadow:inset 0 0 0 1px #22c55e}
.slip-bonus .bb-opt.is-off:not(.is-on){opacity:.62;cursor:not-allowed}
.slip-bonus .bb-opt.is-on.is-off{border-color:#f59e0b;box-shadow:inset 0 0 0 1px #f59e0b;background:rgba(245,158,11,.12)}
.slip-bonus .bb-opt:focus-visible{outline:2px solid #22c55e;outline-offset:2px}
.slip-bonus-hint{margin:10px 0 0;font-size:12px;opacity:.8}
.slip-bonus-note{margin:4px 0 8px;font-size:12px;line-height:1.4;opacity:.85}
.bc-bonus{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:10.5px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:#14532d;background:#bbf7d0;border:1px solid #86efac;white-space:nowrap}
.led-bonus{display:block;font-size:11.5px;color:var(--ac-sub,#5c6470)}
body .bb-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:14px} /* minmax: the column never grows past the panel's padding at phone width */
body .bb-panel .acct-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
body .bb-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
body .bb-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--ac-line,#e3e6ea);border-radius:12px;background:var(--ac-soft,#f6f7f9)}
body .bb-item>div{display:grid;gap:2px;min-width:0}
body .bb-item b{font-size:15px;font-weight:850}
body .bb-item span:not(.wal-coin){font-size:13px;font-weight:650;overflow-wrap:anywhere}
body .bb-item small{font-size:12px;color:var(--ac-sub,#5c6470)}
body .bb-item em{font-style:normal;font-size:12px;font-weight:750;color:var(--ac-sub,#5c6470);text-align:right}
body .bb-item.bb-used,body .bb-item.bb-expired{opacity:.7}
body .bb-past summary{cursor:pointer;font-size:13px;font-weight:750;color:var(--ac-sub,#5c6470);margin-bottom:8px}
body .bb-code{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
body .bb-code label{font-size:13px;font-weight:800}
body .bb-code-row{display:flex;gap:8px}
body .bb-code-row input{flex:1;min-width:0;min-height:44px;padding:0 12px;font:inherit;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ac-ink,#14171c);background:var(--ac-card,#fff);border:1px solid var(--ac-line,#e3e6ea);border-radius:10px}
body .bb-code-row input::placeholder{text-transform:none;letter-spacing:0;font-weight:500}
body .bb-code-row .wal-btn{min-height:44px;padding:0 18px;flex:none}
body .bb-code-msg{margin:0;min-height:1em;font-size:13px}
body .bb-code-msg.is-ok{color:#15803d}
body .bb-code-msg.is-err{color:#b91c1c}
@media (max-width:520px){body .bb-item{grid-template-columns:auto minmax(0,1fr)}body .bb-item em{grid-column:2;text-align:left}}