/* ═══ Sport Theme Override — generated from agent panel ═══ */

/* ── Top Header (always dark) ── */
.main-header { background: #0d1b2a !important; }
#top-header { background: #0d1b2a !important; color: #e0e8f0 !important; }
#top-header .main-header { background: #0d1b2a !important; color: #e0e8f0 !important; }
#top-header * { color: #e0e8f0 !important; }
html body #top-header *, html body header#top-header *, html body .main-header * { color: var(--color-primary-dark, color-mix(in srgb, var(--color-primary, #1565c0) 65%, #000)) !important; }
/* Match listing accents — primary color */
html body .categ-tour-name, html body .categ-tour-name *, html body .match-time-info, html body .match-time-info *, html body .add-to-bs, html body .add-to-bs * { color: var(--color-primary, #1565c0) !important; }
.sub-header { background: #09131d !important; border-top-color: #1b3a5c !important; }
.header-configs, .header-configs * { color: #e0e8f0 !important; }
.logo-com { color: #e0e8f0 !important; }
#top-header .logo-com { filter: none !important; }
#top-header .logo-container { filter: none !important; }

#top-header .menu-container ul li { background: color-mix(in srgb, #1565c0 25%, #0d1b2a 75%) !important; color: #e0e8f0 !important; }
#top-header .menu-container ul li:hover { background: rgba(255,255,255,.15) !important; }
#top-header .menu-container ul li.selected { background: #1565c0 !important; color: #fff !important; }
#top-header .main-header .badge { background-color: #1565c0 !important; color: #fff !important; }
/* ── Login / Register buttons ── */
#top-header .header-configs .sign-in-btn,
.sgn-in-btn .sign-in-btn { background: #1565c0 !important; color: #fff !important; border: none !important; border-radius: 4px !important; font-weight: 700 !important; font-size: 13px !important; padding: 6px 16px !important; }
#top-header .header-configs .sign-in-btn:hover,
.sgn-in-btn .sign-in-btn:hover { opacity: 0.85 !important; }
#top-header .header-configs .register-btn,
.sgn-in-btn .register-btn { background: #ffd740 !important; color: #050d18 !important; border: none !important; border-radius: 4px !important; font-weight: 700 !important; font-size: 13px !important; padding: 6px 16px !important; }
#top-header .header-configs .register-btn:hover,
.sgn-in-btn .register-btn:hover { opacity: 0.85 !important; }
.continue-betting-btn { color: #fff !important; }
.market-name-span, .header-name, .header-name * { color: #fff !important; }

/* ── Sport List Bar ── */
.sport-select-container { background: #1565c0 !important; background-color: #1565c0 !important; --color-primary: #1565c0 !important; }
#sport-list-container { background: #1565c0 !important; }
#sport-list { background: #1565c0 !important; --color-primary: #1565c0 !important; }
#sport-list .sport-name { color: #fff !important; }
#sport-list .sport-name span { color: #fff !important; }
#sport-list .sport-name:hover { background: rgba(0,0,0,.4) !important; }
#sport-list .sport-name.selected { background: rgba(0,0,0,.4) !important; border-bottom-color: #fff !important; }
.sport-select-container .horizontalScroll, .sport-select-container #sport-list.horizontalScroll, #sport-list.horizontalScroll, div.horizontalScroll#sport-list { background: #1565c0 !important; background-color: #1565c0 !important; background-image: none !important; }
.time-filter-body.horizontalScroll { background-color: transparent !important; background: transparent !important; background-image: none !important; }

/* ── Left Sidebar (always dark) ── */
#left { background: #050d18 !important; }
.sport-list-container { background: #050d18 !important; }
.sports-list { background: #050d18 !important; }
.sport-selected { color: #e0e8f0 !important; }
.sport-accordion, .sport-accordion-container { background: #212f3e !important; color: #e0e8f0 !important; }
.sport-accordion *, .sport-accordion-container * { color: #e0e8f0 !important; }
.sport-accordion:hover { background: #1565c04d !important; }
.tour-tree-container #cat-tree-accordion > span > div[role="tab"] > .cat-accordion { position: relative !important; height: auto !important; min-height: 34px !important; background: #212f3e !important; }
.cat-accordion { background: #212f3e !important; color: #e0e8f0 !important; border-bottom: 1px solid #1b3a5c !important; }
.cat-accordion * { color: #e0e8f0 !important; }
.cat-accordion:hover { background: #1565c04d !important; }
.cat-accordion.selected { color: #e0e8f0 !important; background: #1565c04d !important; }
.cat-accordion.selected .fa-check { color: #1565c0 !important; border-color: #1565c0 !important; }
.cat-accordion .cat-accordion-title span { color: #e0e8f0 !important; }
.cat-accordion .fa-caret-down { color: #e0e8f0 !important; }
.acc-header { background: #212f3e !important; color: #e0e8f0 !important; border-color: #1b3a5c !important; }
.tour { background: #212f3e !important; }
.tour-container { background: #212f3e !important; }
.tour-tree-container { background: #212f3e !important; }
.filter-header { border-color: #1b3a5c !important; color: #e0e8f0 !important; }
.filter-body { color: #e0e8f0 !important; }

/* ── Center (Match list) ── */
#center { background: #050d18 !important; }
.match-list-container { color: #e0e8f0 !important; }
.sport-header { background: #0a274a !important; color: #e0e8f0 !important; }
.tour-header { background: #0a274a !important; color: #e0e8f0 !important; }
.match-sub-header { background: #081f3a !important; color: #e0e8f0 !important; }
.match-content { background: #141c27 !important; color: #e0e8f0 !important; }
.market-container, .market-container * { font-size: 16px !important; font-weight: 700 !important; }
[role="button"] { margin-left: 6px !important; }
.match-container { border-color: #0d1520 !important; }
.sport-container { background: #050d18 !important; }
app-match { content-visibility: auto; contain-intrinsic-size: auto 60px; }
.group-by-date { content-visibility: auto; contain-intrinsic-size: auto 200px; }
.tour-content { background: #050d18 !important; }

/* ── Odds ── */
.odd { color: #ffd740 !important; }
.bet span { font-size: 16px !important; font-weight: 700 !important; }
.bet-row { background: #141c27 !important; color: #e0e8f0 !important; border-color: #0d1520 !important; }
.bet-row .odd { color: #ffd740 !important; }
.match-selected { background: #29313c !important; }
.match-selected-btn { background: #1565c0 !important; color: #fff !important; }

/* ── Sport header markets ── */
.sport-header-markets { color: #b0bec5 !important; }
.sport-header-markets-active, .sport-header-markets .active { color: #ffd740 !important; }
.sport-header-fast-markets { color: #b0bec5 !important; }

/* ── Live sortby ── */
.live-sortby { background: transparent !important; background-color: transparent !important; }
.live-sortby .title { color: #e0e8f0 !important; }
.live-sortby .options { border-color: #1565c0 !important; background: transparent !important; background-color: transparent !important; }
.live-sortby .options div { color: #1565c0 !important; background: transparent !important; background-color: transparent !important; }
.live-sortby .options div.selected { background-color: #1565c0 !important; color: #fff !important; }

/* ── Betslip ── */
#right { background: #1b2838 !important; }
.betslip-container { color: #e0e8f0 !important; }
.betslip-header { background: #2a3747 !important; color: #e0e8f0 !important; }
.betslip-match { background: #141c27 !important; color: #e0e8f0 !important; }
.betslip-match .odd { color: #ffd740 !important; }
.betslip-match-bet-right .odd { color: #ffd740 !important; }
.betslip-bets { background: #2a3747 !important; }
.betslip-actions { color: #e0e8f0 !important; }
.betslip-input-info { color: #e0e8f0 !important; }
.betslip-toggle { color: #e0e8f0 !important; }
/* Force betslip currency dropdown visible — beats [hidden] and inline display:none */
html body .betslip-input-info .currency-select, html body .currency-select, html body div.currency-select, html body .betslip-input-info > div.currency-select, html body .betslip-input-info .currency-select[hidden], html body .currency-select[hidden], html body div.currency-select[hidden], html body .currency-select[style*="display:none"], html body .currency-select[style*="display: none"] { display: flex !important; visibility: visible !important; opacity: 1 !important; height: 30px !important; max-height: none !important; overflow: visible !important; width: 100% !important; align-items: center !important; gap: 6px !important; }
html body .betslip-input-info .currency-select select, html body .currency-select select { display: inline-block !important; visibility: visible !important; opacity: 1 !important; min-width: 80px !important; padding: 4px 6px !important; color: #1a1a1a !important; -webkit-text-fill-color: #1a1a1a !important; background: #ffffff !important; background-color: #ffffff !important; border: 1px solid #d8e1ec !important; border-radius: 4px !important; }
html body .betslip-input-info .currency-select option, html body .currency-select option { color: #1a1a1a !important; -webkit-text-fill-color: #1a1a1a !important; background: #ffffff !important; }
/* .stake — full width */
html body .betslip-input-info .stake, html body .stake, html body div.stake { display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; }
html body .betslip-input-info .stake .stake-right, html body .stake .stake-right { flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; }
html body .betslip-input-info .stake .stake-right input, html body .stake .stake-right input, html body .stake input#betslipStake, html body input#betslipStake { width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }
/* market-group-select-toggle — transparent bg, shifted up 5px */
html body .market-group-select-toggle, html body div.market-group-select-toggle, html body .sport-header .market-group-select-toggle, html body .market-group-select-toggle i, html body .market-group-select-toggle .img, html body .market-group-select-toggle img { background: transparent !important; background-color: transparent !important; background-image: none !important; position: relative !important; top: -5px !important; }
/* Disable hover on .cat-accordion-title and .sub-cat-accordion-title */
html body .cat-accordion-title:hover, html body .cat-accordion-title:hover *, html body .cat-accordion .cat-accordion-title:hover, html body .cat-accordion .cat-accordion-title:hover *, html body div.cat-accordion-title:hover, html body .sub-cat-accordion-title:hover, html body .sub-cat-accordion-title:hover *, html body div.sub-cat-accordion-title:hover, html body .tour-tree-container .sub-cat-accordion-title:hover, html body .tour-tree-container .sub-cat-accordion-title:hover * { background: inherit !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; transform: none !important; filter: none !important; cursor: default !important; }
/* Betslip toggle widget — icon + odds text white, 10px radius */
html body .betslip-toggle, html body .betslip-toggle.has-bets, html body div.betslip-toggle.has-bets { border-radius: 10px !important; }
html body .betslip-toggle .far.fa-list-alt, html body .betslip-toggle i.far.fa-list-alt, html body .far.fa-list-alt, html body i.far.fa-list-alt, html body .fa-list-alt { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
html body .betsTotalOdds, html body .betsTotalOdds *, html body .betslip-toggle .betsTotalOdds, html body .betslip-toggle .betsTotalOdds *, html body span.betsTotalOdds, html body div.betsTotalOdds { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
/* Mobile: betsTotalOdds → primary color */
@media (max-width: 768px) {
  html body .betsTotalOdds, html body .betsTotalOdds *, html body .betslip-toggle .betsTotalOdds, html body .betslip-toggle .betsTotalOdds *, html body span.betsTotalOdds, html body div.betsTotalOdds { color: var(--color-primary, #1565c0) !important; -webkit-text-fill-color: var(--color-primary, #1565c0) !important; }
}
.betslip-config { background: #1b2838 !important; color: #e0e8f0 !important; }
.config-content-header, .config-dropdown-header { color: #e0e8f0 !important; }
.empty-betslip { color: #b0bec5 !important; }
.clear-betslip { color: #b0bec5 !important; }
#betslip input { background: #1b2838 !important; color: #e0e8f0 !important; border-color: #1b3a5c !important; }
#betslip .btn-primary, #betslip .btn-success,
.betslip-bets .btn-primary, .betslip-bets .btn-success {
  background: #42a5f5 !important; color: #000000 !important; border-color: #42a5f5 !important;
}

/* ── Search ── */
.active-search-menu { background: #1b2838 !important; }
.active-search-menu input { background: #1b2838 !important; color: #e0e8f0 !important; }
.fastbet-match-container input { background: #1b2838 !important; color: #e0e8f0 !important; }

/* ── Filters ── */
.filter-name { color: #e0e8f0 !important; }
.filter-action { color: #42a5f5 !important; }
.filter-select select { background: #162940 !important; color: #e0e8f0 !important; }
.custom-time-filter { background: #162940 !important; color: #e0e8f0 !important; }
.favorites-filter { color: #42a5f5 !important; }

/* ── Scrollbars ── */
::-webkit-scrollbar { background: #19202a !important; }
::-webkit-scrollbar-thumb { background: #1b3a5c !important; border-radius: 3px; }

/* ── Modals ── */
.modal-content { background: #2d3948 !important; color: #e0e8f0 !important; }
.modal-header { border-color: #1b3a5c !important; }

/* ── General ── */
body { background: #19202a !important; color: #e0e8f0 !important; }
.loader-container { background: #19202a !important; }
.action-loading { background: rgba(25,32,42,0.5) !important; }

/* ── Mobile menu ── */
#mobile-menu { background: #202d3b !important; }
#mobile-menu .menu-container { color: #e0e8f0 !important; }
#mobile-menu .menu-container * { color: #e0e8f0 !important; }

/* ── Footer ── */
#footer { display: none !important; }

/* ── Detail panel ── */
.showDetails { background: #0d1b2a !important; }
.category-detailed { background: #0d1b2a !important; color: #e0e8f0 !important; }
.category-cards-container { background: #0d1b2a !important; }
.aggregate-table-container { background: #141c27 !important; color: #e0e8f0 !important; }
.aggr-table-content { color: #e0e8f0 !important; }

/* ── Sort options (Tournament / Time) ── */
/* by-category / by-time selected — white text in BOTH dark and light theme */
html body div.by-category.selected, html body div.by-category.selected *, html body .options .by-category.selected, html body .options .by-category.selected *, html body .options div.by-category.selected, html body .options div.by-category.selected *,
html body div.by-time.selected, html body div.by-time.selected *, html body .options .by-time.selected, html body .options .by-time.selected *, html body .options div.by-time.selected, html body .options div.by-time.selected * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
/* state-value.selected — force white text including over inline styles */
html body .state-value.selected, html body .state-value.selected *,
html body div.state-value.selected, html body div.state-value.selected *,
html body .state-filter-wrapper .state-value.selected, html body .state-filter-wrapper .state-value.selected *,
html body .my-bets-container .state-filter-wrapper .state-value.selected, html body .my-bets-container .state-filter-wrapper .state-value.selected *,
html body app-my-bets .state-filter-wrapper .state-value.selected, html body app-my-bets .state-filter-wrapper .state-value.selected * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
/* btn-light (View filter button), time-frame-option, live-indicator — white text */
html body .btn.btn-light, html body .btn.btn-light *, html body button.btn.btn-light, html body button.btn.btn-light *,
html body .filter-action .btn-light, html body .filter-action .btn-light *, html body .filters-container .btn.btn-light, html body .filters-container .btn.btn-light *,
html body .time-frame-option, html body .time-frame-option *, html body div.time-frame-option, html body div.time-frame-option *,
html body .filters-container .time-frame-option, html body .filters-container .time-frame-option *,
html body .time-frame-option.this_month, html body .time-frame-option.this_month *, html body .time-frame-option.today, html body .time-frame-option.today *, html body .time-frame-option.two_days, html body .time-frame-option.two_days *, html body .time-frame-option.last_seven_days, html body .time-frame-option.last_seven_days *,
html body .live-indicator, html body span.live-indicator, html body .match-time-info .live-indicator, html body .match-time-info span.live-indicator { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
/* .tour and .cat-accordion hover — lighter than background, works on dark */
html body .tour, html body div.tour, html body .sport-accordion-content .tour, html body .panel-collapse .tour, html body .cat-accordion, html body div.cat-accordion { transition: background 0.15s ease, filter 0.15s ease !important; cursor: pointer !important; position: relative !important; }
html body .tour:hover, html body div.tour:hover, html body .sport-accordion-content .tour:hover, html body .panel-collapse.sport-accordion-content .tour:hover, html body .panel-collapse .tour:hover, html body span > .tour:hover, html body span > div.tour:hover, html body .cat-accordion:hover, html body div.cat-accordion:hover, html body div.cat-accordion.cat-2:hover, html body [class*="cat-accordion"]:hover { background-image: linear-gradient(rgba(255,255,255,0.18), rgba(255,255,255,0.18)) !important; box-shadow: inset 0 0 0 9999px rgba(255,255,255,0.18) !important; }
/* sport-accordion-content + subcategories — theme-correct text, no hover color change */
html body .tour-tree-container .sport-accordion-content, html body .tour-tree-container .sport-accordion-content *, html body .sport-accordion-content, html body .sport-accordion-content *, html body .panel-collapse.sport-accordion-content, html body .panel-collapse.sport-accordion-content *, html body .sport-accordion-content .tour, html body .sport-accordion-content .tour *, html body .sport-accordion-content .cat-accordion, html body .sport-accordion-content .cat-accordion *, html body .sport-accordion-content [class*="cat-accordion"], html body .sport-accordion-content [class*="cat-accordion"] * { color: #fff !important; -webkit-text-fill-color: #fff !important; }
/* time-filter-body — center chips horizontally */
html body .time-filter-body, html body .time-filter-body.horizontalScroll, html body div.time-filter-body, html body div.time-filter-body.horizontalScroll { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; }
/* Ticket details panel — black text (except live indicator), 16px */
html body .details-container, html body .details-container *, html body #ticket-details-body-val, html body #ticket-details-body-val *, html body .ticket-match-detail-col, html body .ticket-match-detail-col *, html body .my-bets-container .modal-body .table-container table th, html body .my-bets-container .modal-body .table-container table td, html body .my-bets-container .modal-body .body table th, html body .my-bets-container .modal-body .body table td, html body .my-bets-container .modal-body table tbody tr td, html body .my-bets-container .modal .table-container tbody tr td { color: #1a1a1a !important; -webkit-text-fill-color: #1a1a1a !important; font-size: 16px !important; }
html body .details-container .live-indicator, html body .details-container span.live-indicator, html body .ticket-match-detail-col .live-indicator, html body .ticket-match-detail-col span.live-indicator, html body #ticket-details-body-val .live-indicator, html body .match-time-info .live-indicator, html body .match-time-info span.live-indicator { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
/* "My Bets" / "Details" navigation header — PRIMARY color background, white text/icons */
html body .my-bets-container > .header, html body app-my-bets > .my-bets-container > .header, html body .my-bets-container .modal-content > .header, html body .my-bets-container .modal .header, html body .my-bets-container .header { background: var(--color-primary, #1565c0) !important; background-color: var(--color-primary, #1565c0) !important; background-image: none !important; border-bottom: 1px solid color-mix(in srgb, var(--color-primary, #1565c0) 80%, #000) !important; }
html body .my-bets-container .header, html body .my-bets-container .header *, html body app-my-bets .header, html body app-my-bets .header *, html body .my-bets-container .header .header-label, html body .my-bets-container .header .fa-chevron-left, html body .my-bets-container .header .fa-times, html body .my-bets-container .header i, html body .my-bets-container .header span, html body .header-label, html body .fa-chevron-left, html body .my-bets-container .header [aria-hidden="true"] { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
/* fa-filter icon — push down 10px */
html body i.fas.fa-filter, html body .fa-filter, html body .filter-icon i.fa-filter, html body .filter-icon .fa-filter, html body .filter-header .fa-filter, html body .filter-header i.fa-filter { margin-top: 10px !important; position: relative !important; top: 10px !important; }
/* config-dropdown-header — hover/selected/active white text (incl. children, icons) */
html body .config-dropdown-header:hover, html body .config-dropdown-header:hover *,
html body .config-dropdown-header.selected, html body .config-dropdown-header.selected *,
html body .config-dropdown-header.active, html body .config-dropdown-header.active *,
html body div.config-dropdown-header:hover, html body div.config-dropdown-header:hover *,
html body div.config-dropdown-header.selected, html body div.config-dropdown-header.selected *,
html body div.config-dropdown-header.active, html body div.config-dropdown-header.active *,
html body .username-content .config-dropdown-header:hover, html body .username-content .config-dropdown-header:hover *,
html body .content.username-content .config-dropdown-header:hover, html body .content.username-content .config-dropdown-header:hover *,
html body .config-dropdown-header:hover i, html body .config-dropdown-header:hover .acc-icons,
html body .username-content .config-dropdown-header:hover i, html body .username-content .config-dropdown-header:hover .acc-icons { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
/* My Bets inputs / selects — clean white style */
html body .my-bets-container select, html body .my-bets-container .custom-select, html body .my-bets-container .form-control, html body .my-bets-container input[type="text"], html body .my-bets-container input[type="date"], html body app-my-bets select, html body app-my-bets .custom-select, html body app-my-bets .form-control { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #1a1a1a !important; -webkit-text-fill-color: #1a1a1a !important; border: 1px solid #d8e1ec !important; }
html body .my-bets-container select:focus, html body .my-bets-container .custom-select:focus, html body .my-bets-container .form-control:focus, html body .my-bets-container input:focus, html body app-my-bets select:focus, html body app-my-bets .form-control:focus { border-color: var(--color-primary) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent) !important; outline: none !important; }
/* All "selected" / active buttons → white text everywhere */
html body .selected, html body .selected *, html body .active, html body .active *,
html body button.selected, html body button.selected *, html body div.selected, html body div.selected *, html body a.selected, html body a.selected *,
html body .by-category.selected, html body .by-category.selected *, html body .by-time.selected, html body .by-time.selected *,
html body .filter-item.selected, html body .filter-item.selected *, html body .filter-item.line-now.selected, html body .filter-item.line-now.selected *,
html body .state-value.selected, html body .state-value.selected *,
html body .time-frame-option.selected, html body .time-frame-option.selected *,
html body .nav-item.selected, html body .nav-item.selected *, html body li.selected, html body li.selected *,
html body .tab.selected, html body .tab.selected *, html body .tab-item.selected, html body .tab-item.selected *,
html body .live.selected, html body .live.selected *, html body .live-item.selected, html body .live-item.selected *,
html body .filter.selected, html body .filter.selected *, html body .filter-tab.selected, html body .filter-tab.selected * { color: #ffffff !important; }

/* Selected filter buttons → derivated primary gradient background (max specificity) */
html body .filters-container .time-frame-option.selected,
html body .filters-container .time-frame-option.today.selected,
html body .filters-container .time-frame-option.two_days.selected,
html body .filters-container .time-frame-option.last_seven_days.selected,
html body .filters-container .time-frame-option.this_month.selected,
html body .my-bets-container .state-filter-wrapper .state-value.selected,
html body .state-filter-wrapper .state-value.selected,
html body .filter-item.selected, html body .filter-item.line-now.selected, html body div.filter-item.selected,
html body .by-category.selected, html body .by-time.selected,
html body .filter.selected, html body .filter-tab.selected,
html body .tab.selected, html body .tab-item.selected,
html body .live.selected, html body .live-item.selected,
html body .options .selected,
html body div.selected.time-frame-option,
html body div.selected.state-value { background: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 65%, #000) 100%) !important; background-color: color-mix(in srgb, var(--color-primary) 85%, #000) !important; background-image: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 65%, #000) 100%) !important; border-color: color-mix(in srgb, var(--color-primary) 70%, #000) !important; box-shadow: 0 2px 8px color-mix(in srgb, var(--color-primary) 40%, transparent) !important; color: #ffffff !important; }

/* ── Ticket detail table — always white ── */
.table { background: #fff !important; color: #2c3e5a !important; }
.table thead tr th { background: #1565c0 !important; color: #fff !important; }
.table thead tr th .primary-color { color: #fff !important; }
.table thead tr th .primary-color * { color: #fff !important; }
.table thead tr th .date { color: rgba(255,255,255,0.8) !important; }
.table tbody tr { background: #fff !important; color: #2c3e5a !important; }
.table tbody tr:hover { background: #1565c022 !important; }
.table tbody tr td { color: #2c3e5a !important; border-bottom: 1px solid #e8ecf0 !important; }
.table tbody tr td.winner { color: #2e7d32 !important; }
.table tbody tr td.loser { color: #d32f2f !important; }
.table tbody tr td.pending { color: #e67e22 !important; }

/* ── Buttons ── */
.btn-primary { background: #42a5f5 !important; border-color: #42a5f5 !important; }
.btn-success { background: #1565c0 !important; border-color: #1565c0 !important; }

/* ── My Bets / Tickets — dark (theme-variable driven, lighter surfaces) ── */
/* Page = secondaryLight (one tier up from grey1); cards = color-mix lighter still */
.my-bets-container { background: #2d3948 !important; color: #e0e8f0 !important; }
.my-bets-container .ticket { background: color-mix(in srgb, #2d3948 78%, #fff) !important; border: 1px solid #081f3a !important; color: #e0e8f0 !important; }
.my-bets-container .ticket * { color: #e0e8f0 !important; }
.my-bets-container .ticket .muted, .my-bets-container .ticket .date, .my-bets-container .ticket .info { color: #b0bec5 !important; }
.my-bets-container .filters-container { background: #ffffff00 !important; }
.filter-ticketbonus, .filter-ticketcode, .filter-ticketselections,
.filter-ticketstate, .filter-tickettype { color: #e0e8f0 !important; }
.body { background: #2d3948 !important; color: #e0e8f0 !important; }
.my-bets-container .body { background: color-mix(in srgb, var(--color-primary) 20%, #ffffff) !important; color: #1a2332 !important; }
.filters-container { background: #ffffff00 !important; color: #e0e8f0 !important; border-color: #081f3a !important; }
.filters-container * { color: #e0e8f0 !important; }
.filters-container .filter-body { background: #ffffff00 !important; }
.filters-container .filter-body input,
.filters-container .filter-body select { background: color-mix(in srgb, #2d3948 70%, #fff) !important; color: #e0e8f0 !important; border: 1px solid #081f3a !important; }
.filters-container .filter-body input::placeholder { color: #b0bec5 !important; opacity: 1 !important; }
.filters-container .filter-body .btn { background: #1565c0 !important; color: #fff !important; border-color: #1565c0 !important; }
.filters-container .time-frames-wrapper { background: #2d3948 !important; }
.filters-container .time-frame-option { background: color-mix(in srgb, #2d3948 78%, #fff) !important; color: #e0e8f0 !important; border: 1px solid #081f3a !important; }
.filters-container .time-frame-option:hover { background: color-mix(in srgb, #2d3948 65%, #fff) !important; }
.filters-container .time-frame-option.selected { background: #1565c0 !important; color: #fff !important; border-color: #1565c0 !important; }
.filter-header { background: color-mix(in srgb, #2d3948 85%, #fff) !important; color: #e0e8f0 !important; border-bottom: 1px solid #081f3a !important; }
.filter-header * { color: #e0e8f0 !important; }
.bet-details-wrapper { background: #2d3948 !important; color: #e0e8f0 !important; }
.bet-details-wrapper * { color: #e0e8f0 !important; }
.state-filter-wrapper { background: #00000000 !important; }
.state-filter-wrapper .state-value, .my-bets-container .state-filter-wrapper .state-value { background: color-mix(in srgb, #2d3948 78%, #fff) !important; color: #e0e8f0 !important; border: 1px solid #081f3a !important; }
.state-filter-wrapper .state-value.selected { background: #1565c0 !important; color: #fff !important; border-color: #1565c0 !important; }
.state-filter-wrapper .state-value:hover:not(.selected) { background: color-mix(in srgb, #2d3948 65%, #fff) !important; }
.table-container { background: #64748b00 !important; color: #e0e8f0 !important; }
.table-container * { color: #e0e8f0 !important; }
.table-container table { background: #2d3948 !important; }
/* My Bets table — LIGHTER surfaces in dark theme */
.table-container thead { background: color-mix(in srgb, #2d3948 35%, #fff) !important; }
.table-container thead th { background: color-mix(in srgb, #2d3948 35%, #fff) !important; color: #e0e8f0 !important; border-bottom: 2px solid #081f3a !important; font-weight: 600 !important; }
.table-container tbody tr { background: color-mix(in srgb, #2d3948 25%, #fff) !important; border-bottom: 1px solid #081f3a !important; }
.table-container tbody tr:nth-child(even) { background: color-mix(in srgb, #2d3948 18%, #fff) !important; }
.table-container tbody tr:hover { background: color-mix(in srgb, #2d3948 12%, #fff) !important; }
.table-container tbody td { color: #e0e8f0 !important; }
.table-container tbody td { color: #e0e8f0 !important; border-color: #081f3a !important; }
.table-container .date { color: #b0bec5 !important; }
.table-container .winner { color: #00c853 !important; font-weight: 600 !important; }
.table-container .loser { color: #ff5252 !important; font-weight: 600 !important; }
.table-container .pending { color: #ffd740 !important; font-weight: 600 !important; }
.table-container .btn-details { background: #1565c0 !important; color: #fff !important; border-color: #1565c0 !important; }
html body .btn-details, html body .btn-details *, html body div.btn-details, html body div.btn-details *, html body .table-container .btn-details, html body .table-container .btn-details * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
.pagination-button-container { background: #2d3948 !important; color: #e0e8f0 !important; }
.pagination-button-container * { color: #e0e8f0 !important; }
.pagination-wrapper .previous, .pagination-wrapper .next { color: #e0e8f0 !important; background: color-mix(in srgb, #2d3948 78%, #fff) !important; border: 1px solid #081f3a !important; }
.pagination-wrapper .previous:hover:not(.disable), .pagination-wrapper .next:hover:not(.disable) { background: color-mix(in srgb, #2d3948 65%, #fff) !important; }
.pagination-wrapper .previous.disable, .pagination-wrapper .next.disable { color: #b0bec5 !important; opacity: 0.6 !important; }
.page-size-config { color: #b0bec5 !important; }
.page-size-config select { background: color-mix(in srgb, #2d3948 78%, #fff) !important; color: #e0e8f0 !important; border: 1px solid #081f3a !important; }
.filter-datepicker input { background: color-mix(in srgb, #2d3948 78%, #fff) !important; color: #e0e8f0 !important; border: 1px solid #081f3a !important; }
.filter-select select { background: color-mix(in srgb, #2d3948 78%, #fff) !important; color: #e0e8f0 !important; border: 1px solid #081f3a !important; }
.filter-ticketcode input { background: color-mix(in srgb, #2d3948 78%, #fff) !important; color: #e0e8f0 !important; border: 1px solid #081f3a !important; }
.filter-datepicker { background: #2d3948 !important; color: #e0e8f0 !important; }

/* ═══ Force NEUTRAL dark palette — desaturate all colored surfaces ═══ */
html body {
  --color-secondary: #1f2937 !important;
  --color-secondary-light: #374151 !important;
  --color-grey1: #111827 !important;
  --color-black: #030712 !important;
  --color-white: #f3f4f6 !important;
  --color-grey: #9ca3af !important;
  --color-text: #e5e7eb !important;
  --border-secondary: #4b5563 !important;
  --input-background: #374151 !important;
  --nav-bg: #111827 !important;
  --nav-bg-menu: #111827 !important;
  --nav-text: #e5e7eb !important;
  --nav-dropdown-bg: #1f2937 !important;
  --nav-border: #4b5563 !important;
  --sb-bg: #1f2937 !important;
  --sb-bg-card: #374151 !important;
  --sb-bg-dark: #111827 !important;
  --sb-bg-black: #030712 !important;
  --sb-text: #e5e7eb !important;
  --sb-text-white: #f3f4f6 !important;
  --sb-text-muted: #9ca3af !important;
  --sb-border: #4b5563 !important;
  --content-bg: #1f2937 !important;
  --content-bg-card: #374151 !important;
  --content-sportbar-bg: #111827 !important;
  --content-sportbar-text: #9ca3af !important;
  --content-search-bg: #374151 !important;
  --content-search-text: #9ca3af !important;
  --content-filter-bg: #4b5563 !important;
  --content-filter-text: #e5e7eb !important;
  --content-border: #4b5563 !important;
  --slip-bg: #1f2937 !important;
  --slip-tab-bg: #374151 !important;
  --slip-text: #e5e7eb !important;
  --slip-input-bg: #374151 !important;
  --slip-input-border: #4b5563 !important;
  --slip-summary-bg: #4b5563 !important;
  --match-bg: #111827 !important;
  --match-row-bg: #1f2937 !important;
  --match-row-hover: #4b5563 !important;
  --match-header-bg: #374151 !important;
  --match-subheader-bg: #2d3748 !important;
  --match-border: #4b5563 !important;
  --match-odd-bg: #374151 !important;
  --match-odd-selected: #4b5563 !important;
  --match-odd-hover: #4b5563 !important;
  --match-text: #f3f4f6 !important;
  --match-text-muted: #9ca3af !important;
  --match-divider: #1f2937 !important;
  --site-header-bottom-background: #111827 !important;
}
/* ═══ My Bets + Ticket Details — force LIGHT style in dark themes ═══ */
html body app-my-bets, html body .my-bets-container { background: #cbd5e1 !important; color: #111827 !important; }
html body .my-bets-container .table-container, html body .my-bets-container .table-container .table-content, html body .my-bets-container .table-container table, html body .my-bets-container .table-container .table { background: #ffffff !important; color: #111827 !important; }
html body .my-bets-container .table-container thead, html body .my-bets-container .table-container thead.sticky { background: #fafbfc !important; }
html body .my-bets-container .table-container thead th { background: #fafbfc !important; color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important; border-bottom: 2px solid var(--color-primary) !important; }
html body .my-bets-container .table-container tbody tr { background: #ffffff !important; color: #111827 !important; border-bottom: 1px solid #f1f3f5 !important; }
html body .my-bets-container .table-container tbody tr:nth-child(even) { background: #fafbfc !important; }
html body .my-bets-container .table-container tbody tr:hover, html body .my-bets-container .table-container tbody tr:hover > td { background: #f5f7fa !important; background-color: #f5f7fa !important; background-image: none !important; box-shadow: none !important; }
html body .my-bets-container .table-container tbody td { color: #111827 !important; -webkit-text-fill-color: #111827 !important; background: transparent !important; border-color: #f1f3f5 !important; }
html body .my-bets-container .table-container .date { color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important; }
html body .my-bets-container .pagination-button-container { background: #ffffff !important; color: #111827 !important; }
html body .my-bets-container .pagination-button-container * { color: #111827 !important; -webkit-text-fill-color: #111827 !important; }
html body .my-bets-container .pagination-wrapper .previous, html body .my-bets-container .pagination-wrapper .next { background: #f5f7fa !important; color: #111827 !important; border: 1px solid #e5e7eb !important; }
html body .my-bets-container .filter-datepicker, html body .my-bets-container .filter-datepicker input, html body .my-bets-container .filter-select select, html body .my-bets-container .filter-ticketcode input, html body .my-bets-container .page-size-config select { background: #ffffff !important; color: #111827 !important; -webkit-text-fill-color: #111827 !important; border: 1px solid #d8e1ec !important; }
/* Modal — same light style with primary tint */
html body .my-bets-container .modal-content, html body app-my-bets .modal-content { background: #ffffff !important; color: #111827 !important; border: 1px solid #e5e7eb !important; }
html body .my-bets-container .modal-header, html body app-my-bets .modal-header { background: #ffffff !important; border-bottom: 1px solid #f1f3f5 !important; }
html body .my-bets-container .modal-title, html body app-my-bets .modal-title { color: #111827 !important; -webkit-text-fill-color: #111827 !important; }
html body .my-bets-container .modal-footer, html body app-my-bets .modal-footer { background: #ffffff !important; border-top: 1px solid #f1f3f5 !important; }

/* ── Profile / Account ── */
.profile-body-container { background: var(--color-secondary, #202d3b) !important; color: #ffffff !important; }
.profile-body-container * { color: #ffffff !important; }
.total-funds-container { background: var(--color-grey, color-mix(in srgb, var(--color-secondary, #202d3b) 50%, #fff)) !important; }
html body .total-funds-container, html body .total-funds-container *, html body .total-funds-container .tf-label, html body .total-funds-container .tf-value, html body .total-funds-container .tf-currency, html body .total-funds-container .tf-detailed, html body .total-funds-container i, html body .total-funds-container .fa-info-circle, html body .logout, html body .logout *, html body a.logout, html body button.logout, html body div.logout, html body div.logout i, html body div.logout .fa-sign-out-alt, html body div.logout .acc-icons { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
/* My Bets status — remove the colored dot/bullet before status text */
html body .my-bets-container .table-container tbody td.winner::before, html body .my-bets-container .table-container tbody td.loser::before, html body .my-bets-container .table-container tbody td.pending::before, html body .my-bets-container .table-container tbody td.active::before, html body .my-bets-container .table-container tbody td.canceled::before, html body .my-bets-container .table-container tbody tr > td.winner::before, html body .my-bets-container .table-container tbody tr > td.loser::before, html body .my-bets-container .table-container tbody tr > td.pending::before, html body .my-bets-container .table-container tbody tr > td.active::before, html body .my-bets-container .table-container tbody tr > td.canceled::before { display: none !important; content: none !important; }
/* My Bets table — ticket# and date in ONE row */
html body .my-bets-container .table-container tbody td:first-child, html body .my-bets-container .table-container tbody tr > td:first-child, html body app-my-bets .table-container tbody td:first-child { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; flex-wrap: nowrap !important; white-space: nowrap !important; }
html body .my-bets-container .table-container tbody td:first-child > div:first-child { display: inline-flex !important; align-items: center !important; gap: 4px !important; margin-top: 0 !important; }
html body .my-bets-container .table-container tbody td:first-child .date, html body .my-bets-container .table-container .date { display: inline-block !important; margin-top: 0 !important; white-space: nowrap !important; font-size: 14px !important; }
.total-funds-container .tf-label { color: #ffffff !important; font-weight: 600 !important; order: -1 !important; margin-top: 0 !important; padding-top: 0 !important; position: sticky !important; top: 0 !important; z-index: 6 !important; align-self: flex-start !important; }
.profile-header { background: var(--color-primary, #1565c0) !important; background-color: var(--color-primary, #1565c0) !important; background-image: none !important; }
.funds-card-wrapper { background: #fff !important; margin-top: 0 !important; padding-top: 0 !important; order: -1 !important; align-self: flex-start !important; }
.total-funds-content .card { background: #fff !important; border: 1px solid #d4d9e1 !important; border-radius: 8px !important; }
.total-funds-content .card-header { background: #f5f6f8 !important; border-bottom: 1px solid #d4d9e1 !important; }
html body .total-funds-content .card-header .value, html body .total-funds-content .card .card-header .value { color: #000 !important; -webkit-text-fill-color: #000 !important; font-weight: 700 !important; }
html body .total-funds-content .card-header .currency, html body .total-funds-content .card .card-header .currency { color: #000 !important; -webkit-text-fill-color: #000 !important; }
.total-funds-content .card-body { background: #fff !important; }
html body .total-funds-content .card .card-body .tf_details, html body .total-funds-content .tf_details { color: #000 !important; -webkit-text-fill-color: #000 !important; }
html body .total-funds-content .card .card-body .tf_details span, html body .total-funds-content .tf_details span { color: #000 !important; -webkit-text-fill-color: #000 !important; }
html body .total-funds-content .card .card-body .tf_details span.tf_detail_value, html body .total-funds-content .tf_detail_value { color: #000 !important; -webkit-text-fill-color: #000 !important; font-weight: 600 !important; }
.profile-widgets { background: #fff !important; }
.widgets-container { background: #fff !important; }
.widgets-container .widget .card { background: #fff !important; border: 1px solid #d4d9e1 !important; border-radius: 8px !important; }
.widgets-container .widget .card-body { background: #fff !important; }
.widgets-container .widget .card-options { background: #fff !important; }
.widgets-container .widget .option { color: #2c3e5a !important; background: #f5f6f8 !important; border: 1px solid #d4d9e1 !important; border-radius: 4px !important; }
.widgets-container .widget .option:hover { background: #e8ecf0 !important; }

/* ── Booking ── */
#booking { background: #141c27 !important; color: #e0e8f0 !important; }

/* ── Cashout ── */
#cashout { background: #141c27 !important; color: #e0e8f0 !important; }