/* ==========================================================================
   13L GAME - EMERALD GREEN & CASINO GOLD COMPREHENSIVE UI THEME
   ========================================================================== */

:root,
:root:root,
html,
body,
[data-theme],
[data-theme="emeraldGreen"],
[data-theme="darkRed"],
[data-theme="blue"] {
    /* Brand & Accent Colors */
    --main_color: #10B981 !important;
    --main-color: #10B981 !important;
    --main_gradient_1: #10B981 !important;
    --main_gradient_2: #059669 !important;
    --main_gradient_color: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    --main_gradient-color: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    --main_gradient-color2: linear-gradient(0deg, #059669 0%, #10B981 100%) !important;
    --light-main_gradient-color: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    --gamesaas_ticket_bg1: #10B981 !important;
    --gamesaas_ticket_bg2: #059669 !important;

    /* Secondary Tints */
    --secondary_color1: #A7F3D0 !important;
    --secondary_color2: #1E293B !important;
    --secondary_color3: #10B981 !important;
    --secondary_color4: #6EE7B7 !important;
    --secondary_color5: #34D399 !important;
    --secondary_color6: #064E3B !important;
    --secondary_color7: linear-gradient(182deg, rgba(0, 0, 0, 0.20) 6.14%, rgba(0, 0, 0, 0) 99.42%) !important;
    --secondary_color8: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%) !important;

    /* Semantic Lottery & System Colors */
    --norm_red_color: #EF4444 !important;
    --norm_red-color: #EF4444 !important;
    --norm_green_color: #10B981 !important;
    --norm_green-color: #10B981 !important;
    --norm_blue_color: #3B82F6 !important;
    --norm_bule-color: #3B82F6 !important;
    --norm_orange_color: #F59E0B !important;
    --norm_orange-color: #F59E0B !important;
    --norm_hint_color: #F59E0B !important;
    --norm_Purple_color: #8B5CF6 !important;
    --norm_Purple-color: #8B5CF6 !important;
    --norm_secondary-color: #F59E0B !important;
    --button_dis: #334155 !important;
    --button_dis_color: #334155 !important;

    /* Typography */
    --text_primary: #FFFFFF !important;
    --text_secondary: #94A3B8 !important;
    --text_tertiary: #64748B !important;
    --text_inverse: #0B131E !important;
    --text_btn_main: #FFFFFF !important;
    --text_disabled: #475569 !important;
    --text_placeholder: #64748B !important;
    --text_color_L1: #FFFFFF !important;
    --text_color_L2: #94A3B8 !important;
    --text_color_L3: #64748B !important;
    --text_color_L4: #FFFFFF !important;

    /* Dark Slate Background Hierarchy */
    --bg_color_L1: #0B131E !important;
    --bg_color_L2: #111C2A !important;
    --bg_color_L3: #1A283C !important;
    --bg_color_L4: #24364D !important;
    --bg_color_login_register: #0B131E !important;
    --Stroke_color: #1E3147 !important;
    --Dividing_line_color: #182637 !important;
    --Dividing-line_color: #182637 !important;
    --progress_bar: linear-gradient(270deg, #F59E0B 0%, #10B981 100%) !important;
    --sheet_nva_color: #10B981 !important;
    --Secondary_moto_Color9: #10B981 !important;
    --Secondary_moto_Color8: #064E3B !important;
    --turntable-glow-color: #10B981 !important;

    /* Vant Component Overrides */
    --van-primary-color: #10B981 !important;
    --van-button-primary-background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    --van-button-primary-border-color: #10B981 !important;
    --van-tabbar-background: #111C2A !important;
    --van-tabbar-item-active-color: #10B981 !important;
    --van-tabbar-item-active-background: transparent !important;
    --van-tabbar-item-text-color: #94A3B8 !important;
    --van-sidebar-text-color: #10B981 !important;
    --van-picker-background: #1A283C !important;
    --van-picker-option-text-color: #94A3B8 !important;
    --van-picker-confirm-action-color: #10B981 !important;
    --van-checkbox-checked-icon-color: #10B981 !important;
    --van-checkbox-label-color: #94A3B8 !important;
    --van-field-input-text-color: #FFFFFF !important;
    --van-field-placeholder-text-color: #64748B !important;
    --van-radio-checked-icon-color: #10B981 !important;
    --van-grid-item-content-background: #0B131E !important;
    --van-text-color: #FFFFFF !important;
    --van-dialog-background: #111C2A !important;
    --van-circle-color: #10B981 !important;
    --van-circle-layer-color: #1A283C !important;
    --van-calendar-range-edge-background: #10B981 !important;
    --van-toast-text-color: #10B981 !important;
    --van-nav-bar-background: #111C2A !important;
    --van-nav-bar-title-text-color: #FFFFFF !important;
    --van-nav-bar-icon-color: #10B981 !important;
    --van-tabs-bottom-bar-color: #10B981 !important;
    --van-tab-active-text-color: #10B981 !important;
    --van-tab-text-color: #94A3B8 !important;
    --van-switch-on-background: #10B981 !important;
    --van-loading-spinner-color: #10B981 !important;
    --van-badge-background: #10B981 !important;
}

/* Base Body & App Container */
html,
body,
#app {
    background-color: #0B131E !important;
    color: #FFFFFF !important;
}

/* Action Buttons (Primary / Main Gradient) */
.btn_main_style,
.van-button--primary,
.van-button--danger,
.subBtn,
.confirmBtn {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    border-color: #10B981 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35) !important;
}

.btn_main_style:active,
.van-button--primary:active,
.subBtn:active,
.confirmBtn:active {
    filter: brightness(0.92);
    transform: translateY(1px);
}

/* Secondary Buttons */
.btn_Secondary_style,
.van-button--default,
.subBtn2 {
    background: #111C2A !important;
    border: 1px solid #1E3147 !important;
    color: #94A3B8 !important;
}

/* Orange / Casino Gold Buttons */
.btn_orange_style,
.gold-btn {
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%) !important;
    color: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.35) !important;
}

/* Cards & Elevated Containers */
.bottom_mix_style,
.bottom_nav_style,
.card-bg,
.container-bg,
.strategy-card,
.page-header {
    background: #111C2A !important;
    border: 1px solid #1E3147 !important;
    box-shadow: 0 2px 0 0 rgba(16, 185, 129, 0.12) inset, 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

/* Navigation Bar / Top Header */
.navbar,
.van-nav-bar,
.header,
.topbar,
.game-header {
    background: #111C2A !important;
    border-bottom: 1px solid #1E3147 !important;
}

.navbar .van-nav-bar__title,
.navbar__content-title {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

.van-nav-bar__arrow,
.van-icon-arrow-left {
    color: #10B981 !important;
}

/* Bottom Tabbar */
.van-tabbar,
.tabbar,
.tabbar-container,
.app-tabber {
    background: #111C2A !important;
    border-top: 1px solid #1E3147 !important;
}

.van-tabbar-item--active,
.van-tabbar-item--active .van-tabbar-item__text {
    color: #10B981 !important;
    font-weight: 700 !important;
}

/* Inputs, Textareas, and Field Cells */
.van-cell,
.van-field {
    background-color: #1A283C !important;
    color: #FFFFFF !important;
    border-color: #1E3147 !important;
}

.van-field__control {
    color: #FFFFFF !important;
}

.van-field__control::placeholder {
    color: #64748B !important;
}

/* Modals & Dialogs */
.van-dialog,
.van-popup,
.van-action-sheet,
.recharge-tip {
    background: #111C2A !important;
    border: 1px solid #1E3147 !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6) !important;
}

.van-dialog__header,
.van-dialog__message,
.recharge-tip__title,
.recharge-tip__msg {
    color: #FFFFFF !important;
}

.van-dialog__confirm,
.van-dialog__confirm:active,
.recharge-tip__btn--confirm {
    color: #10B981 !important;
}

/* Tabs & Line Indicators */
.van-tabs__nav {
    background-color: #111C2A !important;
}

.van-tabs__line {
    background-color: #10B981 !important;
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.6) !important;
}

.van-tab--active {
    color: #10B981 !important;
    font-weight: 700 !important;
}

/* Active Category Pill / Item Selection */
.active-pill,
[class*="activeTab"],
[class*="tab_active"],
.timer-card.active,
.timer-card.active-tab {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35) !important;
}

/* Balance & Currency Gold Accent */
.balance,
.amount,
[class*="balance"],
[class*="amount"],
.Wallet__C-balance-l2 {
    color: #FBBF24 !important;
}

/* Timer Cards in Lottery */
.timer-cards {
    background: #111C2A !important;
    border: 1px solid #1E3147 !important;
}

.timer-card {
    color: #94A3B8;
}

.timer-card.active {
    color: #FFFFFF !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

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

::-webkit-scrollbar-thumb {
    background: #1E3147;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #10B981;
}