/* ==========================================================================
   TEMA: BacRoyale — escuro
   Paleta: #0a0a0a, #1a1a1a, #2a2a2a (cinza escuro), #ffffff (texto), #F57101 (acento)
   ========================================================================== */

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

body {
    background: linear-gradient(180deg, #0a0a0a 0%, #111111 100%) !important;
    color: #ffffff !important;
}

html {
    background: #0a0a0a !important;
}

.background-overlay {
    background: radial-gradient(circle at 50% 50%, rgba(245, 113, 1, 0.07) 0%, transparent 50%),
                linear-gradient(180deg, #0a0a0a 0%, #111111 100%);
}

/* ===================================
   TEXTO GERAL
   =================================== */

.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: #ffffff;
}

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

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

.card, .game-card, .news-card, .stats-card {
    background: #1a1a1a !important;
    border: 1px solid #2a2a2a;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.card:hover {
    border-color: rgba(245, 113, 1, 0.45);
    box-shadow: 0 4px 16px rgba(245, 113, 1, 0.12);
}

.content-section,
.useful-links,
.ranking-ativos-section {
    background: #1a1a1a;
    border: 1px solid #2a2a2a;
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

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

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

.btn-primary {
    background: linear-gradient(135deg, #F57101, #c45d00) !important;
    border: 1px solid rgba(245, 113, 1, 0.55);
    box-shadow: 0 4px 15px rgba(245, 113, 1, 0.25);
    color: #ffffff !important;
    font-weight: 700;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #ff8520, #F57101) !important;
    box-shadow: 0 6px 22px rgba(245, 113, 1, 0.35);
    transform: translateY(-2px);
}

.btn-secondary {
    background: #222222 !important;
    border: 1px solid #2a2a2a !important;
    color: #cccccc !important;
}

.btn-secondary:hover {
    background: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #ffffff !important;
}

.btn-deposit {
    background: linear-gradient(135deg, #F57101, #c45d00) !important;
    box-shadow: 0 4px 15px rgba(245, 113, 1, 0.25);
    color: #ffffff !important;
    font-weight: 700;
}

.btn-deposit:hover {
    background: linear-gradient(135deg, #ff8520, #F57101) !important;
    box-shadow: 0 6px 22px rgba(245, 113, 1, 0.35);
}

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

.header {
    background: rgba(10, 10, 10, 0.98) !important;
    border-bottom: 1px solid rgba(245, 113, 1, 0.25) !important;
    box-shadow: 0 2px 12px rgba(245, 113, 1, 0.08) !important;
}

.dropdown-menu {
    background: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

.dropdown-item {
    color: #ffffff !important;
}

.dropdown-item:hover {
    background: rgba(245, 113, 1, 0.12) !important;
    color: #ffffff !important;
}

.dropdown-item.logout {
    border-top-color: #2a2a2a !important;
}

.dropdown-divider {
    background: #2a2a2a !important;
}

.user-avatar {
    background: linear-gradient(135deg, #F57101, #c45d00) !important;
    border: 1px solid rgba(245, 113, 1, 0.45) !important;
    box-shadow: 0 4px 15px rgba(245, 113, 1, 0.25) !important;
}

.user-avatar:hover {
    border-color: #ff8520 !important;
    box-shadow: 0 6px 20px rgba(245, 113, 1, 0.35) !important;
}

.user-avatar i {
    color: #ffffff !important;
}

.header .btn-deposit,
.header .btn-deposit i {
    color: #ffffff !important;
}

.bottom-menu {
    background: rgba(10, 10, 10, 0.98) !important;
    border-top: 1px solid #2a2a2a !important;
}

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

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

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

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

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

.badge-success, .badge-green {
    background: linear-gradient(135deg, #15803d, #22c55e);
    color: #ffffff;
}

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

input, textarea, select {
    background: #222222;
    border-color: #2a2a2a !important;
    color: #ffffff;
}

input:focus, textarea:focus, select:focus {
    border-color: #F57101 !important;
    box-shadow: 0 0 0 3px rgba(245, 113, 1, 0.15) !important;
    background: #1a1a1a;
}

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

.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: #ffffff !important;
}

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

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

.progress-bar {
    background: linear-gradient(90deg, #c45d00, #F57101);
}

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

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

.alert-success {
    background: rgba(34, 197, 94, 0.1);
    border-left: 4px solid #22c55e;
    color: #4ade80;
}

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

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

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

.tooltip {
    background: #1a1a1a;
    border: 1px solid #2a2a2a;
    color: #ffffff;
}

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

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

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

::-webkit-scrollbar-track {
    background: #111111;
}

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

.site-footer {
    background: #0a0a0a !important;
    border-top: 1px solid #2a2a2a !important;
    border-radius: 0 !important;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.35) !important;
    color: #cccccc !important;
}

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

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

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

.site-footer .age-badge {
    border-color: rgba(245, 113, 1, 0.45) !important;
    background: rgba(245, 113, 1, 0.12) !important;
    color: #ffffff !important;
}

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

@keyframes gold-glow {
    0%, 100% {
        box-shadow: 0 0 10px rgba(245, 113, 1, 0.2);
    }
    50% {
        box-shadow: 0 0 20px rgba(245, 113, 1, 0.4);
    }
}

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

@keyframes accent-glow {
    0%, 100% {
        box-shadow: 0 0 10px rgba(34, 197, 94, 0.2);
    }
    50% {
        box-shadow: 0 0 20px rgba(34, 197, 94, 0.35);
    }
}

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

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

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

.text-gradient-green {
    background: linear-gradient(135deg, #4ade80, #22c55e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ===================================
   ELEMENTOS ESPECÍFICOS
   =================================== */

.user-balance {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid #2a2a2a !important;
    color: #ffffff !important;
}

.user-balance:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #3a3a3a !important;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.35);
}

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

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

.login-logo, .header-logo {
    filter: drop-shadow(0 0 8px rgba(245, 113, 1, 0.25));
}

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

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

.border-gold {
    border-color: rgba(245, 113, 1, 0.45) !important;
}

/* ===================================
   GAME SESSION
   =================================== */

.game-session {
    background: linear-gradient(180deg, #0a0a0a 0%, #111111 100%);
}

#historyContainerMobile.history-container,
#historyContainerDesktop.history-container,
#historyContainerMobile,
#historyContainerDesktop {
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

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

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

#game-session .sinais-welcome i {
    color: #666666;
    opacity: 0.85;
}

#game-session .sinais-chat-body,
#game-session .analises-content.sinais-chat-body {
    background: #111111;
}

#game-session .sinais-message {
    border: 1px solid #2a2a2a;
    background: #1a1a1a;
    backdrop-filter: none;
}

#game-session .sinais-entry {
    background: rgba(255, 255, 255, 0.04);
    border-color: #333333;
    box-shadow: none;
}

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

#game-session .sinais-entry[data-target="A"] {
    background: rgba(255, 255, 255, 0.04);
    border-color: #333333;
}

#game-session .sinais-finalization {
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.3);
}

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

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

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

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

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

#game-session .sinais-chat-body {
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

#game-session .sinais-chat-body::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.08));
}

/* ===================================
   MODAL LOGIN
   =================================== */

body.login-page #termModal .modal-content {
    background: #1a1a1a;
    border: 1px solid #2a2a2a;
    width: min(480px, 92vw);
    max-width: 480px;
    height: auto;
    max-height: 90vh;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
}

body.login-page #termModal .modal-header {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
    border-bottom: 1px solid #2a2a2a;
}

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: #ffffff;
}

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

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

body.login-page #termModal .modal-close:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
}

body.login-page #termModal .btn-secondary {
    background: #222222 !important;
    border: 1px solid #2a2a2a !important;
    color: #cccccc !important;
}

/* ===================================
   PAINEL ADMIN — tema escuro
   =================================== */

body.admin-page {
    color: #ffffff !important;
    background: linear-gradient(180deg, #0a0a0a 0%, #111111 100%) !important;
}

.admin-container {
    color: #ffffff;
}

.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: #ffffff !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: #888888 !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: #ffffff !important;
}

.admin-container .search-box input,
.admin-container .form-group .form-input,
.admin-container .premium-date-field .form-input {
    background: #222222 !important;
    border-color: #2a2a2a !important;
}

.admin-container .search-box input:focus,
.admin-container .form-group .form-input:focus,
.admin-container .premium-date-field .form-input:focus {
    background: #1a1a1a !important;
    border-color: #F57101 !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.06) !important;
}

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

.admin-container .admin-nav-btn:not(.active) {
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

.admin-container .admin-nav-btn:not(.active):hover {
    background: #222222 !important;
    border-color: #3a3a3a !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}

.admin-container .admin-nav-btn.active {
    background: linear-gradient(135deg, #F57101, #c45d00) !important;
    border-color: #F57101 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.35) !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: #F57101 !important;
}

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

.admin-container .btn-back-dashboard {
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
    color: #ffffff !important;
}

.admin-container .btn-back-dashboard:hover {
    background: linear-gradient(135deg, #F57101, #c45d00) !important;
    border-color: #F57101 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.35) !important;
}

.admin-container .content-table-container,
.admin-container .users-table-container {
    background: #1a1a1a;
    border-color: #2a2a2a !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

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

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

.admin-container .content-table tbody tr:hover,
.admin-container .users-table tbody tr:hover {
    background: rgba(255, 255, 255, 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: #2a2a2a !important;
}

.admin-container .admin-navigation {
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.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: #1a1a1a !important;
    border-color: #2a2a2a !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.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, #F57101, #c45d00) !important;
}

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

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

.admin-container .pagination-btn:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: #3a3a3a !important;
    color: #ffffff !important;
}

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

.admin-container .modal-content,
body.admin-page .modal-content {
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
}

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

.admin-container .user-info,
.admin-container .permission-item,
body.admin-page .user-info,
body.admin-page .permission-item {
    background: #222222 !important;
    border-color: #2a2a2a !important;
}

.admin-container .file-input-label,
body.admin-page .file-input-label {
    background: #222222 !important;
    border-color: #2a2a2a !important;
}

.admin-container .file-input-label:hover,
body.admin-page .file-input-label:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: #3a3a3a !important;
}

.admin-container .file-input-name,
body.admin-page .file-input-name {
    background: #222222 !important;
    border-color: #2a2a2a !important;
}

.admin-container .modal-close,
body.admin-page .modal-close {
    color: #888888 !important;
}

.admin-container .modal-close:hover,
body.admin-page .modal-close:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

.admin-container .toggle-label,
body.admin-page .toggle-label {
    background: #333333 !important;
    border-color: #444444 !important;
}

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

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

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

.admin-container code {
    background: rgba(255, 255, 255, 0.06);
    color: #cccccc;
    padding: 2px 6px;
    border-radius: 4px;
}

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: #ffffff !important;
}

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

body.admin-page .form-group .form-input,
body.admin-page .premium-date-field .form-input {
    background: #222222 !important;
    border-color: #2a2a2a !important;
    color: #ffffff !important;
}

/* Destaques de seção */
.section-title,
.content-section h2,
.useful-links h2,
.sidebar-right h3,
.inicio-section-new h2 {
    color: #ffffff !important;
}

.section-title i,
.content-section h2 i,
.useful-links h2 i {
    color: #F57101 !important;
}

.section-subtitle strong,
.carousel-text-card__cta,
.game-text-card__badge {
    color: #F57101 !important;
}

body.admin-page .form-group .form-input:focus,
body.admin-page .premium-date-field .form-input:focus {
    background: #1a1a1a !important;
    border-color: #F57101 !important;
    box-shadow: 0 0 0 3px rgba(245, 113, 1, 0.15) !important;
}

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

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

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

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

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

/* ===================================
   CORREÇÕES TEMA ESCURO — elementos que ainda herdavam tema claro
   =================================== */

.game-status {
    background: rgba(26, 26, 26, 0.96) !important;
    border: 1px solid #2a2a2a !important;
    color: #ffffff !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

.game-status,
.game-status * {
    color: #ffffff !important;
}

#game-session .sinais-strategy-toolbar {
    background: #222222 !important;
    border-bottom-color: #2a2a2a !important;
}

#game-session .sinais-strategy-toolbar__label {
    color: #888888 !important;
}

#game-session .sinais-segmented {
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

#game-session .sinais-segmented__btn {
    color: #888888 !important;
}

#game-session .sinais-segmented__btn:hover:not(.is-active) {
    color: #ffffff !important;
    background: rgba(245, 113, 1, 0.12) !important;
}

#game-session #sinaisCardDesktop.analises-container,
#game-session #sinaisCardMobile.analises-container,
.analises-container {
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

.game-session-header {
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

.game-session-header h2 {
    color: #ffffff !important;
}

.analise-item,
.strategy-item,
.stat-item,
.bacbo-result {
    background: #222222 !important;
    border-color: #2a2a2a !important;
    color: #cccccc !important;
}

#depositModal .modal-content.deposit-modal-content,
#depositModal .deposit-modal-body {
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

.bacbo-color-mode-selector label,
#game-session .bacbo-color-mode-selector label,
#game-session label[for="bacbo-padroes-desktop"],
#game-session label[for="bacbo-padroes-mobile"] {
    color: #ffffff !important;
}

#game-session #bacbo-padroes-desktop,
#game-session #bacbo-padroes-mobile,
#game-session .bacbo-padroes-select {
    background-color: #222222 !important;
    color: #ffffff !important;
    border-color: rgba(245, 113, 1, 0.35) !important;
}