/* ============ BETSLIP ============ */
.betslip { position:fixed; bottom:0; right:16px; width:280px; z-index:200; font-family:inherit; transition:transform .3s ease, right .26s cubic-bezier(0.4,0,0.2,1); }
.betslip.hidden { transform:translateY(calc(100% - 44px)); }
.betslip-header { display:flex; align-items:center; justify-content:space-between; background:var(--accent-green); color:var(--bg-primary); padding:.6rem 1rem; border-radius:10px 10px 0 0; cursor:pointer; user-select:none; min-height:44px; }
.betslip-header .bh-left { display:flex; align-items:center; gap:.4rem; font-weight:700; font-size:.85rem; }
.betslip-header .bh-count { background:var(--bg-primary); color:var(--accent-green); width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.75rem; font-weight:800; }
.betslip-header .bh-arrow { font-size:.7rem; transition:transform .2s; }
.betslip.hidden .bh-arrow { transform:rotate(180deg); }

.bs-tabs { display:grid; grid-template-columns:1fr 1fr; background:var(--bg-secondary); border-left:1px solid var(--border-color); border-right:1px solid var(--border-color); }
.bs-tab { padding:.6rem; background:transparent; border:none; border-bottom:2px solid transparent; color:var(--text-muted); font-size:.85rem; font-weight:600; cursor:pointer; font-family:inherit; transition:all .15s; }
.bs-tab:hover { color:var(--text-secondary); }
.bs-tab.active { color:var(--text-primary); border-bottom-color:var(--accent-green); background:var(--bg-card); }

.betslip-body { background:var(--bg-card); border-left:1px solid var(--border-color); border-right:1px solid var(--border-color); max-height:320px; overflow-y:auto; }
.betslip-empty { padding:2rem; text-align:center; color:var(--text-muted); font-size:.85rem; }
.betslip-empty i { font-size:2rem; margin-bottom:.5rem; display:block; }

.bs-match-group { border-bottom:1px solid var(--border-color); }
.bs-match-group:last-child { border-bottom:none; }
.bs-match-header { display:flex; align-items:center; gap:.5rem; padding:.6rem 1rem; background:var(--bg-secondary); font-size:.75rem; color:var(--text-muted); }
.bs-match-header img { width:16px; height:16px; object-fit:contain; }
.bs-match-header span { font-weight:600; }

.bs-item { display:flex; align-items:center; padding:.65rem 1rem; border-bottom:1px solid var(--border-color); gap:.5rem; }
.bs-match-group .bs-item:last-child { border-bottom:none; }
.bs-item-remove { background:none; border:none; color:var(--text-muted); cursor:pointer; font-size:.85rem; padding:2px 4px; transition:color .15s; flex-shrink:0; }
.bs-item-remove:hover { color:var(--accent-red); }
.bs-item-info { flex:1; min-width:0; }
.bs-item-market { font-size:.65rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:.3px; }
.bs-item-pick { font-size:.85rem; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bs-item-prob { font-size:.95rem; font-weight:700; color:var(--text-primary); flex-shrink:0; }

.betslip-footer { background:var(--bg-secondary); border:1px solid var(--border-color); border-top:none; padding:1rem 1.25rem; border-radius:0 0 12px 12px; }
.bs-combined { display:flex; align-items:center; justify-content:space-between; margin-bottom:.5rem; }
.bs-combined-label { font-size:.85rem; color:var(--text-secondary); font-weight:600; }
.bs-combined-value { font-size:1.25rem; font-weight:800; color:var(--accent-green); }
.bs-conflict-warn { display:flex; align-items:center; gap:.5rem; padding:.5rem .75rem; margin-bottom:.5rem; background:rgba(255,76,76,.1); border:1px solid rgba(255,76,76,.3); border-radius:6px; font-size:.75rem; color:var(--accent-red); }
.bs-warning { font-size:.7rem; color:var(--accent-yellow); margin-bottom:.5rem; display:none; }
.bs-warning.show { display:block; }
.bs-register-banca { width:100%; padding:.55rem; background:rgba(0,212,106,.1); border:1px solid rgba(0,212,106,.35); border-radius:8px; color:var(--accent-green); cursor:pointer; font-size:.8rem; font-weight:600; font-family:inherit; margin-bottom:.5rem; display:flex; align-items:center; justify-content:center; gap:6px; transition:all .15s; }
.bs-register-banca:hover { background:rgba(0,212,106,.22); }
.bs-clear { width:100%; padding:.6rem; background:transparent; border:1px solid var(--border-color); border-radius:8px; color:var(--text-secondary); cursor:pointer; font-size:.8rem; font-family:inherit; transition:all .15s; }
.bs-clear:hover { border-color:var(--accent-red); color:var(--accent-red); }

@media(max-width:1024px) {
    .betslip { right:16px; width:260px; }
}
@media(max-width:768px) {
    .betslip { right:0; left:0; width:100%; bottom:0; z-index:198; }
}