:root {
--color-primary: #10b981;
--color-primary-dark: #059669;
--color-primary-light: #6ee7b7;
--color-primary-hover: #047857;
--color-warning: #10b981;
--shadow-primary: 0 2px 12px rgba(16, 185, 129, 0.2);
--shadow-primary-hover: 0 4px 18px rgba(16, 185, 129, 0.33);
--gradient-primary: linear-gradient(90deg, #059669 70%, #6ee7b7 100%);
--gradient-primary-reverse: linear-gradient(90deg, #6ee7b7 70%, #059669 100%);
--color-primary-rgb: 16, 185, 129;

/* Backgrounds com tonalidade do tema */
--color-bg-primary: #001a11 !important;
--color-bg-secondary: #002619 !important;
--color-bg-tertiary: #000f08 !important;
--color-bg-dark: #001f14 !important;

/* Gradientes de background */
--gradient-bg-primary: linear-gradient(135deg, #000f08 0%, #001a11 50%, #002619 100%);
--gradient-bg-secondary: linear-gradient(90deg, #001a11 0%, #002619 100%);
--gradient-bg-dark: linear-gradient(180deg, #001a11 0%, #001f14 100%);
--gradient-menu: linear-gradient(90deg, #000f08 80%, #002619 100%);
--gradient-sidebar: linear-gradient(135deg, #002619 80%, #001a11 100%);
--gradient-dark: linear-gradient(90deg, #002619 0%, #001a11 100%);
}

/* ===== BACKGROUNDS PRINCIPAIS ===== */
body,
.main-bg {
background: var(--gradient-bg-primary) !important;
background-attachment: fixed !important;
}

/* ===== HEADER BAR ===== */
.header-bar,
body .header-bar,
.main-bg .header-bar {
background: linear-gradient(135deg, #001f14 0%, #001a11 100%) !important;
border-bottom: 2px solid #05966933 !important;
}

html {
background: #001a11 !important;
}

/* ===== CARDS E CONTAINERS ===== */
.card,
.game-card {
background: linear-gradient(135deg, #002619ff 0%, #001a11ff 100%) !important;
backdrop-filter: blur(10px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

.bg-card-bg,
.bg-surface-deep {
background: linear-gradient(135deg, #002619 0%, #001a11 100%) !important;
}


/* ===== SIDEBAR ===== */
.sidebar {
background: var(--gradient-sidebar) !important;
}

.sidebar-btn {
background: linear-gradient(135deg, #001a11dd 0%, #002619ee 100%) !important;
}

.sidebar-btn.active,
.sidebar-btn:hover {
background: linear-gradient(90deg, #059669 80%, #6ee7b7 100%) !important;
}

/* ===== MODALS ===== */
.modal-content,
.modal-body {
background: linear-gradient(135deg, #002619 0%, #001a11 100%) !important;
}

.modal-header {
background: linear-gradient(135deg, #000f08 0%, #002619 100%) !important;
border-bottom: 2px solid #05966966 !important;
}

.modal-footer {
background: linear-gradient(135deg, #002619 0%, #001a11 100%) !important;
}

.modal-backdrop {
background-color: rgba(0, 0, 0, 0.75) !important;
}

/* ===== MENU BOTTOM ===== */
.menu-bottom {
background: var(--gradient-bg-dark) !important;
border-top: 2px solid #05966933 !important;
}

/* ===== REMOVER SCROLL HORIZONTAL DO MENU BOTTOM ===== */
.bottom-nav {
overflow-x: hidden !important;
overflow-y: hidden !important;
}

.bottom-nav .container-fluid {
overflow-x: hidden !important;
max-width: 100% !important;
}

/* ===== INPUTS E FORMULÁRIOS ===== */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
select,
textarea,
.form-control,
.form-select,
.login-input,
.withdraw-input,
.form-control-custom,
.form-select-custom {
background: linear-gradient(135deg, #002619 0%, #001a11 100%) !important;
border: 2px solid #10b98166 !important;
color: var(--color-text-primary) !important;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="url"]::placeholder,
textarea::placeholder,
.form-control::placeholder,
.form-select::placeholder,
.login-input::placeholder,
.withdraw-input::placeholder,
.form-control-custom::placeholder,
.form-select-custom::placeholder {
color: var(--color-text-muted) !important;
opacity: 0.7 !important;
}

/* ===== GAME CARDS ===== */
.game-card:hover {
background: linear-gradient(135deg, #002619ff 0%, #001a11ff 100%) !important;
}

/* ===== SECTIONS ===== */
.section,
.container-fluid {
background: transparent !important;
}

/* ===== FOOTER ===== */
.footer {
background: var(--gradient-bg-dark) !important;
}

/* ===== SCROLLBAR TRACK ===== */
::-webkit-scrollbar-track {
background: #001a11 !important;
}

/* ===== MINI MENU ===== */
.mini-menu-btn.active,
.mini-menu-btn:hover {
background: linear-gradient(135deg, #002619 0%, #001a11 100%) !important;
}

/* ===== JACKPOT VALUE ===== */
.jackpot-value {
background: linear-gradient(135deg, #002619 0%, #001a11 100%) !important;
}

/* ===== CHEST GRID ===== */
.chest-grid {
background: linear-gradient(135deg, #001a11 0%, #002619 100%) !important;
}

/* ===== REQUIREMENT BG ===== */
.requirement-bg {
background: #002619 !important;
}

/* ===== BADGE ===== */
.badge.bg-primary {
background: linear-gradient(135deg, #002619 0%, #001a11 100%) !important;
}

/* ===== ALERT INFO ===== */
.alert-info {
background: linear-gradient(135deg, #001a11 0%, #002619 100%) !important;
border-color: #002619 !important;
}

/* ===== MAIS ELEMENTOS COM BACKGROUND ===== */
.btn-dark,
.btn-light {
background: linear-gradient(135deg, #001a11 0%, #002619 100%) !important;
}

.btn-dark:hover,
.btn-light:hover {
background: linear-gradient(135deg, #002619 0%, #001a11 100%) !important;
}

/* Input autofill */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
background: linear-gradient(135deg, #000f08 0%, #001a11 100%) !important;
-webkit-box-shadow: 0 0 0px 1000px #001a11 inset !important;
}

/* Select options */
select option {
background: #001a11 !important;
color: var(--color-text-primary) !important;
}

/* Modal backdrop mais escuro */
.modal-backdrop.show {
background-color: rgba(0, 0, 0, 0.85) !important;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar-thumb {
background: #059669 !important;
}

::-webkit-scrollbar-thumb:hover {
background: #047857 !important;
}

* {
scrollbar-color: #059669 var(--color-bg-secondary) !important;
}

/* ===== HEADER BAR BUTTONS ===== */
.header-bar .btn.btn-warning {
background: linear-gradient(90deg, #6ee7b7 70%, #059669 100%) !important;
border-color: #10b981 !important;
color: #ffffff !important;
box-shadow: 0 2px 12px rgba(16, 185, 129, 0.2) !important;
}

.header-bar .btn.btn-warning:hover,
.header-bar .btn.btn-warning:focus {
background: linear-gradient(90deg, #6ee7b7 70%, #059669 100%) !important;
box-shadow: 0 4px 18px rgba(16, 185, 129, 0.33) !important;
color: #ffffff !important;
}

/* ===== JACKPOT ===== */
.jackpot-title {
background: #10b981 !important;
color: #ffffff !important;
box-shadow: rgba(16, 185, 129, 0.2) !important;
}

.jackpot-value {
border-color: #10b981 !important;
}

.jackpot-img-wrapper {
background: radial-gradient(circle at center, rgba(16, 185, 129, 0.3) 0%, rgba(16, 185, 129, 0.15) 40%, rgba(16, 185, 129, 0.05) 100%) !important;
border-radius: var(--border-radius-md) !important;
}

.jackpot-img-full {
border-radius: var(--border-radius-md) !important;
}

/* ===== BOTÕES ===== */
.btn-warning,
.btn-primary,
.login-btn {
background-color: #10b981 !important;
border-color: #10b981 !important;
color: #ffffff !important;
box-shadow: 0 2px 12px rgba(16, 185, 129, 0.2) !important;
}

.btn-warning:hover,
.btn-primary:hover,
.login-btn:hover {
background-color: #047857 !important;
border-color: #047857 !important;
color: #ffffff !important;
box-shadow: 0 4px 18px rgba(16, 185, 129, 0.33) !important;
}

.btn-outline-primary {
border-color: #10b981 !important;
color: #10b981 !important;
}

.btn-outline-primary:hover {
background-color: #10b981 !important;
border-color: #10b981 !important;
color: #ffffff !important;
}

/* Botões customizados dos modais */
#offersModal .btn-outline-primary,
#withdrawModal .btn-outline-success,
#withdrawModal .btn-outline-danger,
#withdrawModal .btn-primary-custom,
#withdrawModal .btn-secondary-custom,
#demoConfigModal .btn-primary {
background-color: #10b981 !important;
border-color: #10b981 !important;
color: #ffffff !important;
}

#offersModal .btn-outline-primary:hover,
#withdrawModal .btn-primary-custom:hover,
#demoConfigModal .btn-primary:hover {
background-color: #047857 !important;
border-color: #047857 !important;
color: #ffffff !important;
}

#withdrawModal .btn-secondary-custom:hover {
border-color: #10b981 !important;
color: #10b981 !important;
}

/* ===== LINKS ===== */
a,
.login-link,
.link-primary {
color: #10b981 !important;
}

a:hover,
.login-link:hover,
.link-primary:hover {
color: #047857 !important;
}

/* Footer links - sempre branco */
.footer-links a,
.footer-links a:hover,
.footer-links a i {
color: #ffffff !important;
}

#chestsModal .modal-content a:hover,
#referralsHistoryModal .modal-content a:hover,
#chest-history-btn:hover,
#offersModal .btn-back:hover {
color: #10b981 !important;
}

/* ===== TOP GAMES ===== */
.top-games-fixed-text {
color: #10b981 !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

.top-game-name,
.fixed-text-line {
color: #10b981 !important;
}

/* ===== SIDEBAR ===== */
.sidebar-btn i {
color: #059669 !important;
}

.sidebar-btn.active,
.sidebar-btn:hover {
background: linear-gradient(90deg, #059669 80%, #6ee7b7 100%) !important;
border-color: #059669 !important;
box-shadow: 0 2px 12px rgba(16, 185, 129, 0.2) !important;
color: #ffffff !important;
}

.sidebar-btn.active i,
.sidebar-btn:hover i {
color: #ffffff !important;
}

.sidebar-btn.telegram {
box-shadow: 0 2px 12px rgba(16, 185, 129, 0.2) !important;
}

.sidebar-btn.orange {
background: linear-gradient(90deg, #059669, #ff6a00) !important;
}

/* ===== GAME CARDS ===== */
.game-card .play-button {
background: #10b981 !important;
color: #ffffff !important;
box-shadow: 0 2px 12px rgba(16, 185, 129, 0.2) !important;
}

.game-card:hover .play-button {
background: #047857 !important;
box-shadow: 0 4px 18px rgba(16, 185, 129, 0.33) !important;
}

/* ===== INPUTS E FOCUS ===== */
input:focus,
select:focus,
textarea:focus {
border-color: #10b981 !important;
box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.25) !important;
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
border-color: #10b981 !important;
box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2) !important;
}

input[type="range"]::-webkit-slider-thumb {
background-color: #10b981 !important;
}

input[type="range"]::-moz-range-thumb {
background-color: #10b981 !important;
}

/* ===== BADGES ===== */
.badge.bg-success {
background-color: #10b981 !important;
color: #ffffff !important;
}

.text-success {
color: #10b981 !important;
}

.referral-item.is-qualified .avatar {
background-color: #10b981 !important;
color: #ffffff !important;
}

/* ===== MODAL CLOSE BUTTON ===== */
.modal-close-button,
#chestsModal .modal-close-button,
#depositModal .btn-close {
color: #10b981 !important;
}

.modal-close-button:hover {
color: #047857 !important;
}

/* ===== CHEST AVAILABLE ===== */
.chest-available {
filter: drop-shadow(0 0 8px #10b981cc) !important;
}

.row-connector {
color: #10b981 !important;
}

/* ===== DIVIDER ===== */
.divider {
border-top-color: #059669 !important;
}

/* ===== FORM LABELS E BORDAS ===== */
.form-label.active,
.form-control:focus + .form-label,
.input-group:focus-within .form-label {
color: #10b981 !important;
}

.form-control:focus,
.form-select:focus {
border-color: #10b981 !important;
box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.25) !important;
}

/* ===== PROFILE E OUTROS ===== */
/* Removido: .profile-balance e .balance-value não devem ter cor do tema */
/* .profile-balance,
.balance-value {
color: #10b981 !important;
} */

.topo-button {
background: #10b981 !important;
color: #ffffff !important;
box-shadow: 0 2px 12px rgba(16, 185, 129, 0.2) !important;
}

.topo-button:hover {
background: #047857 !important;
box-shadow: 0 4px 18px rgba(16, 185, 129, 0.33) !important;
}

/* ===== SVG E ÍCONES ===== */
svg[stroke="var(--color-primary)"],
svg[fill="var(--color-primary)"] {
stroke: #10b981 !important;
fill: #10b981 !important;
}

/* ===== BORDAS E DESTAQUES ===== */
.border-primary,
.active-tab {
border-color: #10b981 !important;
}

.border-bottom-primary {
border-bottom-color: #10b981 !important;
}

/* ===== TEXTOS DESTACADOS ===== */
.text-primary-custom,
.deposit-amount-display,
.vip-level-name {
color: #10b981 !important;
}

/* ===== SOMBRAS ESPECÍFICAS ===== */
.shadow-primary {
box-shadow: 0 2px 12px rgba(16, 185, 129, 0.2) !important;
}

.shadow-primary-hover:hover {
box-shadow: 0 4px 18px rgba(16, 185, 129, 0.33) !important;
}

/* ===== MENU BOTTOM ===== */
.menu-bottom-item.active {
color: #10b981 !important;
}

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

/* ===== CARET COLOR ===== */
input,
textarea {
caret-color: #10b981 !important;
}

/* ===== CHECKBOX E RADIO CUSTOMIZADOS ===== */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
background-color: #10b981 !important;
border-color: #10b981 !important;
}

/* ===== PROGRESS BAR ===== */
.progress-bar {
background-color: #10b981 !important;
}

/* ===== PAGINATION ===== */
.page-link {
color: #10b981 !important;
}

.page-link:hover {
color: #047857 !important;
}

.page-item.active .page-link {
background-color: #10b981 !important;
border-color: #10b981 !important;
color: #ffffff !important;
}

/* ===== ALERTAS ===== */
.alert-primary {
background-color: #10b98133 !important;
border-color: #10b981 !important;
color: #10b981 !important;
}

/* ===== SPINNER/LOADING ===== */
.spinner-border-primary {
border-color: #10b981 !important;
}

/* ===== TABLES ===== */
.table-primary,
.table-primary > th,
.table-primary > td {
background-color: #10b981 !important;
color: #ffffff !important;
}

/* ===== LIST GROUP ===== */
.list-group-item-primary {
background-color: #10b981 !important;
color: #ffffff !important;
}

/* ===== CUSTOM SCROLLBAR PARA MODALS ===== */
.modal-body::-webkit-scrollbar-thumb {
background: #059669 !important;
}

/* ===== DROPDOWN ===== */
.dropdown-item.active,
.dropdown-item:active {
background-color: #10b981 !important;
color: #ffffff !important;
}

/* ===== NAV TABS ===== */
.nav-tabs .nav-link.active {
color: #10b981 !important;
border-color: #10b981 #10b981 transparent !important;
}

.nav-tabs .nav-link:hover {
border-color: #10b98133 #10b98133 transparent !important;
}

/* ===== TOOLTIP ===== */
.tooltip-inner {
background-color: #10b981 !important;
}

.tooltip.bs-tooltip-top .arrow::before {
border-top-color: #10b981 !important;
}

.tooltip.bs-tooltip-bottom .arrow::before {
border-bottom-color: #10b981 !important;
}

.tooltip.bs-tooltip-left .arrow::before {
border-left-color: #10b981 !important;
}

.tooltip.bs-tooltip-right .arrow::before {
border-right-color: #10b981 !important;
}

/* ===== POPOVER ===== */
.popover-header {
background-color: #10b981 !important;
color: #ffffff !important;
border-bottom-color: #047857 !important;
}

.popover .arrow::before {
border-top-color: #10b981 !important;
}

/* ===== FOCUS RING ===== */
.btn:focus,
.btn:active:focus {
box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.25) !important;
}

/* ===== SWIPER NAVIGATION ===== */
.top-games-swiper .swiper-button-next,
.top-games-swiper .swiper-button-prev {
color: #10b981 !important;
}

.top-games-swiper .swiper-button-next:hover,
.top-games-swiper .swiper-button-prev:hover {
color: #047857 !important;
}

/* ===== CUSTOM ELEMENTS ===== */
/* Removido: balance-value não deve ter cor do tema no hover */
/* .deposit-trigger:hover .balance-value {
color: #047857 !important;
} */

.balance-display {
border-color: #10b98133 !important;
}

/* ===== SELECT OPTIONS ===== */
select option:checked {
background-color: #10b981 !important;
color: #ffffff !important;
}

/* ===== FIXED CARD ICON ===== */
.fixed-card-icon {
color: #10b981 !important;
}

/* ===== NAV ITEM (APENAS ATIVO TEM COR DO TEMA) ===== */
/* Garantir que nav-item small não ativo use cor padrão */
.nav-item small {
color: var(--color-text-secondary) !important;
}

.nav-item i {
color: var(--color-text-secondary) !important;
}

/* Remover cores do tema no hover - apenas manter comportamento visual sutil */
.nav-item:hover .icon-circle {
background: rgba(0, 38, 25, 0.8) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.1) !important;
transform: scale(1.05) translateY(-1px) !important;
}

.nav-item:hover i {
color: var(--color-text-primary) !important;
}

.nav-item:hover small {
color: var(--color-text-primary) !important;
}

/* Remover gradiente do tema no hover */
.nav-item:hover::before {
background: radial-gradient(circle at center, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 70%) !important;
opacity: 1 !important;
}

/* Apenas nav-item ativo tem cores do tema */
.nav-item.active .icon-circle {
background: #059669 !important;
box-shadow: 0 3px 15px rgba(16, 185, 129, 0.2), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
}

.nav-item.active i {
color: #001a11 !important;
}

.nav-item.active small {
color: #059669 !important;
}

.nav-item.active::before {
background: radial-gradient(circle at center, #10b9811a 0%, #10b98100 70%) !important;
}

/* Remover gradiente amarelo hardcoded do ::before padrão */
.nav-item::before {
background: radial-gradient(circle at center, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 70%) !important;
}

/* ===== MINI MENU ===== */
.mini-menu {
background: linear-gradient(135deg, #002619 0%, #001a11 100%) !important;
}

.mini-menu-btn.active,
.mini-menu-btn:hover {
background: linear-gradient(135deg, #002619 0%, #001a11 100%) !important;
}

/* ===== MODAL CHESTS ===== */
.bg-modal-chests {
background: linear-gradient(135deg, #002619 0%, #001a11 100%) !important;
border-color: #002619 !important;
}

/* ===== PROFILE MODAL LINKS ===== */
#profileModal .profile-menu-item {
color: var(--color-text-primary) !important;
}

#profileModal .profile-menu-item:hover {
color: #10b981 !important;
background-color: #00261966 !important;
}

#profileModal .profile-menu-item .menu-icon {
color: #10b981 !important;
}

#profileModal .profile-menu-item:hover .arrow-icon {
color: #10b981 !important;
}

#profileModal .profile-vip-card {
background: linear-gradient(135deg, #059669 0%, #10b981 50%, #6ee7b7 100%) !important;
background-size: 200% 200% !important;
color: #ffffff !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
box-shadow: 0 4px 15px rgba(16, 185, 129, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

#profileModal .profile-vip-card::before {
background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.15) 0%, transparent 60%) !important;
}

#profileModal .profile-vip-card .vip-details-link i {
color: #ffffff !important;
}

#profileModal .profile-quick-actions .btn-profile-action i {
color: #10b981 !important;
}

#profileModal .profile-quick-actions .btn-profile-action:hover {
border-color: #10b98133 !important;
}

#profileModal .copy-id-btn:hover i,
#profileModal .balance-display-profile .refresh-balance:hover i {
color: #10b981 !important;
}

/* ===== WITHDRAW MODAL OTP INPUT ===== */
#withdrawModal .otp-input {
background: linear-gradient(135deg, #000f08 0%, #001a11 100%) !important;
border-color: #002619 !important;
color: var(--color-text-primary) !important;
}

#withdrawModal .otp-input:focus {
border-color: #10b981 !important;
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.25) !important;
background: linear-gradient(135deg, #000f08 0%, #001a11 100%) !important;
}

#withdrawModal .otp-input-container-wrapper.is-invalid .otp-input {
border-color: var(--color-danger) !important;
}

/* ===== SIDEBAR HEADER ===== */
.sidebar-header {
background: linear-gradient(135deg, #000f08 0%, #001a11 100%) !important;
border-bottom-color: #002619 !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

/* ===== PROFILE MODAL BACKGROUNDS ===== */
#profileModal .modal-content,
#profileModal .profile-modal-header-content,
#profileModal .modal-body {
background: linear-gradient(135deg, #001a11 0%, #002619 100%) !important;
}

#profileModal .profile-user-info-header {
background: linear-gradient(135deg, #002619 0%, #001a11 100%) !important;
}

#profileModal .profile-menu-list {
background: linear-gradient(135deg, #002619 0%, #001a11 100%) !important;
}

#profileModal .profile-quick-actions .btn-profile-action {
background: linear-gradient(135deg, #002619 0%, #001a11 100%) !important;
border-color: #002619 !important;
}

#profileModal #profileChangePasswordSection .login-input,
#profileModal #profileChangePasswordSection .input-group-text {
background: linear-gradient(135deg, #000f08 0%, #001a11 100%) !important;
border: 2px solid #10b98166 !important;
}

#profileModal #profileChangePasswordSection .login-input:focus {
border-color: #10b981 !important;
box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.25) !important;
}

/* ===== WITHDRAW MODAL BACKGROUNDS ===== */
#withdrawModal .bg-modal-special {
background: linear-gradient(to right, #000f08, #002619) !important;
}

/* ===== ICON CIRCLE DEFAULT ===== */
.icon-circle {
background: transparent !important;
}

/* ===== ELEMENTOS COM RGBA HARDCODED ===== */
/* Elementos que usam rgba(255, 179, 0, ...) precisam ser atualizados */
.game-card .play-button,
.sidebar-btn.active,
.sidebar-btn:hover {
box-shadow: 0 2px 12px rgba(16, 185, 129, 0.2) !important;
}

.sidebar-btn.active,
.sidebar-btn:hover {
box-shadow: 0 2px 12px rgba(16, 185, 129, 0.2) !important;
}

/* ===== FILTERS E DROP SHADOWS ===== */
.game-card .play-button:hover,
.sidebar-btn:hover {
filter: brightness(1.2) drop-shadow(0 4px 8px rgba(16, 185, 129, 0.33)) !important;
}

.chest-available {
filter: drop-shadow(0 2px 6px rgba(16, 185, 129, 0.2)) !important;
}

/* ===== FOCUS STATES COM RGBA ===== */
input[type="checkbox"]:focus,
input[type="radio"]:focus {
box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.33) !important;
}

.game-card:focus-within {
box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2) !important;
}

/* ===== PROFILE MODAL ADDITIONAL ===== */
#profileModal .balance-display-profile {
background: linear-gradient(135deg, #000f08 0%, #001a11 100%) !important;
}


/* ===== ADDITIONAL ELEMENTS ===== */
.game-card .game-name {
background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)) !important;
}

/* ===== BORDER COLORS ===== */
.border-primary,
.border-top-primary {
border-color: #10b981 !important;
}

.border-top-primary {
border-top-color: #059669 !important;
}

/* ===== TEXT COLORS ADDITIONAL ===== */
.text-primary,
.text-warning {
color: #10b981 !important;
}

/* ===== TEXT MUTED - Adaptado ao tema ===== */
html body .text-muted,
body .text-muted,
.text-muted {
color: rgba(16, 185, 129, 0.5) !important;
opacity: 0.8 !important;
}

/* ===== BACKGROUND COLORS ADDITIONAL ===== */
.bg-primary {
background-color: #10b981 !important;
color: #ffffff !important;
}

.bg-warning {
background-color: #10b981 !important;
color: #ffffff !important;
}

/* ===== MENU HAMBURGER ===== */
.menu-hamburger {
color: #059669 !important;
cursor: pointer;
transition: filter var(--transition-base), color var(--transition-base);
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.menu-hamburger:hover {
color: #10b981 !important;
filter: brightness(1.2) drop-shadow(0 4px 8px rgba(16, 185, 129, 0.33)) !important;
}

.menu-hamburger rect {
fill: currentColor;
}

/* ===== SEARCH ICON ===== */
.search-icon:hover {
filter: drop-shadow(0 2px 6px rgba(16, 185, 129, 0.2)) !important;
}

/* ===== SIDEBAR SEARCH ===== */
.sidebar-search .form-control:focus {
box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.33) !important;
}

.sidebar-search .input-group:focus-within {
border-color: #059669 !important;
box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2) !important;
}

/* ===== GAME CARD PLAY BUTTON RGBA ===== */
.game-card .play-button {
background: rgba(16, 185, 129, 0.9) !important;
color: #ffffff !important;
}

/* ===== ADDITIONAL PROFILE ELEMENTS ===== */
#profileModal .profile-menu-item a {
color: var(--color-text-primary) !important;
}

#profileModal .profile-menu-item:hover a {
color: #10b981 !important;
}

/* ===== MODAL CONTENT BACKGROUNDS ===== */
#chestsModal .modal-content,
#checkinModal .modal-content,
#offersModal .modal-content,
#depositModal .modal-content,
#withdrawModal .modal-content {
background: linear-gradient(135deg, #001a11 0%, #002619 100%) !important;
}

/* ===== ADDITIONAL BORDER COLORS ===== */
.border-secondary {
border-color: #002619 !important;
}

/* ===== ADDITIONAL SHADOWS ===== */
.shadow-sm-primary {
box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2) !important;
}

.shadow-md-primary {
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2) !important;
}

.shadow-lg-primary {
box-shadow: 0 8px 24px rgba(16, 185, 129, 0.33) !important;
}

/* ===== BG CUSTOM MODAL ===== */
.bg-custom-modal {
background: linear-gradient(135deg, #002619 0%, #001a11 100%) !important;
}

/* ===== PROVIDER BUTTON ACTIVE ===== */
.provider-btn.active {
background-color: #10b981 !important;
}

.provider-btn.active .provider-name {
color: #ffffff !important;
font-weight: var(--font-weight-medium);
}

/* ===== BG DARK ===== */
.bg-dark {
background: linear-gradient(135deg, #001f14 0%, #001a11 100%) !important;
}

/* ===== ADDITIONAL INPUT STYLES AND PLACEHOLDERS ===== */
/* Estilos adicionais para inputs específicos que precisam de cor de texto explícita */
.login-input:focus,
.withdraw-input:focus,
.form-control-custom:focus,
.form-select-custom:focus,
#demoConfigModal .form-control:focus,
#demoConfigModal .form-select:focus {
border-color: #10b981 !important;
box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.25) !important;
color: var(--color-text-primary) !important;
}

/* Placeholders específicos para withdraw modal */
#withdrawModal .withdraw-input::placeholder,
#withdrawModal .form-control-custom::placeholder,
#withdrawModal .form-select-custom::placeholder,
#withdrawModal .otp-input::placeholder {
color: var(--color-text-muted) !important;
opacity: 0.7 !important;
}

#withdrawModal .withdraw-input:-ms-input-placeholder,
#withdrawModal .form-control-custom:-ms-input-placeholder,
#withdrawModal .form-select-custom:-ms-input-placeholder,
#withdrawModal .otp-input:-ms-input-placeholder {
color: var(--color-text-muted) !important;
opacity: 0.7 !important;
}

#withdrawModal .withdraw-input::-ms-input-placeholder,
#withdrawModal .form-control-custom::-ms-input-placeholder,
#withdrawModal .form-select-custom::-ms-input-placeholder,
#withdrawModal .otp-input::-ms-input-placeholder {
color: var(--color-text-muted) !important;
opacity: 0.7 !important;
}

/* Sidebar search input focus */
.sidebar-search .form-control:focus {
box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.33) !important;
}

/* ===== TOP GAME POSITION PAID AMOUNT ===== */
.top-game-position .paid-amount {
color: #10b981 !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
}

.paid-amount {
color: #10b981 !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
}

.top-game-position {
color: #10b981 !important;
}

/* ===== PROVIDER CARD ===== */
.provider-card {
background: linear-gradient(135deg, #002619dd 0%, #001a11dd 100%) !important;
border-color: #00261966 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

.provider-card:hover {
border-color: #10b9814d !important;
box-shadow: 0 6px 16px rgba(16, 185, 129, 0.2) !important;
background: linear-gradient(135deg, #002619ff 0%, #001a11ff 100%) !important;
}

/* ===== TOP GAMES FIXED CARD ===== */
.top-games-fixed-card {
background: linear-gradient(135deg, #002619b3 0%, #001a11b3 100%) !important;
border: 1px solid #10b98166 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 0 0 1px #10b98133 !important;
}

.top-games-fixed-card:hover {
border: 2px solid #10b98199 !important;
box-shadow: 0 6px 16px rgba(16, 185, 129, 0.2), 0 0 0 2px #10b9814d !important;
background: linear-gradient(135deg, #002619e6 0%, #001a11e6 100%) !important;
}