body.site-body { background: #0f0f1a; color: #eee; }
.site-nav { background: var(--secondary, #1a1a2e) !important; }
.game-card { background: #1a1a2e; border: 1px solid #333; color: #eee; border-radius: 12px; }
.live-card { border-color: var(--primary, #e94560); }
.banner-img { max-height: 200px; object-fit: cover; }
.banner-inline { max-height: 160px; object-fit: cover; width: 100%; }
.odd-btn { min-width: 100px; }
.site-footer { background: #1a1a2e; color: #888; }

.bet-slip { position: fixed; bottom: 0; right: 20px; width: 300px; background: #1a1a2e; border: 1px solid var(--primary, #e94560); border-radius: 12px 12px 0 0; z-index: 1000; color: #eee; }
.bet-slip-header { padding: 10px 15px; background: var(--primary, #e94560); cursor: pointer; font-weight: bold; border-radius: 12px 12px 0 0; }
.bet-slip-body { max-height: 0; overflow: hidden; transition: max-height 0.3s; }
.bet-slip-body.open { max-height: 400px; overflow-y: auto; }
.bet-slip .slip-item { padding: 8px 12px; border-bottom: 1px solid #333; font-size: 0.85rem; }

.btn-primary { background-color: var(--primary) !important; border-color: var(--primary) !important; }
.btn-outline-primary { color: var(--primary) !important; border-color: var(--primary) !important; }

@media (max-width: 768px) {
    .bet-slip { right: 0; left: 0; width: 100%; border-radius: 0; }
}