*{margin:0;padding:0;box-sizing:border-box}
body{font-family:sans-serif;background:#0a0a1a;color:#fff;min-height:100vh;padding-bottom:80px}
.screen{display:none}
.screen.active{display:block}
.container{max-width:420px;margin:40px auto;padding:30px;background:#1a1a2e;border-radius:16px;border:1px solid rgba(255,215,0,0.06)}
h1{color:#ffd700;text-align:center}
.subtitle{text-align:center;color:#6a6a8a;margin-bottom:20px}
.auth-form{display:flex;flex-direction:column;gap:12px}
.input{width:100%;padding:12px;background:#12122a;border:1px solid #2a2a4a;border-radius:10px;color:#fff;font-size:16px}
.input:focus{outline:none;border-color:#ffd700}
.btn{width:100%;padding:12px;border:none;border-radius:10px;font-weight:700;cursor:pointer}
.btn-primary{background:#ffd700;color:#1a1a2e}
.btn-primary:hover{transform:scale(1.02)}
.switch-form{text-align:center;color:#6a6a8a}
.switch-form a{color:#ffd700;cursor:pointer;font-weight:bold}
.navbar{display:flex;justify-content:space-between;padding:12px 16px;background:#1a1a2e;border-bottom:1px solid rgba(255,215,0,0.06);position:sticky;top:0;z-index:50}
.nav-brand{color:#ffd700;font-size:20px;font-weight:900;cursor:pointer}
.nav-user{display:flex;align-items:center;gap:10px;position:relative}
.balance{color:#ffd700;font-weight:700;font-size:14px}
.bonus-icon{font-size:18px;cursor:pointer;opacity:0.7}
.bonus-icon:hover{opacity:1}
.username{cursor:pointer;color:#aaa;padding:4px 8px;border-radius:6px;transition:0.2s}
.username:hover{background:rgba(255,215,0,0.05);color:#ffd700}
.main-layout{max-width:480px;margin:0 auto;padding:10px}
.content{padding:8px 0}
.section{display:none}
.section.active{display:block}
.section-title{color:#ffd700;font-size:18px;font-weight:700;margin-bottom:12px}
.back-btn{background:none;border:none;color:#ffd700;font-size:14px;cursor:pointer;padding:4px 0;margin-bottom:8px}
.sport-header{padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.03);margin-bottom:10px}
.sport-title{font-size:18px;font-weight:700;color:#d0d0e8}
.sport-subtitle{font-size:11px;color:#6a6a8a}
.sport-season{font-size:10px;color:#4a4a6a}
.match-card{background:#12122a;border-radius:8px;padding:10px;margin-bottom:6px;border:1px solid rgba(255,255,255,0.03);cursor:pointer}
.match-card:hover{background:#161633}
.match-card .league{font-size:9px;color:#6a6a8a}
.match-card .teams-row{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#d0d0e8;margin:2px 0}
.match-card .teams-row .time{color:#ffd700;font-size:10px}
.match-card .teams-row .score{color:#ffd700}
.match-card .odds{display:flex;gap:3px;margin-top:4px;flex-wrap:wrap}
.match-card .odds button{flex:1;min-width:30px;padding:2px 0;background:#0f0f1f;border:1px solid rgba(255,255,255,0.03);border-radius:4px;color:#d0d0e8;font-size:9px;cursor:pointer;transition:0.2s}
.match-card .odds button:hover{background:#1a1a32;border-color:rgba(255,215,0,0.1)}
.match-card .odds button .label{font-size:5px;color:#5a5a7a;display:block;text-transform:uppercase}
.match-card .odds button .value{font-weight:700;font-size:10px}
.match-card .odds button .value.gold{color:#ffd700}
.bet-slip{background:#1a1a2e;border-radius:12px;padding:16px;border:1px solid rgba(255,215,0,0.04);margin-top:10px}
.bet-slip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.03);font-weight:700;font-size:16px;color:#ffd700}
.clear-slip{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:12px}
.slip-content{display:flex;flex-direction:column;gap:6px;min-height:60px;max-height:250px;overflow-y:auto}
.slip-empty{color:#4a4a6a;text-align:center;font-size:12px;padding:20px 0}
.slip-item{background:#12122a;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,0.02);display:flex;justify-content:space-between;align-items:center}
.slip-item-remove{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:16px}
.slip-item-title{font-size:10px;color:#5a5a7a}
.slip-item-bet{font-size:12px;font-weight:600;color:#d0d0e8}
.slip-item-coef{font-size:11px;font-weight:700;color:#ffd700}
.slip-footer{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.03);display:flex;flex-direction:column;gap:6px}
.slip-input{padding:8px;background:#12122a;border:1px solid #2a2a4a;border-radius:6px;color:#fff;text-align:center;font-size:14px;width:100%}
.quick-amounts{display:flex;gap:4px}
.amount-btn{flex:1;padding:4px;background:#12122a;border:1px solid #2a2a4a;border-radius:6px;color:#6a6a8a;cursor:pointer;font-size:10px}
.amount-btn:hover{color:#ffd700;border-color:#ffd700}
.amount-btn.all-in{background:#ffd700;color:#1a1a2e;font-weight:700;border-color:#ffd700}
.amount-btn.all-in:hover{transform:scale(1.02)}
.potential-win{text-align:center;font-weight:700;color:#4caf50;padding:6px;background:rgba(76,175,80,0.03);border-radius:6px;font-size:12px}
.detail-header{background:#12122a;padding:12px;border-radius:8px;margin-bottom:10px}
.detail-header .teams{display:flex;justify-content:space-between;font-size:16px;font-weight:600}
.detail-header .teams .score{color:#ffd700;font-size:20px}
.detail-header .time{text-align:center;font-size:12px;color:#6a6a8a;margin-top:4px}
.market-group{background:#12122a;padding:10px;border-radius:8px;margin-bottom:6px;border:1px solid rgba(255,255,255,0.02)}
.market-group .title{font-size:11px;font-weight:600;color:#d0d0e8;margin-bottom:4px}
.market-group .title .icon{color:#ffd700;margin-right:4px}
.market-row{display:flex;gap:4px;flex-wrap:wrap}
.market-row .cell{flex:1;min-width:40px;background:#0f0f1f;padding:3px 4px;border-radius:4px;text-align:center}
.market-row .cell .label{font-size:7px;color:#5a5a7a;text-transform:uppercase}
.market-row .cell .val{font-size:11px;font-weight:700}
.market-row .cell .val.gold{color:#ffd700}
.market-row .cell .odds-btn{background:none;border:none;color:#d0d0e8;cursor:pointer;padding:2px;width:100%}
.market-row .cell .odds-btn:hover{background:rgba(255,215,0,0.04);border-radius:4px}
.market-row .cell .odds-btn .lbl{font-size:6px;color:#5a5a7a;display:block}
.market-row .cell .odds-btn:disabled{opacity:0.3;cursor:not-allowed}
.detail-odds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.detail-odds-grid .cell{padding:3px;background:#0f0f1f;border-radius:4px;text-align:center}
.detail-odds-grid .cell .lbl{font-size:6px;color:#5a5a7a;display:block}
.detail-odds-grid .cell .val{font-size:11px;font-weight:700}
.detail-odds-grid .cell .val.gold{color:#ffd700}
.detail-odds-grid .cell .odds-btn{background:none;border:none;color:#d0d0e8;cursor:pointer;padding:2px;width:100%}
.detail-odds-grid .cell .odds-btn:hover{background:rgba(255,215,0,0.04);border-radius:4px}
.detail-odds-grid .cell .odds-btn:disabled{opacity:0.3;cursor:not-allowed}
.coupon-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:998;display:none}
.coupon-overlay.active{display:block}
.mobile-coupon-panel{position:fixed;bottom:0;left:0;right:0;background:#12122a;border-radius:16px 16px 0 0;padding:16px;z-index:999;max-height:70vh;overflow-y:auto;display:none;border-top:2px solid rgba(255,215,0,0.08)}
.mobile-coupon-panel.active{display:block;animation:slideUp 0.3s ease}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.panel-header{display:flex;justify-content:space-between;margin-bottom:10px}
.close-panel{background:none;border:none;color:#aaa;font-size:20px;cursor:pointer}
.coupon-toggle-btn{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#ffd700;color:#1a1a2e;border:none;border-radius:50px;padding:8px 20px;font-weight:700;cursor:pointer;z-index:100;box-shadow:0 4px 20px rgba(255,215,0,0.3)}
.coupon-toggle-btn .coupon-badge{background:#1a1a2e;color:#ffd700;border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;margin-left:6px}
.coupon-toggle-btn.hidden{display:none}

/* ===== ПОЛНОЭКРАННОЕ МЕНЮ ===== */
.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999;display:none}
.menu-overlay.active{display:block}
.full-menu{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:360px;background:#1a1a2e;z-index:1000;padding:20px 16px 16px;overflow-y:auto;transform:translateX(100%);transition:transform 0.3s ease;display:flex;flex-direction:column}
.full-menu.active{transform:translateX(0)}
.full-menu-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-shrink:0}
.full-menu-header .user-avatar{font-size:48px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#12122a;border-radius:50%;border:2px solid rgba(255,215,0,0.1)}
.full-menu-header .user-info{flex:1}
.full-menu-header .user-name{font-size:18px;font-weight:700;color:#d0d0e8}
.full-menu-header .user-id{font-size:12px;color:#6a6a8a}
.full-menu-header .menu-close{background:none;border:none;color:#6a6a8a;font-size:22px;cursor:pointer;padding:4px 8px}
.full-menu-header .menu-close:hover{color:#fff}
.full-menu-balance{background:#12122a;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid rgba(255,215,0,0.04);flex-shrink:0}
.full-menu-balance .balance-label{font-size:12px;color:#6a6a8a}
.full-menu-balance .balance-amount{font-size:24px;font-weight:700;color:#ffd700}
.full-menu-items{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}
.full-menu-footer{flex-shrink:0;padding-top:8px;border-top:1px solid rgba(255,255,255,0.04);margin-top:4px}
.menu-item{display:flex;align-items:center;gap:14px;padding:12px 14px;background:none;border:none;border-radius:8px;color:#d0d0e8;font-size:15px;cursor:pointer;width:100%;text-align:left;transition:0.2s;font-family:inherit}
.menu-item:hover{background:rgba(255,215,0,0.04)}
.menu-item .menu-icon{font-size:20px;width:28px;text-align:center}
.menu-item .menu-text{flex:1}
.menu-item .menu-arrow{color:#4a4a6a;font-size:18px}
.menu-item.logout{color:#ff6b6b;padding:14px 14px}
.menu-item.logout:hover{background:rgba(255,107,107,0.04)}

.profile-card{background:#12122a;padding:16px;border-radius:12px;display:flex;align-items:center;gap:16px}
.profile-card .avatar{font-size:48px}
.profile-card .name{font-size:18px;font-weight:700;color:#d0d0e8}
.profile-card .points{color:#ffd700}
.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.profile-stats .stat{background:#12122a;padding:12px;border-radius:8px;text-align:center}
.profile-stats .stat .num{font-size:20px;font-weight:700;color:#ffd700}
.profile-stats .stat .label{font-size:10px;color:#6a6a8a}
.leaderboard-item{display:flex;justify-content:space-between;background:#12122a;padding:8px 12px;border-radius:6px;margin-bottom:2px}
.leaderboard-item .rank{font-weight:900;min-width:30px}
.leaderboard-item .points{color:#ffd700;font-weight:700}
.achievement-item{background:#12122a;padding:12px;border-radius:8px;text-align:center;border:1px solid rgba(255,255,255,0.02)}
.achievement-item .icon{font-size:36px}
.achievement-item .name{font-weight:600;font-size:13px}
.achievement-item .status{font-size:11px;color:#5a5a7a}
.achievement-item .status.done{color:#4caf50}
.bonus-card{background:#12122a;padding:20px;border-radius:12px;text-align:center}
.bonus-card .icon{font-size:56px}
.bonus-card .title{color:#ffd700;margin:8px 0}
.bonus-card .btn-bonus{padding:10px 24px;background:#ffd700;color:#1a1a2e;border:none;border-radius:8px;font-weight:700;cursor:pointer}
.bonus-card .btn-bonus:disabled{opacity:0.5;cursor:default}
.bet-item{background:#12122a;padding:10px;border-radius:8px;margin-bottom:4px;border-left:3px solid #3a3a5a;cursor:pointer}
.bet-item .bet-details{display:none;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,0.05)}
#toastContainer{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:340px;width:100%;pointer-events:none}
.toast{padding:10px 16px;border-radius:8px;background:#1a1a2e;border:1px solid rgba(255,215,0,0.1);color:#fff;font-size:13px;animation:slideInRight 0.3s ease}
.toast.success{border-left:4px solid #4caf50}
.toast.error{border-left:4px solid #ff6b6b}
.toast.warning{border-left:4px solid #ffd700}
@keyframes slideInRight{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}
.odds-flash{animation:oddsFlash 0.5s ease}
.odds-up{background:rgba(76,175,80,0.15)!important;border-color:#4caf50!important}
.odds-up .value::after{content:" ↑";color:#4caf50}
.odds-down{background:rgba(255,107,107,0.15)!important;border-color:#ff6b6b!important}
.odds-down .value::after{content:" ↓";color:#ff6b6b}
@keyframes oddsFlash{0%{transform:scale(1)}30%{transform:scale(1.08)}70%{transform:scale(0.95)}100%{transform:scale(1)}}
.score-flash{animation:scoreFlash 0.6s ease}
@keyframes scoreFlash{0%{color:#ffd700;transform:scale(1)}30%{color:#fff;transform:scale(1.2)}70%{color:#ffd700;transform:scale(0.9)}100%{color:#ffd700;transform:scale(1)}}
@media(max-width:480px){
.container{padding:20px;margin:20px auto}
.navbar{padding:6px 10px}
.nav-brand{font-size:17px}
.match-card{padding:8px}
.bet-slip{display:none !important}
.mobile-coupon-panel{padding:12px}
}
.detail-tabs {
    display: flex;
    gap: 8px;
    margin: 12px 0 8px;
    border-bottom: 1px solid #2a2a4a;
    padding-bottom: 6px;
}
.detail-tab {
    background: transparent;
    border: none;
    color: #6a6a8a;
    padding: 6px 12px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 20px;
    transition: 0.2s;
}
.detail-tab.active {
    background: #2a2a4a;
    color: #ffd700;
}
.market-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
    cursor: pointer;
    font-weight: 600;
    color: #d0d0e8;
    border-bottom: 1px solid #1a1a2e;
}
.market-header .arrow {
    margin-left: auto;
    font-size: 12px;
    color: #6a6a8a;
}
.market-body {
    padding: 8px 0 12px;
}

/* ============================================================
   НОВЫЕ СТИЛИ ДЛЯ ВЫДЕЛЕНИЯ КНОПОК И РАЗВОРАЧИВАНИЯ СТАВОК
   ============================================================ */

/* Выделение кнопок при добавлении в купон */
.odds-btn.selected {
    background: #ffd700 !important;
    color: #1a1a2e !important;
    border-radius: 6px;
    box-shadow: 0 0 12px rgba(255, 215, 0, 0.4);
    transform: scale(1.02);
    transition: all 0.2s ease;
}

.odds-btn.selected .val {
    color: #1a1a2e !important;
}

.odds-btn.selected .label {
    color: #1a1a2e !important;
}

.odds-btn.selected .lbl {
    color: #1a1a2e !important;
}

/* Выделение кнопок в таблицах комбо-рынков */
.combo-table .table-btn.selected {
    background: #ffd700 !important;
    color: #1a1a2e !important;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
}

.combo-table .table-btn.selected .val {
    color: #1a1a2e !important;
}

.combo-table .table-btn.selected .lbl {
    color: #1a1a2e !important;
}

/* Анимация для разворачивания ставок */
.bet-details {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Стили для карточек ставок с разворачиванием */
.bet-item:hover {
    border-color: rgba(255, 215, 0, 0.1);
    transition: 0.2s;
}

.bet-item .bet-details {
    display: none;
}

.bet-item .bet-details[style*="display:block"] {
    display: block !important;
}

/* Стили для таблиц комбо-рынков */
.combo-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    margin: 4px 0;
}

.combo-table th {
    background: #1a1a3a;
    color: #d0d0e8;
    padding: 5px 8px;
    text-align: center;
    border: 1px solid #2a2a4a;
    font-weight: 700;
    font-size: 11px;
}

.combo-table td {
    padding: 3px 4px;
    text-align: center;
    border: 1px solid #2a2a4a;
}

.combo-table .row-label {
    font-weight: 600;
    color: #d0d0e8;
    background: #12122a;
    min-width: 30px;
    font-size: 12px;
}

.combo-table .table-btn {
    background: transparent;
    border: none;
    color: #d0d0e8;
    cursor: pointer;
    padding: 4px 6px;
    width: 100%;
    border-radius: 4px;
    transition: 0.15s;
    font-family: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.combo-table .table-btn:hover {
    background: rgba(255, 215, 0, 0.06);
}

.combo-table .table-btn .val {
    font-weight: 700;
    font-size: 13px;
}

.combo-table .table-btn .val.gold {
    color: #ffd700;
}

.combo-table .table-btn .lbl {
    font-size: 7px;
    color: #5a5a7a;
    display: block;
    text-transform: uppercase;
}/* Выделение кнопок при добавлении в купон */
.odds-btn.selected {
    background: #ffd700 !important;
    color: #1a1a2e !important;
    border-radius: 6px;
    box-shadow: 0 0 12px rgba(255, 215, 0, 0.4);
    transform: scale(1.02);
    transition: all 0.2s ease;
}

.odds-btn.selected .val {
    color: #1a1a2e !important;
}

.odds-btn.selected .label {
    color: #1a1a2e !important;
}

.odds-btn.selected .lbl {
    color: #1a1a2e !important;
}

/* Выделение кнопок в таблицах комбо-рынков */
.combo-table .table-btn.selected {
    background: #ffd700 !important;
    color: #1a1a2e !important;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
}

.combo-table .table-btn.selected .val {
    color: #1a1a2e !important;
}

.combo-table .table-btn.selected .lbl {
    color: #1a1a2e !important;
}

/* Анимация для разворачивания ставок */
.bet-details {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Стили для карточек ставок */
.bet-item:hover {
    border-color: rgba(255, 215, 0, 0.1);
    transition: 0.2s;
}

.bet-item .bet-details {
    display: none;
}

.bet-item .bet-details[style*="display:block"] {
    display: block !important;
}

/* Стили для таблиц комбо-рынков */
.combo-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    margin: 4px 0;
}

.combo-table th {
    background: #1a1a3a;
    color: #d0d0e8;
    padding: 5px 8px;
    text-align: center;
    border: 1px solid #2a2a4a;
    font-weight: 700;
    font-size: 11px;
}

.combo-table td {
    padding: 3px 4px;
    text-align: center;
    border: 1px solid #2a2a4a;
}

.combo-table .row-label {
    font-weight: 600;
    color: #d0d0e8;
    background: #12122a;
    min-width: 30px;
    font-size: 12px;
}

.combo-table .table-btn {
    background: transparent;
    border: none;
    color: #d0d0e8;
    cursor: pointer;
    padding: 4px 6px;
    width: 100%;
    border-radius: 4px;
    transition: 0.15s;
    font-family: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.combo-table .table-btn:hover {
    background: rgba(255, 215, 0, 0.06);
}

.combo-table .table-btn .val {
    font-weight: 700;
    font-size: 13px;
}

.combo-table .table-btn .val.gold {
    color: #ffd700;
}

.combo-table .table-btn .lbl {
    font-size: 7px;
    color: #5a5a7a;
    display: block;
    text-transform: uppercase;
}
/* ============================================================
   НОВЫЕ СТИЛИ
   ============================================================ */

/* Выделение кнопок при добавлении в купон */
.odds-btn.selected {
    background: #ffd700 !important;
    color: #1a1a2e !important;
    border-radius: 6px;
    box-shadow: 0 0 12px rgba(255, 215, 0, 0.4);
    transform: scale(1.02);
    transition: all 0.2s ease;
}

.odds-btn.selected .val {
    color: #1a1a2e !important;
}

.odds-btn.selected .label {
    color: #1a1a2e !important;
}

.odds-btn.selected .lbl {
    color: #1a1a2e !important;
}

.combo-table .table-btn.selected {
    background: #ffd700 !important;
    color: #1a1a2e !important;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
}

.combo-table .table-btn.selected .val {
    color: #1a1a2e !important;
}

.combo-table .table-btn.selected .lbl {
    color: #1a1a2e !important;
}

.bet-details {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.bet-item:hover {
    border-color: rgba(255, 215, 0, 0.1);
    transition: 0.2s;
}

.bet-item .bet-details {
    display: none;
}

.bet-item .bet-details[style*="display:block"] {
    display: block !important;
}

.combo-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    margin: 4px 0;
}

.combo-table th {
    background: #1a1a3a;
    color: #d0d0e8;
    padding: 5px 8px;
    text-align: center;
    border: 1px solid #2a2a4a;
    font-weight: 700;
    font-size: 11px;
}

.combo-table td {
    padding: 3px 4px;
    text-align: center;
    border: 1px solid #2a2a4a;
}

.combo-table .row-label {
    font-weight: 600;
    color: #d0d0e8;
    background: #12122a;
    min-width: 30px;
    font-size: 12px;
}

.combo-table .table-btn {
    background: transparent;
    border: none;
    color: #d0d0e8;
    cursor: pointer;
    padding: 4px 6px;
    width: 100%;
    border-radius: 4px;
    transition: 0.15s;
    font-family: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.combo-table .table-btn:hover {
    background: rgba(255, 215, 0, 0.06);
}

.combo-table .table-btn .val {
    font-weight: 700;
    font-size: 13px;
}

.combo-table .table-btn .val.gold {
    color: #ffd700;
}

.combo-table .table-btn .lbl {
    font-size: 7px;
    color: #5a5a7a;
    display: block;
    text-transform: uppercase;
}
/* ============================================================
   НОВЫЕ СТИЛИ ДЛЯ ВЫДЕЛЕНИЯ КНОПОК
   ============================================================ */

/* Выделение кнопок при добавлении в купон */
.odds-btn.selected {
    background: #ffd700 !important;
    color: #1a1a2e !important;
    border-radius: 6px;
    box-shadow: 0 0 12px rgba(255, 215, 0, 0.4);
    transform: scale(1.02);
    transition: all 0.2s ease;
}

.odds-btn.selected .val {
    color: #1a1a2e !important;
}

.odds-btn.selected .label {
    color: #1a1a2e !important;
}

.odds-btn.selected .lbl {
    color: #1a1a2e !important;
}

.combo-table .table-btn.selected {
    background: #ffd700 !important;
    color: #1a1a2e !important;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
}

.combo-table .table-btn.selected .val {
    color: #1a1a2e !important;
}

.combo-table .table-btn.selected .lbl {
    color: #1a1a2e !important;
}

.bet-details {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.bet-item:hover {
    border-color: rgba(255, 215, 0, 0.1);
    transition: 0.2s;
}

.bet-item .bet-details {
    display: none;
}

.bet-item .bet-details[style*="display:block"] {
    display: block !important;
}

.combo-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    margin: 4px 0;
}

.combo-table th {
    background: #1a1a3a;
    color: #d0d0e8;
    padding: 5px 8px;
    text-align: center;
    border: 1px solid #2a2a4a;
    font-weight: 700;
    font-size: 11px;
}

.combo-table td {
    padding: 3px 4px;
    text-align: center;
    border: 1px solid #2a2a4a;
}

.combo-table .row-label {
    font-weight: 600;
    color: #d0d0e8;
    background: #12122a;
    min-width: 30px;
    font-size: 12px;
}

.combo-table .table-btn {
    background: transparent;
    border: none;
    color: #d0d0e8;
    cursor: pointer;
    padding: 4px 6px;
    width: 100%;
    border-radius: 4px;
    transition: 0.15s;
    font-family: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.combo-table .table-btn:hover {
    background: rgba(255, 215, 0, 0.06);
}

.combo-table .table-btn .val {
    font-weight: 700;
    font-size: 13px;
}

.combo-table .table-btn .val.gold {
    color: #ffd700;
}

.combo-table .table-btn .lbl {
    font-size: 7px;
    color: #5a5a7a;
    display: block;
    text-transform: uppercase;
}