/* ==========================================================================
   TEMA: BacRoyale — alinhado ao bacbo-autobet 3.0.4
   Paleta: #ffffff, #f4f7fb, #e11d48 (azul), #E01519 (vermelho)
   ========================================================================== */

/* ===================================
   FUNDOS E BACKGROUNDS
   =================================== */

body {
    background: linear-gradient(180deg, #121212 0%, #0d0d0f 100%) !important;
    color: #f8fafc !important;
}

html {
    background: linear-gradient(180deg, #121212 0%, #0d0d0f 100%) !important;
}

.background-overlay {
    background: radial-gradient(circle at 50% 50%, rgba(225, 29, 72, 0.06) 0%, transparent 50%),
                linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%);
}

/* ===================================
   TEXTO GERAL (tema claro)
   =================================== */

.section,
.card,
.game-card,
.news-card,
.stats-card,
.dashboard-container,
.main-content-wrapper,
.menu-item,
h1, h2, h3, h4, h5, h6,
p,
.section-title,
.section-subtitle {
    color: #f8fafc;
}

.text-muted,
.section-description {
    color: #EEEEF0!important;
}

/* ===================================
   CARDS E CONTAINERS
   =================================== */

.card, .game-card:not(.game-card--media), .news-card, .stats-card {
    background: #121212 !important;
    border: 1px solid #e3e8ef;
    box-shadow: 0 2px 10px rgba(16, 32, 46, 0.06);
}

.card:hover {
    border-color: rgba(225, 29, 72, 0.35);
    box-shadow: 0 4px 16px rgba(225, 29, 72, 0.12);
}

/* ===================================
   BOTÕES
   =================================== */

.btn-primary {
    background: linear-gradient(135deg, #e11d48, #991b1b) !important;
    border: none;
    box-shadow: 0 4px 15px rgba(225, 29, 72, 0.28);
    color: #ffffff !important;
    font-weight: 700;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #fb7185, #e11d48) !important;
    box-shadow: 0 6px 22px rgba(225, 29, 72, 0.4);
    transform: translateY(-2px);
}

.btn-secondary {
    background: rgba(225, 29, 72, 0.08) !important;
    border: 1px solid #e3e8ef !important;
    color: #e11d48 !important;
    box-shadow: none;
}

.btn-secondary:hover {
    background: rgba(225, 29, 72, 0.15) !important;
    border-color: #e11d48 !important;
    box-shadow: 0 0 10px rgba(225, 29, 72, 0.18);
}

/* ===================================
   HEADER E NAVEGAÇÃO
   =================================== */

.header {
    background: rgba(255, 255, 255, 0.96) !important;
    border-bottom: 1px solid #e3e8ef !important;
    backdrop-filter: blur(20px);
    box-shadow: 0 2px 8px rgba(16, 32, 46, 0.05);
    color: #f8fafc;
}

.header .menu-item,
.header .user-balance,
.header .balance-toggle {
    color: #f8fafc !important;
}

.menu-item.active {
    background: rgba(225, 29, 72, 0.08);
    border-left: 3px solid #e11d48;
    color: #e11d48 !important;
}

.menu-item:hover {
    background: rgba(225, 29, 72, 0.05);
}

/* ===================================
   BADGES E LABELS
   =================================== */

.badge-premium, .badge-gold {
    background: linear-gradient(135deg, #e11d48, #991b1b);
    color: #ffffff;
    font-weight: 700;
}

.badge-success, .badge-green {
    background: linear-gradient(135deg, #e11d48, #991b1b);
    color: #ffffff;
}

/* ===================================
   INPUTS E FORMS
   =================================== */

input, textarea, select {
    background: #18181b;
    border-color: #e3e8ef !important;
    color: #f8fafc;
}

input:focus, textarea:focus, select:focus {
    border-color: #e11d48 !important;
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.12) !important;
    background: #121212;
}

.form-input:focus {
    border-color: #e11d48;
}

/* ===================================
   PROGRESS BARS E LOADERS
   =================================== */

.progress-bar {
    background: linear-gradient(90deg, #991b1b, #e11d48);
}

.loading-spinner i {
    color: #e11d48;
}

/* ===================================
   NOTIFICAÇÕES E ALERTAS
   =================================== */

.alert-success {
    background: rgba(225, 29, 72, 0.06);
    border-left: 4px solid #e11d48;
    color: #991b1b;
}

.alert-warning {
    background: rgba(214, 158, 46, 0.08);
    border-left: 4px solid #d69e2e;
    color: #b07d10;
}

.alert-error {
    background: rgba(224, 21, 25, 0.08);
    border-left: 4px solid #E01519;
    color: #E01519;
}

/* ===================================
   TOOLTIPS E POPOVERS
   =================================== */

.tooltip {
    background: #121212;
    border: 1px solid #e3e8ef;
    color: #f8fafc;
}

/* ===================================
   SCROLLBARS
   =================================== */

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #e11d48, #991b1b);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #fb7185, #e11d48);
}

::-webkit-scrollbar-track {
    background: #0d0d0f;
}

/* ===================================
   FOOTER
   =================================== */

.site-footer {
    background: #121212 !important;
    border-top: 1px solid #e3e8ef !important;
    border-radius: 0 !important;
    box-shadow: 0 -2px 12px rgba(16, 32, 46, 0.04) !important;
    color: #d4d4d8 !important;
}

.site-footer p,
.site-footer .footer-text p.text-justify {
    color: #f8fafc !important;
}

.site-footer .footer-text p.text-justify strong,
.site-footer .footer-text p.text-justify b {
    color: #f8fafc !important;
}

.site-footer .responsible-gaming-link,
.site-footer .responsible-text {
    color: #f8fafc !important;
}

.site-footer .age-badge {
    border-color: #e11d48 !important;
    background: rgba(225, 29, 72, 0.08) !important;
    color: #e11d48 !important;
}

/* ===================================
   DESTAQUE E ANIMAÇÕES
   =================================== */

@keyframes gold-glow {
    0%, 100% {
        box-shadow: 0 0 10px rgba(225, 29, 72, 0.25);
    }
    50% {
        box-shadow: 0 0 20px rgba(225, 29, 72, 0.45);
    }
}

.glow-gold {
    animation: gold-glow 2s ease-in-out infinite;
}

@keyframes accent-glow {
    0%, 100% {
        box-shadow: 0 0 10px rgba(225, 29, 72, 0.2);
    }
    50% {
        box-shadow: 0 0 20px rgba(225, 29, 72, 0.4);
    }
}

.glow-green {
    animation: accent-glow 2s ease-in-out infinite;
}

/* ===================================
   GRADIENTES DE TEXTO
   =================================== */

.text-gradient-gold {
    background: linear-gradient(135deg, #e11d48, #E01519);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
}

.text-gradient-green {
    background: linear-gradient(135deg, #fb7185, #e11d48);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ===================================
   AJUSTES ESPECÍFICOS
   =================================== */

.btn-deposit {
    background: linear-gradient(135deg, #e11d48, #991b1b) !important;
    box-shadow: 0 4px 15px rgba(225, 29, 72, 0.3);
    color: #ffffff !important;
    font-weight: 700;
}

.btn-deposit:hover {
    background: linear-gradient(135deg, #fb7185, #e11d48) !important;
    box-shadow: 0 6px 22px rgba(225, 29, 72, 0.45);
}

.user-balance {
    background: rgba(225, 29, 72, 0.06) !important;
    border: 1px solid rgba(225, 29, 72, 0.25) !important;
    color: #e11d48 !important;
}

.user-balance:hover {
    background: rgba(225, 29, 72, 0.1) !important;
    border-color: rgba(225, 29, 72, 0.4) !important;
    box-shadow: 0 0 12px rgba(225, 29, 72, 0.15);
}

.balance-toggle {
    color: #e11d48 !important;
}

.balance-toggle:hover {
    color: #991b1b !important;
}

.login-logo, .header-logo {
    filter: drop-shadow(0 0 6px rgba(225, 29, 72, 0.25));
}

.bottom-menu-item.active {
    color: #e11d48 !important;
}

.bottom-menu-item.active i {
    color: #e11d48 !important;
}

i.fa-star, i.fa-crown, i.fa-trophy, i.fa-coins {
    color: #e11d48 !important;
}

.text-gold, .gold-text {
    color: #e11d48 !important;
}

.border-gold {
    border-color: rgba(225, 29, 72, 0.35) !important;
}

/* ===================================
   CORREÇÕES GLOBAIS — texto em fundo claro
   (legado usava --text-light = branco)
   =================================== */

.form-label,
.card-subtitle,
.stats-header h3,
.stats-header h4,
.game-session-header h2,
.bacbo-header h2,
.section-title,
.section-subtitle,
.analises-header h4,
.suggestions-header h4,
.history-header h3 {
    color: #f8fafc !important;
}

#historyContainerMobile .history-header h3,
#historyContainerDesktop .history-header h3 {
    color: #ffffff !important;
}

.user-balance,
.user-balance i,
.balance-toggle {
    color: #e11d48 !important;
}

.card-subtitle,
.text-muted,
.game-description {
    color: #d4d4d8 !important;
}

/* Seções com fundo levemente diferenciado (não tudo branco puro) */
.section {
    background: transparent;
}

.inicio-section-new {
    background: linear-gradient(180deg, #0d0d0f 0%, #101013 100%);
}

.content-section {
    background: #121212;
    border: 1px solid #e3e8ef;
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 2px 12px rgba(16, 32, 46, 0.06);
}

.useful-links {
    background: #121212;
    border: 1px solid #e3e8ef;
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 2px 12px rgba(16, 32, 46, 0.06);
}

.ranking-ativos-section {
    background: #121212;
    border: 1px solid #e3e8ef;
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 2px 12px rgba(16, 32, 46, 0.06);
}

/* Game session — fundo e layout */
.game-session {
    background: linear-gradient(180deg, #0d0d0f 0%, #101013 100%);
}

#game-session .history-container,
.game-session .history-container {
    box-shadow: 0 2px 12px rgba(16, 32, 46, 0.12);
}

#historyContainerMobile.history-container,
#historyContainerDesktop.history-container,
#historyContainerMobile,
#historyContainerDesktop {
    background: #EEEEF0!important;
    border-color: #6a7585 !important;
}

#game-session .sinais-welcome {
    color: #a1a1aa;
}

#game-session .sinais-welcome i {
    color: #e11d48;
    opacity: 0.65;
}

#game-session .sinais-message {
    border: 1px solid #e3e8ef;
    background: #151518;
    backdrop-filter: none;
}

#game-session .sinais-entry {
    background: rgba(225, 29, 72, 0.06);
    border-color: rgba(225, 29, 72, 0.22);
    box-shadow: none;
}

#game-session .sinais-entry[data-target="V"] {
    background: rgba(224, 21, 25, 0.06);
    border-color: rgba(224, 21, 25, 0.22);
}

#game-session .sinais-entry[data-target="A"] {
    background: rgba(225, 29, 72, 0.06);
    border-color: rgba(225, 29, 72, 0.22);
}

#game-session .sinais-finalization {
    background: rgba(16, 185, 129, 0.08);
    border-color: rgba(16, 185, 129, 0.22);
}

#game-session .sinais-gale {
    background: rgba(214, 158, 46, 0.08);
    border-color: rgba(214, 158, 46, 0.28);
}

#game-session .sinais-loss {
    background: rgba(224, 21, 25, 0.08);
    border-color: rgba(224, 21, 25, 0.25);
}

#game-session .sinais-msg-title--entry,
#game-session .sinais-msg-signal-line,
#game-session .sinais-msg-meta,
#game-session .sinais-msg-body {
    color: #f8fafc;
}

#game-session .sinais-msg-signal-line {
    color: #d4d4d8;
}

#game-session .sinais-msg-header--entry {
    border-bottom-color: #e3e8ef;
}

#game-session .sinais-chat-body {
    scrollbar-color: rgba(225, 29, 72, 0.35) transparent;
}

#game-session .sinais-chat-body::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(225, 29, 72, 0.45), rgba(225, 29, 72, 0.15));
}

/* Modal termo de responsabilidade (login) */
body.login-page #termModal .modal-content {
    background: #121212;
    border: 1px solid #e3e8ef;
    width: min(480px, 92vw);
    max-width: 480px;
    height: auto;
    max-height: 90vh;
    box-shadow: 0 12px 40px rgba(16, 32, 46, 0.18);
}

body.login-page #termModal .modal-header {
    background: linear-gradient(135deg, rgba(225, 29, 72, 0.08), rgba(224, 21, 25, 0.04));
    border-bottom: 1px solid #e3e8ef;
}

body.login-page #termModal .modal-header h3,
body.login-page #termModal .redirect-info h4,
body.login-page #termModal .redirect-info p,
body.login-page #termModal .redirect-icon {
    color: #f8fafc;
}

body.login-page #termModal .redirect-icon {
    color: #e11d48;
}

body.login-page #termModal .modal-close {
    color: #d4d4d8;
}

body.login-page #termModal .modal-close:hover {
    background: rgba(225, 29, 72, 0.08);
    color: #e11d48;
}

body.login-page #termModal .btn-secondary {
    background: #18181b !important;
    border: 1px solid #e3e8ef !important;
    color: #d4d4d8 !important;
}

/* ===================================
   PAINEL ADMIN — tema claro (contraste)
   admin.css usa --text-light (#fff) herdado do tema escuro
   =================================== */

.admin-container {
    color: #f8fafc;
}

.admin-container .admin-title,
.admin-container .admin-subtitle,
.admin-container .section-header h2,
.admin-container .users-header h2,
.admin-container .chart-header h3,
.admin-container .charts-row .chart-header h3,
.admin-container .stat-number,
.admin-container .dashboard-stats .stat-info h3,
.admin-container .current-banner-section h3,
.admin-container .banner-info-card .info-content h4,
.admin-container .empty-state h3,
.admin-container .banner-preview label,
.admin-container .modal-header h3,
.admin-container .user-info h4,
.admin-container .permissions-section h4,
.admin-container .permission-title,
.admin-container .form-group label,
.admin-container .content-table th,
.admin-container .users-table th,
.admin-container .info-row span:last-child,
.admin-container #editAssinaturaModal .info-row span:last-child {
    color: #f8fafc !important;
}

.admin-container .admin-subtitle,
.admin-container .stat-label,
.admin-container .dashboard-stats .stat-info p,
.admin-container .content-table td,
.admin-container .users-table td,
.admin-container .banner-info-card .info-content ul li,
.admin-container .banner-details p,
.admin-container .empty-state p,
.admin-container .info-label,
.admin-container .permission-desc,
.admin-container .file-input-name,
.admin-container .form-help {
    color: #d4d4d8 !important;
}

.admin-container .admin-nav-btn:not(.active),
.admin-container .btn-back-dashboard,
.admin-container .search-box input,
.admin-container .btn-refresh,
.admin-container .action-btn,
.admin-container .pagination-btn:not(.active),
.admin-container .form-group .form-input,
.admin-container .file-input-label,
.admin-container .premium-date-field .form-input,
.admin-container .banner-topo-dia-lbl {
    color: #f8fafc !important;
}

.admin-container .search-box input,
.admin-container .form-group .form-input,
.admin-container .premium-date-field .form-input {
    background: #18181b !important;
    border-color: #e3e8ef !important;
}

.admin-container .search-box input:focus,
.admin-container .form-group .form-input:focus,
.admin-container .premium-date-field .form-input:focus {
    background: #121212 !important;
    border-color: #e11d48 !important;
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.12) !important;
}

.admin-container .search-box input::placeholder,
.admin-container .form-group .form-input::placeholder {
    color: #EEEEF0!important;
}

.admin-container .admin-nav-btn:not(.active) {
    background: #121212 !important;
    border-color: #e3e8ef !important;
}

.admin-container .admin-nav-btn:not(.active):hover {
    background: rgba(225, 29, 72, 0.06) !important;
    border-color: rgba(225, 29, 72, 0.35) !important;
    color: #e11d48 !important;
    box-shadow: 0 4px 12px rgba(225, 29, 72, 0.12) !important;
}

.admin-container .admin-nav-btn.active {
    background: linear-gradient(135deg, #e11d48, #991b1b) !important;
    border-color: #e11d48 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(225, 29, 72, 0.28) !important;
}

.admin-container .admin-nav-btn.active i,
.admin-container .section-header h2 i,
.admin-container .admin-title i,
.admin-container .users-header h2 i,
.admin-container .chart-header i,
.admin-container .charts-row .chart-header i,
.admin-container .current-banner-section h3 i,
.admin-container .modal-header i {
    color: #e11d48 !important;
}

.admin-container .admin-nav-btn.active i {
    color: #ffffff !important;
}

.admin-container .btn-back-dashboard {
    background: #121212 !important;
    border-color: #e3e8ef !important;
    color: #e11d48 !important;
}

.admin-container .btn-back-dashboard:hover {
    background: linear-gradient(135deg, #e11d48, #991b1b) !important;
    border-color: #e11d48 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(225, 29, 72, 0.28) !important;
}

.admin-container .content-table-container,
.admin-container .users-table-container {
    background: #121212;
    border-color: #e3e8ef !important;
    box-shadow: 0 2px 10px rgba(16, 32, 46, 0.06);
}

.admin-container .content-table,
.admin-container .users-table {
    background: #121212 !important;
}

.admin-container .content-table thead,
.admin-container .users-table thead {
    background: #0d0d0f !important;
}

.admin-container .content-table tbody tr:hover,
.admin-container .users-table tbody tr:hover {
    background: rgba(225, 29, 72, 0.04) !important;
}

.admin-container .content-table th,
.admin-container .content-table td,
.admin-container .users-table th,
.admin-container .users-table td {
    border-bottom-color: #e3e8ef !important;
}

.admin-container .admin-navigation {
    background: #121212 !important;
    border-color: #e3e8ef !important;
    box-shadow: 0 2px 10px rgba(16, 32, 46, 0.06);
}

.admin-container .stat-card,
.admin-container .chart-container,
.admin-container .dashboard-stats .stat-card,
.admin-container .charts-row .chart-container,
.admin-container .banner-info-card,
.admin-container .banner-preview-card,
.admin-container .empty-state {
    background: #121212 !important;
    border-color: #e3e8ef !important;
    box-shadow: 0 2px 10px rgba(16, 32, 46, 0.06);
}

.admin-container .stat-card::before,
.admin-container .chart-container::before,
.admin-container .dashboard-stats .stat-card::before,
.admin-container .charts-row .chart-container::before {
    background: linear-gradient(90deg, #e11d48, #991b1b) !important;
}

.admin-container .stat-icon {
    background: linear-gradient(135deg, #e11d48, #991b1b) !important;
    color: #ffffff !important;
}

.admin-container .action-btn:hover {
    background: #e11d48 !important;
    border-color: #e11d48 !important;
    color: #ffffff !important;
}

.admin-container .pagination-btn:hover {
    background: rgba(225, 29, 72, 0.08) !important;
    border-color: rgba(225, 29, 72, 0.35) !important;
    color: #e11d48 !important;
}

.admin-container .pagination-btn.active {
    background: linear-gradient(135deg, #e11d48, #991b1b) !important;
    border-color: #e11d48 !important;
    color: #ffffff !important;
}

.admin-container .modal-content {
    background: #121212 !important;
    border-color: #e3e8ef !important;
    box-shadow: 0 12px 40px rgba(16, 32, 46, 0.18);
}

.admin-container .modal-header,
.admin-container .modal-footer {
    border-color: #e3e8ef !important;
}

.admin-container .user-info,
.admin-container .permission-item {
    background: #151518 !important;
    border-color: #e3e8ef !important;
}

.admin-container .file-input-label {
    background: #151518 !important;
    border-color: #e3e8ef !important;
}

.admin-container .file-input-label:hover {
    background: rgba(225, 29, 72, 0.06) !important;
    border-color: rgba(225, 29, 72, 0.35) !important;
}

.admin-container .file-input-name {
    background: #18181b !important;
    border-color: #e3e8ef !important;
}

.admin-container .modal-close {
    color: #EEEEF0!important;
}

.admin-container .modal-close:hover {
    color: #e11d48 !important;
    background: rgba(225, 29, 72, 0.08) !important;
}

.admin-container .toggle-label {
    background: #e3e8ef !important;
    border-color: #cbd5e1 !important;
}

.admin-container .toggle-switch input[type="checkbox"]:checked + .toggle-label {
    background: #e11d48 !important;
    border-color: #e11d48 !important;
}

.admin-container .banner-info-card .info-content ul li::before {
    color: #e11d48 !important;
}

.admin-container .banner-details a {
    color: #e11d48 !important;
}

.admin-container code {
    background: rgba(225, 29, 72, 0.08);
    color: #991b1b;
    padding: 2px 6px;
    border-radius: 4px;
}

/* Modais e overlays do admin (fora de .admin-container) */
body.admin-page .modal-content {
    background: #121212 !important;
    border-color: #e3e8ef !important;
    box-shadow: 0 12px 40px rgba(16, 32, 46, 0.18);
}

body.admin-page .modal-header,
body.admin-page .modal-footer {
    border-color: #e3e8ef !important;
}

body.admin-page .modal-header h3,
body.admin-page .user-info h4,
body.admin-page .permissions-section h4,
body.admin-page .permission-title,
body.admin-page .form-group label,
body.admin-page .info-row span:last-child,
body.admin-page #editAssinaturaModal .info-row span:last-child,
body.admin-page .banner-preview label {
    color: #f8fafc !important;
}

body.admin-page .info-label,
body.admin-page .permission-desc,
body.admin-page .form-help,
body.admin-page .file-input-name {
    color: #d4d4d8 !important;
}

body.admin-page .form-group .form-input,
body.admin-page .premium-date-field .form-input {
    background: #18181b !important;
    border-color: #e3e8ef !important;
    color: #f8fafc !important;
}

body.admin-page .form-group .form-input:focus,
body.admin-page .premium-date-field .form-input:focus {
    background: #121212 !important;
    border-color: #e11d48 !important;
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.12) !important;
}

body.admin-page .form-group .form-input::placeholder {
    color: #EEEEF0!important;
}

body.admin-page .user-info,
body.admin-page .permission-item {
    background: #151518 !important;
    border-color: #e3e8ef !important;
}

body.admin-page .file-input-label {
    background: #151518 !important;
    border-color: #e3e8ef !important;
    color: #f8fafc !important;
}

body.admin-page .file-input-label:hover {
    background: rgba(225, 29, 72, 0.06) !important;
    border-color: rgba(225, 29, 72, 0.35) !important;
}

body.admin-page .file-input-name {
    background: #18181b !important;
    border-color: #e3e8ef !important;
}

body.admin-page .modal-header i {
    color: #e11d48 !important;
}

body.admin-page .modal-close {
    color: #EEEEF0!important;
}

body.admin-page .modal-close:hover {
    color: #e11d48 !important;
    background: rgba(225, 29, 72, 0.08) !important;
}

body.admin-page .toggle-label {
    background: #e3e8ef !important;
    border-color: #cbd5e1 !important;
}

body.admin-page .toggle-switch input[type="checkbox"]:checked + .toggle-label {
    background: #e11d48 !important;
    border-color: #e11d48 !important;
}

body.admin-page .banner-topo-dia-lbl {
    color: #f8fafc !important;
}

body.admin-page .loading-spinner {
    color: #ffffff !important;
}

body.admin-page .loading-spinner i {
    color: #e11d48 !important;
}

/* Reforço final — body admin sempre legível */
body.admin-page {
    color: #f8fafc !important;
}

/* ==========================================================================
   TEMA ESCURO ESPORTIVA — preto / grafite com destaques vermelhos
   Resultados individuais do histórico (.history-number e .legend-color)
   ficam intencionalmente fora destas regras para preservar suas cores.
   ========================================================================== */

:root {
    --primary-gold: #e11d48;
    --secondary-gold: #991b1b;
    --dark-gold: #7f1d1d;
    --accent-green: #e11d48;
    --accent-blue: #e11d48;
    --game-board-blue: #e11d48;
    --primary-dark: #080808;
    --background-dark: #080808;
    --secondary-dark: #111111;
    --tertiary-dark: #191919;
    --quaternary-dark: #202024;
    --card-dark: #121212;
    --backdrop-blur: rgba(8, 8, 8, 0.92);
    --text-light: #f8fafc;
    --text-gray: #a1a1aa;
    --border-gold: rgba(225, 29, 72, 0.38);
    --border-gold-strong: rgba(244, 63, 94, 0.72);
    --shadow-gold: rgba(225, 29, 72, 0.28);
    --bg-main: #080808;
    --bg-card: #121212;
    --bg-card-alt: #18181b;
    --bg-highlight-gradient: linear-gradient(135deg, #e11d48, #991b1b);
    --text-heading: #f8fafc;
    --text-body: #d4d4d8;
    --text-muted: #a1a1aa;
    --border-subtle: #303035;
    --shadow-card: 0 12px 32px rgba(0, 0, 0, 0.42);
}

html,
body,
body.admin-page {
    background: radial-gradient(circle at 50% -25%, #351018 0%, #080808 42%, #030303 100%) !important;
    color: #f8fafc !important;
}

.background-overlay,
.inicio-section-new,
.game-session {
    background: radial-gradient(circle at 50% 0%, rgba(225, 29, 72, 0.14), transparent 38%),
        linear-gradient(180deg, #0c0c0d 0%, #050505 100%) !important;
}

body.login-page {
    color: #f8fafc !important;
}

.login-backdrop {
    background:
        radial-gradient(ellipse 130% 90% at 8% 12%, rgba(225, 29, 72, 0.18), transparent 52%),
        radial-gradient(ellipse 100% 80% at 92% 8%, rgba(127, 29, 29, 0.16), transparent 48%),
        linear-gradient(180deg, #111113 0%, #050505 100%) !important;
}

/* Superfícies gerais */
.header,
.site-footer,
.card,
.game-card:not(.game-card--media),
.news-card,
.stats-card,
.content-section,
.useful-links,
.ranking-ativos-section,
.dropdown-menu,
.modal-content,
.login-card,
.login-hero,
.login-features,
.admin-container .admin-navigation,
.admin-container .content-table-container,
.admin-container .users-table-container,
.admin-container .stat-card,
.admin-container .chart-container,
.admin-container .banner-info-card,
.admin-container .banner-preview-card,
.admin-container .empty-state,
body.admin-page .modal-content {
    background: #121212 !important;
    color: #f8fafc !important;
    border-color: #303035 !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

/* Cards com capa de jogo: imagem nítida, sem fundo/texto escurecendo */
.game-card.game-card--media {
    background: transparent !important;
    color: inherit !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

body.admin-page .admin-container {
    background: linear-gradient(180deg, #0d0d0f 0%, #050505 100%) !important;
}

.header {
    background: rgba(8, 8, 8, 0.94) !important;
    border-bottom-color: rgba(225, 29, 72, 0.35) !important;
}

/* Tipografia e texto secundário */
.section,
.card,
.game-card,
.news-card,
.stats-card,
.dashboard-container,
.main-content-wrapper,
.menu-item,
h1, h2, h3, h4, h5, h6,
p,
.section-title,
.section-subtitle,
.form-label,
.card-subtitle,
.game-description,
.admin-container,
.admin-container .admin-title,
.admin-container .section-header h2,
.admin-container .users-header h2,
.admin-container .chart-header h3,
.admin-container .stat-number,
.admin-container .content-table th,
.admin-container .users-table th,
body.admin-page .modal-header h3,
body.admin-page .form-group label {
    color: #f8fafc !important;
}

.text-muted,
.section-description,
.card-subtitle,
.game-description,
.admin-container .admin-subtitle,
.admin-container .stat-label,
.admin-container .content-table td,
.admin-container .users-table td,
.admin-container .form-help,
body.admin-page .info-label,
body.admin-page .permission-desc {
    color: #a1a1aa !important;
}

/* Controles e navegação */
input,
textarea,
select,
.form-input,
.color-filter-select,
.admin-container .search-box input,
.admin-container .form-group .form-input,
.admin-container .premium-date-field .form-input,
body.admin-page .form-group .form-input,
body.admin-page .premium-date-field .form-input {
    background: #18181b !important;
    color: #f8fafc !important;
    border-color: #3f3f46 !important;
}

input:focus,
textarea:focus,
select:focus,
.form-input:focus,
.admin-container .form-group .form-input:focus,
body.admin-page .form-group .form-input:focus {
    background: #202024 !important;
    border-color: #f43f5e !important;
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.22) !important;
}

.menu-item,
.header .menu-item,
.header .user-balance,
.header .balance-toggle,
.bottom-menu-item {
    color: #e4e4e7 !important;
}

.menu-item.active,
.bottom-menu-item.active,
.bottom-menu-item.active i {
    background: rgba(225, 29, 72, 0.14) !important;
    border-color: #e11d48 !important;
    color: #fb7185 !important;
}

.menu-item:hover,
.admin-container .admin-nav-btn:not(.active):hover {
    background: rgba(225, 29, 72, 0.10) !important;
    color: #fda4af !important;
}

/* Ações principais */
.btn-primary,
.btn-deposit,
.badge-premium,
.badge-gold,
.badge-success,
.badge-green,
.admin-container .admin-nav-btn.active,
.admin-container .pagination-btn.active,
.admin-container .stat-icon {
    background: linear-gradient(135deg, #e11d48, #991b1b) !important;
    border-color: #e11d48 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(225, 29, 72, 0.30) !important;
}

.btn-primary:hover,
.btn-deposit:hover,
.admin-container .admin-nav-btn.active:hover {
    background: linear-gradient(135deg, #fb7185, #be123c) !important;
}

.btn-secondary,
.user-balance,
.admin-container .admin-nav-btn:not(.active),
.admin-container .btn-back-dashboard,
.admin-container .action-btn,
.admin-container .pagination-btn:not(.active) {
    background: #19191c !important;
    border-color: #4a252c !important;
    color: #fda4af !important;
}

.user-balance:hover,
.btn-secondary:hover,
.admin-container .btn-back-dashboard:hover,
.admin-container .action-btn:hover {
    background: rgba(225, 29, 72, 0.16) !important;
    border-color: #e11d48 !important;
    color: #ffffff !important;
}

.text-gold,
.gold-text,
.balance-toggle,
i.fa-star, i.fa-crown, i.fa-trophy, i.fa-coins,
.loading-spinner i,
.admin-container .section-header h2 i,
.admin-container .chart-header i,
body.admin-page .modal-header i {
    color: #fb7185 !important;
}

/* Tabelas, administração e modais */
.admin-container .content-table,
.admin-container .users-table,
.admin-container .content-table thead,
.admin-container .users-table thead,
.admin-container .user-info,
.admin-container .permission-item,
.admin-container .file-input-label,
.admin-container .file-input-name,
body.admin-page .user-info,
body.admin-page .permission-item,
body.admin-page .file-input-label,
body.admin-page .file-input-name {
    background: #18181b !important;
    color: #f8fafc !important;
    border-color: #303035 !important;
}

.admin-container .content-table tbody tr:hover,
.admin-container .users-table tbody tr:hover {
    background: rgba(225, 29, 72, 0.08) !important;
}

/* Apenas a moldura e os filtros do histórico recebem o tema.
   As cores de cada resultado permanecem definidas em history.css. */
.history-container,
#historyContainerMobile.history-container,
#historyContainerDesktop.history-container,
.history-filter,
.history-header,
.history-toolbar,
.history-empty,
.history-loading {
    background: #111113 !important;
    border-color: #3f3f46 !important;
    color: #f8fafc !important;
}

.history-header,
.history-toolbar {
    background: linear-gradient(135deg, rgba(225, 29, 72, 0.16), rgba(0, 0, 0, 0.1)) !important;
}

.history-header h3,
.history-filter label,
.history-empty,
.history-loading {
    color: #f8fafc !important;
}

/* Painéis internos da sessão de jogo — sobrescreve o tema claro legado
   de history.css, preservando as cores individuais dos resultados. */
#game-session #historyContainerMobile .history-header,
#game-session #historyContainerDesktop .history-header {
    background: linear-gradient(135deg, rgba(225, 29, 72, 0.16), rgba(0, 0, 0, 0.18)) !important;
    border-bottom-color: #3f3f46 !important;
}

#game-session #historyContainerMobile .history-header h3,
#game-session #historyContainerDesktop .history-header h3,
#game-session #historyContainerMobile .history-header h3 i,
#game-session #historyContainerDesktop .history-header h3 i,
#game-session #historyContainerMobile .config-field label,
#game-session #historyContainerDesktop .config-field label,
#game-session #historyContainerMobile .analises-header h4,
#game-session #historyContainerDesktop .analises-header h4 {
    color: #f8fafc !important;
}

#game-session #historyContainerMobile .config-fields-container,
#game-session #historyContainerDesktop .config-fields-container,
#game-session #historyContainerMobile .analises-container,
#game-session #historyContainerDesktop .analises-container {
    background: #151518 !important;
    border-color: #303035 !important;
    box-shadow: none !important;
}

#game-session #historyContainerMobile .config-input,
#game-session #historyContainerDesktop .config-input,
#game-session #historyContainerMobile select.config-input,
#game-session #historyContainerDesktop select.config-input {
    background: #0d0d0f !important;
    color: #f8fafc !important;
    border-color: #3f3f46 !important;
}

#game-session #historyGridMobile.history-grid,
#game-session #historyGridDesktop.history-grid,
#game-session #colorLegendMobile.color-legend,
#game-session #colorLegendDesktop.color-legend {
    background: transparent !important;
}

::-webkit-scrollbar-track {
    background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #e11d48, #991b1b);
}