/* ==========================================================================
   JTB SOCIAL - LUXURY EARNING SECTION DARK THEME
   Deep Obsidian & Slate Palette (#0b1120 / #1e293b) with Vibrant Gold Accents
   ========================================================================== */

/* Theme Toggle Button */
.btn-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1.5px solid #fde68a;
    background: #fffdf5;
    color: #451a03;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(217, 119, 6, 0.12);
    padding: 0;
    position: relative;
    overflow: hidden;
}

.btn-theme-toggle:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 4px 14px rgba(217, 119, 6, 0.25);
}

.btn-theme-toggle .theme-icon-moon,
.btn-theme-toggle .theme-icon-sun {
    font-size: 19px;
    transition: transform 0.4s ease, opacity 0.3s ease;
}

/* By default (Light Mode) */
.btn-theme-toggle .theme-icon-sun {
    display: none;
}
.btn-theme-toggle .theme-icon-moon {
    display: inline-block;
    color: #451a03;
}

/* In Dark Mode */
[data-theme="dark"] .btn-theme-toggle {
    background: #1e293b !important;
    border-color: #f59e0b !important;
    color: #fbbf24 !important;
    box-shadow: 0 0 12px rgba(245, 158, 11, 0.3) !important;
}

[data-theme="dark"] .btn-theme-toggle .theme-icon-moon {
    display: none;
}

[data-theme="dark"] .btn-theme-toggle .theme-icon-sun {
    display: inline-block;
    color: #fbbf24;
    animation: sunSpin 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes sunSpin {
    0% { transform: rotate(-90deg) scale(0.6); opacity: 0; }
    100% { transform: rotate(0deg) scale(1); opacity: 1; }
}

/* ==========================================================================
   DARK MODE OVERRIDES [data-theme="dark"]
   ========================================================================== */

[data-theme="dark"] {
    --jr-page: #0b1120;
    --jr-surface: #1e293b;
    --jr-ink: #f8fafc;
    --jr-muted: #94a3b8;
    --jr-line: #334155;
    --jr-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
    --white: 222 47% 11%;
    --black: 210 40% 98%;
    --heading-color: #f8fafc;
    --body-color: #cbd5e1;
    --border-color: 215 28% 24%;
    --section-bg: 222 47% 9%;
    color-scheme: dark;
}

/* Body & Layout Wrappers */
[data-theme="dark"] body,
[data-theme="dark"] .dashboard,
[data-theme="dark"] .dashboard-body,
[data-theme="dark"] .cmn-section,
[data-theme="dark"] .banner-section,
[data-theme="dark"] .login-section,
[data-theme="dark"] .register-section {
    background-color: #0b1120 !important;
    color: #f1f5f9 !important;
}

/* Header & Greetings */
[data-theme="dark"] .dashboard-header {
    background: #0f172a !important;
    border-bottom: 1px solid #334155 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .dashboard-header__grettings {
    color: #f8fafc !important;
}

[data-theme="dark"] .user-info__button {
    background: #1e293b !important;
    border: 1.5px solid #334155 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .btn-top-header-social {
    background: #1e293b !important;
    border: 1.5px solid #334155 !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .btn-top-header-social:hover {
    background: #334155 !important;
    border-color: #f59e0b !important;
}

[data-theme="dark"] .user-info-dropdown {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .user-info-dropdown__link {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .user-info-dropdown__link:hover {
    background: #334155 !important;
    color: #ffffff !important;
}

/* Sidebar Navigation */
[data-theme="dark"] .dashboard .sidebar-menu {
    background: #0f172a !important;
    border-right: 1px solid #334155 !important;
}

[data-theme="dark"] .dashboard .sidebar-menu-list__link {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .dashboard .sidebar-menu-list__link .icon {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    border: 1px solid #f59e0b !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.35) !important;
}

[data-theme="dark"] .dashboard .sidebar-menu-list__link:hover,
[data-theme="dark"] .dashboard .sidebar-menu-list__link.active,
[data-theme="dark"] .dashboard .sidebar-menu-list__item.active > a {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #f59e0b !important;
}

[data-theme="dark"] .dashboard .sidebar-menu-list__link:hover .icon,
[data-theme="dark"] .dashboard .sidebar-menu-list__item.active > a .icon {
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%) !important;
    color: #ffffff !important;
    border-color: #fbbf24 !important;
    box-shadow: 0 0 16px rgba(245, 158, 11, 0.55) !important;
    transform: scale(1.06) !important;
}

[data-theme="dark"] .dashboard .sidebar-submenu {
    background: #0b1120 !important;
    border: 1px solid #334155 !important;
    border-left: 2.5px solid #f59e0b !important;
}

[data-theme="dark"] .dashboard .sidebar-submenu-list__link {
    color: #94a3b8 !important;
}

[data-theme="dark"] .dashboard .sidebar-submenu-list__link:hover,
[data-theme="dark"] .dashboard .sidebar-submenu-list__item.active a {
    color: #f59e0b !important;
}

/* Mobile App Bottom Nav */
[data-theme="dark"] .app-bottom-nav {
    background: #0f172a !important;
    border-top: 1px solid #334155 !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .app-bottom-nav__item {
    color: #94a3b8 !important;
}

[data-theme="dark"] .app-bottom-nav__item.active {
    color: #f59e0b !important;
}

/* Dashboard Welcome & Stat Cards */
[data-theme="dark"] .dash-welcome-card {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.3) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .dash-welcome-title {
    color: #ffffff !important;
}

[data-theme="dark"] .dash-welcome-sub {
    color: #94a3b8 !important;
}

[data-theme="dark"] .dash-welcome-badge {
    background: rgba(245, 158, 11, 0.15) !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .dash-expiry-badge.active {
    background: rgba(16, 185, 129, 0.15) !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
    color: #34d399 !important;
}

[data-theme="dark"] .dash-stat-card {
    background: linear-gradient(145deg, #1e293b 0%, #151e2e 100%) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.35) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative;
    overflow: hidden;
}

[data-theme="dark"] .dash-stat-card:hover {
    transform: translateY(-3px) !important;
    border-color: #f59e0b !important;
    box-shadow: 0 12px 30px rgba(245, 158, 11, 0.25), 0 0 16px rgba(245, 158, 11, 0.2) !important;
}

[data-theme="dark"] .dash-stat-label {
    color: #94a3b8 !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px;
}

[data-theme="dark"] .dash-stat-value {
    color: #f8fafc !important;
    font-weight: 900 !important;
}

[data-theme="dark"] .dash-stat-footer-text {
    color: #94a3b8 !important;
    font-weight: 600 !important;
}

/* Quick Action & Promo Banners */
[data-theme="dark"] .dash-quick-action-card,
[data-theme="dark"] .dash-quick-card,
[data-theme="dark"] .dash-chart-card,
[data-theme="dark"] .dash-trx-card,
[data-theme="dark"] .dash-featured-tasks-card {
    background: #1e293b !important;
    border: 1.5px solid rgba(245, 158, 11, 0.3) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .dash-quick-title,
[data-theme="dark"] .dash-card-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .dash-quick-card {
    background: #0f172a !important;
    border: 1.5px solid rgba(245, 158, 11, 0.25) !important;
}

[data-theme="dark"] .dash-quick-card:hover,
[data-theme="dark"] .dash-quick-action-card:hover,
[data-theme="dark"] .dash-trx-card:hover {
    background: #1e293b !important;
    border-color: #f59e0b !important;
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.2) !important;
}

[data-theme="dark"] .dash-quick-name {
    color: #f8fafc !important;
}

[data-theme="dark"] .dash-quick-desc {
    color: #94a3b8 !important;
}

/* General Cards & Custom Cards */
[data-theme="dark"] .card,
[data-theme="dark"] .custom--card,
[data-theme="dark"] .dashboard-card,
[data-theme="dark"] .login-card,
[data-theme="dark"] .register-card,
[data-theme="dark"] .cookies-card {
    background-color: #1e293b !important;
    border: 1.5px solid rgba(245, 158, 11, 0.25) !important;
    color: #f8fafc !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .card-header {
    background-color: #0f172a !important;
    border-bottom: 1.5px solid rgba(245, 158, 11, 0.25) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .card-footer {
    background-color: #0f172a !important;
    border-top: 1.5px solid rgba(245, 158, 11, 0.25) !important;
}

/* PTC Ads Section */
[data-theme="dark"] .ptc-ad-card {
    background: #1e293b !important;
    border: 1.5px solid rgba(245, 158, 11, 0.28) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .ptc-ad-card:hover {
    border-color: #f59e0b !important;
    box-shadow: 0 10px 30px rgba(245, 158, 11, 0.22) !important;
}

[data-theme="dark"] .ptc-ad-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .ptc-timer-chip {
    background: #292524 !important;
    color: #fbbf24 !important;
    border-color: #57534e !important;
}

/* Micro Tasks & Campaigns */
[data-theme="dark"] .custom-task-card,
[data-theme="dark"] .task-card,
[data-theme="dark"] .campaign-card {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .task-title,
[data-theme="dark"] .task-meta {
    color: #f8fafc !important;
}

/* Dashboard Featured Micro Tasks */
[data-theme="dark"] .dash-featured-tasks-card {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .dash-featured-title {
    color: #fbbf24 !important;
}

[data-theme="dark"] .dash-featured-subtitle {
    color: #94a3b8 !important;
}

[data-theme="dark"] .btn-dash-view-all {
    background: #0f172a !important;
    color: #fbbf24 !important;
    border: 1px solid #334155 !important;
}

[data-theme="dark"] .btn-dash-view-all:hover {
    background: #334155 !important;
    color: #ffffff !important;
    border-color: #f59e0b !important;
}

[data-theme="dark"] .dash-featured-item-card {
    background: #0f172a !important;
    border: 1px solid #334155 !important;
}

[data-theme="dark"] .dash-task-item-title {
    color: #f8fafc !important;
}

/* Games Arcade Hub */
[data-theme="dark"] .arcade-header-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .arcade-header-desc {
    color: #94a3b8 !important;
}

[data-theme="dark"] .arcade-header-badge {
    background: rgba(245, 158, 11, 0.15) !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
    color: #fbbf24 !important;
}

/* Scratch Card & Mines Live Tickers */
[data-theme="dark"] .jtb-ticker-card,
[data-theme="dark"] .jtb-history-card {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .jtb-history-card .card-header {
    background: #0f172a !important;
    border-bottom: 1px solid #334155 !important;
}

[data-theme="dark"] #scratch-live-players-ticker span,
[data-theme="dark"] #mines-live-players-ticker span {
    background: #0f172a !important;
    border: 1px solid #334155 !important;
    color: #f8fafc !important;
}

/* Scratch Card Arena */
[data-theme="dark"] .jtb-scratch-wrapper {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .jtb-sidebar {
    background: #0f172a !important;
    border: 1px solid #334155 !important;
}

[data-theme="dark"] .jtb-label {
    color: #f8fafc !important;
}

[data-theme="dark"] .jtb-tier-card {
    background: #1e293b !important;
    border: 2px solid #334155 !important;
}

[data-theme="dark"] .jtb-tier-card:hover {
    border-color: #64748b !important;
    background: #273549 !important;
}

[data-theme="dark"] .jtb-tier-card.active {
    background: #2a2517 !important;
    border-color: #f59e0b !important;
}

[data-theme="dark"] .jtb-tier-cost {
    color: #f8fafc !important;
}

[data-theme="dark"] .jtb-tier-win {
    color: #94a3b8 !important;
}

[data-theme="dark"] .btn-sound-toggle {
    background: #1e293b !important;
    border: 1.5px solid #475569 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .btn-sound-toggle:hover {
    background: #334155 !important;
    border-color: #64748b !important;
}

[data-theme="dark"] .btn-sound-toggle .sound-icon {
    color: #60a5fa !important;
}

[data-theme="dark"] .btn-sound-toggle #audioText {
    color: #f8fafc !important;
}

[data-theme="dark"] .jtb-btn-quick {
    background: #334155 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .jtb-btn-quick:hover:not(:disabled) {
    background: #475569 !important;
}

/* Mines Arena */
[data-theme="dark"] .jtb-mines-wrapper {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .jtb-stat-pill-mobile {
    background: #0f172a !important;
    border: 1px solid #334155 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .jtb-input-group,
[data-theme="dark"] .jtb-select {
    background-color: #0f172a !important;
    border: 1.5px solid #334155 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .jtb-select option {
    background-color: #0f172a !important;
    color: #f8fafc !important;
}

/* Spin & Win */
[data-theme="dark"] .spin-nav-container {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .spin-nav-tab {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .spin-nav-tab:hover {
    background: #334155 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .spin-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .spin-cost-box {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .cost-box-label {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .cost-pill {
    background: #0f172a !important;
    border: 2px solid #334155 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .cost-pill:hover {
    background: #334155 !important;
    border-color: #f59e0b !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .cost-pill.active {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    border-color: #d97706 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .jtb-spin-ticker-wrap {
    border-color: #334155 !important;
}

[data-theme="dark"] .jtb-ticker-title {
    color: #f8fafc !important;
}

[data-theme="dark"] #recent-spins-ticker span {
    background: #0f172a !important;
    border: 1px solid #334155 !important;
    color: #f8fafc !important;
}

/* Tables & Recent Logs */
[data-theme="dark"] .trx-table-wrapper {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
}

[data-theme="dark"] .table,
[data-theme="dark"] .trx-table {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .table tbody td,
[data-theme="dark"] .trx-table tbody td {
    border-bottom: 1px solid #334155 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .table tbody tr:hover,
[data-theme="dark"] .trx-table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.04) !important;
}

/* Forms, Inputs, Selects & Modals */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus,
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus {
    border-color: #f59e0b !important;
    box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.2) !important;
    background-color: #0f172a !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .input-group-text {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .modal-content {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #f8fafc !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer {
    border-color: #334155 !important;
}

[data-theme="dark"] .modal-title {
    color: #f8fafc !important;
}

/* Typography Utility Overrides */
[data-theme="dark"] .text-dark {
    color: #f8fafc !important;
}

[data-theme="dark"] .text-muted {
    color: #94a3b8 !important;
}

[data-theme="dark"] .badge.bg-light {
    background-color: #334155 !important;
    color: #f8fafc !important;
    border-color: #475569 !important;
}

[data-theme="dark"] .hr,
[data-theme="dark"] hr {
    border-color: #334155 !important;
    opacity: 0.5;
}

/* ==========================================================================
   USER PANELS COMPLETE SUITE DARK MODE
   Deposit, Withdraw, Transfers, Referrals, Commissions, Transactions, Support
   ========================================================================== */

/* Deposit & Withdraw Gateways */
[data-theme="dark"] .gateway-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .payment-system-list {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

[data-theme="dark"] .payment-system-list.is-scrollable::-webkit-scrollbar-thumb {
    background-color: #334155 !important;
}

[data-theme="dark"] .payment-item, 
[data-theme="dark"] .payment-item.gateway-option {
    background: #0f172a !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .payment-item:hover, 
[data-theme="dark"] .payment-item.active, 
[data-theme="dark"] .payment-item.check {
    background: #273549 !important;
    border-color: #f59e0b !important;
    box-shadow: 0 6px 18px rgba(245, 158, 11, 0.2) !important;
}

[data-theme="dark"] .payment-item__name {
    color: #f8fafc !important;
}

[data-theme="dark"] .payment-item__btn {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .payment-item__btn:hover {
    background: #1e293b !important;
    border-color: #f59e0b !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .deposit-info {
    background: #0f172a !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .deposit-info .text {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .deposit-info .text span {
    color: #fbbf24 !important;
}

[data-theme="dark"] .deposit-info__input-group-text {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .amount {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}

/* Balance Transfer */
[data-theme="dark"] .transfer-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .balance-stat-pill {
    background: #0f172a !important;
    border-color: #334155 !important;
}

/* Referral System */
[data-theme="dark"] .ref-link-card,
[data-theme="dark"] .ref-user-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .ref-input-box {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .ref-input-box:focus {
    border-color: #f59e0b !important;
    background: #0f172a !important;
}

[data-theme="dark"] .ref-empty-box {
    background: #1e293b !important;
    border-color: #334155 !important;
}

/* Commissions & Transactions Filters & Cards */
[data-theme="dark"] .filter-card,
[data-theme="dark"] .comm-card-item,
[data-theme="dark"] .trx-card-item {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .comm-table,
[data-theme="dark"] .custom--table {
    background: #1e293b !important;
}

[data-theme="dark"] .comm-empty-box,
[data-theme="dark"] .trx-empty-box {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .saved-balance-badge {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #fbbf24 !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
}

/* Support Tickets */
[data-theme="dark"] .ticket-table-card,
[data-theme="dark"] .ticket-form-card,
[data-theme="dark"] .ticket-view-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .chat-box-user {
    background: #0f172a !important;
    border-color: #334155 !important;
    border-left: 4px solid #f59e0b !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .chat-box-admin {
    background: #142a22 !important;
    border-color: #1e3a2f !important;
    border-left: 4px solid #10b981 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .btn-ticket-view {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .btn-ticket-view:hover {
    background: #f59e0b !important;
    color: #ffffff !important;
    border-color: #f59e0b !important;
}

[data-theme="dark"] .btn-gold-outline {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .btn-gold-outline:hover {
    background: #f59e0b !important;
    color: #ffffff !important;
    border-color: #f59e0b !important;
}

[data-theme="dark"] .ticket-empty-box {
    background: #1e293b !important;
    border-color: #334155 !important;
}

/* User Profile Stats */
[data-theme="dark"] .user-stat-card {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

/* Form Labels & Disabled/Readonly Inputs */
[data-theme="dark"] .form--label,
[data-theme="dark"] .form-label {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .form-control:disabled,
[data-theme="dark"] .form-control[readonly],
[data-theme="dark"] .form--control:disabled,
[data-theme="dark"] .form--control[readonly] {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #94a3b8 !important;
    opacity: 0.9;
}

/* Select2 Dropdown in Dark Mode */
[data-theme="dark"] .select2-container--default .select2-selection--single {
    background-color: #0f172a !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #f8fafc !important;
}

[data-theme="dark"] .select2-dropdown {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option {
    color: #cbd5e1;
}

[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f59e0b !important;
    color: #ffffff !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #334155 !important;
    color: #f8fafc !important;
}

/* ==========================================================================
   PUBLIC FRONTEND & HOMEPAGE SECTIONS DARK THEME
   ========================================================================== */

/* Public Header */
[data-theme="dark"] .header {
    background: #0b1120 !important;
    border-bottom: 1px solid #1e293b !important;
}
[data-theme="dark"] .header.menu-fixed {
    background: rgba(11, 17, 32, 0.96) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid #334155 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}
[data-theme="dark"] .navbar-light .navbar-nav .nav-link,
[data-theme="dark"] .nav-link {
    color: #e2e8f0 !important;
}
[data-theme="dark"] .navbar-light .navbar-nav .nav-link:hover,
[data-theme="dark"] .nav-item.active .nav-link,
[data-theme="dark"] .nav-link.active {
    color: #f59e0b !important;
}
[data-theme="dark"] .header-button {
    color: #f59e0b !important;
}
[data-theme="dark"] .custom--dropdown__selected {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] .dropdown-list {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}
[data-theme="dark"] .dropdown-list__item {
    color: #cbd5e1 !important;
}
[data-theme="dark"] .dropdown-list__item:hover {
    background: #0f172a !important;
    color: #fbbf24 !important;
}

/* Homepage Hero Banner */
[data-theme="dark"] .banner-section {
    background: linear-gradient(180deg, #0b1120 0%, #0f172a 50%, #0b1120 100%) !important;
    border-bottom: 1px solid #1e293b !important;
}
[data-theme="dark"] .banner-glow-1 {
    background: radial-gradient(circle, rgba(245, 158, 11, 0.12) 0%, rgba(11, 17, 32, 0) 70%) !important;
}
[data-theme="dark"] .banner-glow-2 {
    background: radial-gradient(circle, rgba(251, 191, 36, 0.08) 0%, rgba(11, 17, 32, 0) 70%) !important;
}
[data-theme="dark"] .hero-badge {
    background: rgba(30, 41, 59, 0.9) !important;
    border-color: #334155 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}
[data-theme="dark"] .hero-badge .badge-text {
    color: #fbbf24 !important;
}
[data-theme="dark"] .hero-title {
    background: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 50%, #f59e0b 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
[data-theme="dark"] .hero-desc {
    color: #94a3b8 !important;
}
[data-theme="dark"] .hero-stat-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="dark"] .hero-stat-card .stat-icon {
    background: #0f172a !important;
    border: 1px solid #334155 !important;
    color: #f59e0b !important;
}
[data-theme="dark"] .hero-stat-card .stat-number {
    color: #f8fafc !important;
}
[data-theme="dark"] .hero-stat-card .stat-label {
    color: #94a3b8 !important;
}
[data-theme="dark"] .hero-main-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.5) !important;
}
[data-theme="dark"] .floating-badge {
    background: rgba(30, 41, 59, 0.95) !important;
    border-color: #334155 !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="dark"] .floating-badge small {
    color: #94a3b8 !important;
}
[data-theme="dark"] .floating-badge strong {
    color: #f8fafc !important;
}
[data-theme="dark"] .how-it-works-bar {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="dark"] .step-text strong {
    color: #f8fafc !important;
}
[data-theme="dark"] .step-text small {
    color: #94a3b8 !important;
}
[data-theme="dark"] .hero-btn-secondary {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #fbbf24 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}
[data-theme="dark"] .hero-btn-secondary:hover {
    background: #0f172a !important;
    border-color: #f59e0b !important;
    color: #f59e0b !important;
}
[data-theme="dark"] .live-activity-badge {
    background: #1e293b !important;
    border-color: #334155 !important;
}
[data-theme="dark"] .live-text {
    color: #94a3b8 !important;
}
[data-theme="dark"] .live-text strong {
    color: #f8fafc !important;
}
[data-theme="dark"] .live-badge-tag {
    background: #0f172a !important;
    color: #fbbf24 !important;
}

/* About Section */
[data-theme="dark"] .about-section {
    background: #0b1120 !important;
    border-top: 1px solid #1e293b !important;
    border-bottom: 1px solid #1e293b !important;
}
[data-theme="dark"] .about-badge {
    background: #1e293b !important;
    border-color: #334155 !important;
}
[data-theme="dark"] .about-badge .badge-text {
    color: #fbbf24 !important;
}
[data-theme="dark"] .about-title {
    color: #f8fafc !important;
}
[data-theme="dark"] .about-desc {
    color: #94a3b8 !important;
}
[data-theme="dark"] .about-feature-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3) !important;
}
[data-theme="dark"] .about-feature-card:hover {
    border-color: #f59e0b !important;
}
[data-theme="dark"] .about-feature-icon {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #fbbf24 !important;
}
[data-theme="dark"] .about-feature-title {
    color: #f8fafc !important;
}
[data-theme="dark"] .about-feature-desc {
    color: #94a3b8 !important;
}
[data-theme="dark"] .about-thumb-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.4) !important;
}

/* Pricing Plans Section */
[data-theme="dark"] .price-plan,
[data-theme="dark"] .plan-section {
    background: #0b1120 !important;
    border-top: 1px solid #1e293b !important;
    border-bottom: 1px solid #1e293b !important;
}
[data-theme="dark"] .plan-badge {
    background: #1e293b !important;
    border-color: #334155 !important;
}
[data-theme="dark"] .plan-badge .badge-text {
    color: #fbbf24 !important;
}
[data-theme="dark"] .plan-section-title {
    color: #f8fafc !important;
}
[data-theme="dark"] .plan-card-item {
    background: #1e293b !important;
    border: 2px solid #334155 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}
[data-theme="dark"] .plan-card-item:hover {
    border-color: #f59e0b !important;
    box-shadow: 0 18px 40px rgba(245, 158, 11, 0.25) !important;
}
[data-theme="dark"] .highlighted-plan {
    border-color: #f59e0b !important;
    box-shadow: 0 15px 35px rgba(245, 158, 11, 0.2) !important;
}
[data-theme="dark"] .plan-card-name,
[data-theme="dark"] .plan-card-title,
[data-theme="dark"] .plan-title {
    color: #fbbf24 !important;
    font-weight: 900 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}
[data-theme="dark"] .plan-card-tagline {
    color: #94a3b8 !important;
}
[data-theme="dark"] .plan-card-price-box {
    border-top: 1px dashed #334155 !important;
    border-bottom: 1px dashed #334155 !important;
}
[data-theme="dark"] .plan-card-price {
    color: #f8fafc !important;
    font-weight: 900 !important;
}
[data-theme="dark"] .plan-card-price small {
    color: #94a3b8 !important;
    font-weight: 600 !important;
}
[data-theme="dark"] .plan-feature-list li,
[data-theme="dark"] .plan-list-item,
[data-theme="dark"] .plan-card-desc {
    color: #cbd5e1 !important;
}
[data-theme="dark"] .plan-feature-list li i {
    color: #f59e0b !important;
}
[data-theme="dark"] .plan-feature-list li span {
    color: #cbd5e1 !important;
}
[data-theme="dark"] .plan-feature-list li strong {
    color: #f8fafc !important;
    font-weight: 800 !important;
}
[data-theme="dark"] .plan-feature-list small,
[data-theme="dark"] .plan-feature-list .text-muted {
    color: #94a3b8 !important;
}
[data-theme="dark"] .btn-plan-subscribed {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #fbbf24 !important;
}

/* Counter Area Section */
[data-theme="dark"] .counter-area,
[data-theme="dark"] .counter-section {
    background: #0b1120 !important;
    border-top: 1px solid #1e293b !important;
}
[data-theme="dark"] .counter-card-number {
    color: #f59e0b !important;
}
[data-theme="dark"] .counter-sup {
    color: #fbbf24 !important;
}
[data-theme="dark"] .counter-card-text {
    color: #cbd5e1 !important;
}
[data-theme="dark"] .counter-badge {
    background: #1e293b !important;
    border-color: #334155 !important;
}
[data-theme="dark"] .counter-badge .badge-text {
    color: #fbbf24 !important;
}
[data-theme="dark"] .counter-section-title {
    color: #f8fafc !important;
}
[data-theme="dark"] .counter-card-box {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
}
[data-theme="dark"] .counter-card-box:hover {
    border-color: #f59e0b !important;
}
[data-theme="dark"] .counter-card-icon {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #f59e0b !important;
}
[data-theme="dark"] .counter-card-title {
    color: #f8fafc !important;
}
[data-theme="dark"] .counter-card-desc {
    color: #94a3b8 !important;
}

/* Team & Testimonials Section */
[data-theme="dark"] .team-section,
[data-theme="dark"] .testimonials-section,
[data-theme="dark"] .testimonial-section {
    background: #0f172a !important;
    border-top: 1px solid #1e293b !important;
    border-bottom: 1px solid #1e293b !important;
}
[data-theme="dark"] .team-badge,
[data-theme="dark"] .testimonial-badge {
    background: #1e293b !important;
    border-color: #334155 !important;
}
[data-theme="dark"] .team-badge .badge-text,
[data-theme="dark"] .testimonial-badge .badge-text {
    color: #fbbf24 !important;
}
[data-theme="dark"] .team-section-title,
[data-theme="dark"] .testimonial-section-title {
    color: #f8fafc !important;
}
[data-theme="dark"] .team-card-item {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3) !important;
}
[data-theme="dark"] .team-card-item:hover {
    border-color: #f59e0b !important;
}
[data-theme="dark"] .team-avatar-img {
    border-color: #f59e0b !important;
}
[data-theme="dark"] .team-member-name {
    color: #f8fafc !important;
}
[data-theme="dark"] .testimonial-card-box {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3) !important;
}
[data-theme="dark"] .testimonial-card-box:hover {
    border-color: #f59e0b !important;
}
[data-theme="dark"] .testimonial-comment-text {
    color: #cbd5e1 !important;
}
[data-theme="dark"] .testimonial-user-name {
    color: #f8fafc !important;
}
[data-theme="dark"] .testimonial-user-thumb img {
    border-color: #334155 !important;
}

/* Blog Section */
[data-theme="dark"] .blog-section {
    background: #0b1120 !important;
    border-top: 1px solid #1e293b !important;
}
[data-theme="dark"] .blog-badge {
    background: #1e293b !important;
    border-color: #334155 !important;
}
[data-theme="dark"] .blog-badge .badge-text {
    color: #fbbf24 !important;
}
[data-theme="dark"] .blog-section-title {
    color: #f8fafc !important;
}
[data-theme="dark"] .blog-card-item {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="dark"] .blog-card-item:hover {
    border-color: #f59e0b !important;
    box-shadow: 0 18px 35px rgba(245, 158, 11, 0.2) !important;
}
[data-theme="dark"] .blog-card-title a {
    color: #f8fafc !important;
}
[data-theme="dark"] .blog-card-title a:hover {
    color: #fbbf24 !important;
}
[data-theme="dark"] .blog-card-desc {
    color: #94a3b8 !important;
}
[data-theme="dark"] .blog-card-date {
    color: #fbbf24 !important;
}
[data-theme="dark"] .blog-card-link {
    color: #fbbf24 !important;
}

/* FAQ, Features & Brand Sections */
[data-theme="dark"] .faq,
[data-theme="dark"] .features,
[data-theme="dark"] .client,
[data-theme="dark"] .contact {
    background: #0b1120 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] .features-item {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] .features-item__title {
    color: #f8fafc !important;
}
[data-theme="dark"] .features-item__desc {
    color: #94a3b8 !important;
}
[data-theme="dark"] .accordion-item {
    background: #1e293b !important;
    border-color: #334155 !important;
}
[data-theme="dark"] .accordion-button {
    background: #1e293b !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}
[data-theme="dark"] .accordion-button:not(.collapsed) {
    background: #0f172a !important;
    color: #fbbf24 !important;
}
[data-theme="dark"] .accordion-body {
    background: #1e293b !important;
    color: #cbd5e1 !important;
}
[data-theme="dark"] .section-heading__title {
    color: #f8fafc !important;
}
[data-theme="dark"] .section-heading__desc {
    color: #94a3b8 !important;
}
[data-theme="dark"] .contact-content__list li a,
[data-theme="dark"] .contact-content__list li span {
    color: #e2e8f0 !important;
}
[data-theme="dark"] .account-form {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="dark"] .account-form__title {
    color: #f8fafc !important;
}

/* ==========================================================================
   DOWNLOAD APP PAGE DARK THEME
   ========================================================================== */
[data-theme="dark"] .hero-section.bg-white,
[data-theme="dark"] .hero-section {
    background-color: #0b1120 !important;
}
[data-theme="dark"] .hero-section h1 {
    color: #f8fafc !important;
}
[data-theme="dark"] .hero-section .lead,
[data-theme="dark"] .lead.text-dark {
    color: #cbd5e1 !important;
}
[data-theme="dark"] .hero-section .bg-light {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] .feature-box.bg-light,
[data-theme="dark"] .feature-box {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="dark"] .feature-box h5 {
    color: #f8fafc !important;
}
[data-theme="dark"] .app-details.bg-white,
[data-theme="dark"] .app-details {
    background-color: #0f172a !important;
    border-color: #334155 !important;
}
[data-theme="dark"] .app-details span.fw-bold {
    color: #f8fafc !important;
}
[data-theme="dark"] .app-details .text-muted {
    color: #94a3b8 !important;
}
[data-theme="dark"] .install-guide.bg-light,
[data-theme="dark"] .install-guide {
    background-color: #0b1120 !important;
}
[data-theme="dark"] .install-guide h6 {
    color: #f8fafc !important;
}
[data-theme="dark"] .install-guide p.small {
    color: #94a3b8 !important;
}

/* ==========================================================================
   SOCIAL AUTH PAGES (LOGIN & REGISTER) DARK THEME
   ========================================================================== */
[data-theme="dark"] .fb-landing {
    background: #0b1120 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] .fb-landing-tagline {
    color: #f8fafc !important;
}
[data-theme="dark"] .fb-login-card,
[data-theme="dark"] .fb-register-card {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    color: #f8fafc !important;
}
[data-theme="dark"] .fb-register-title {
    color: #f8fafc !important;
}
[data-theme="dark"] .fb-register-sub {
    color: #94a3b8 !important;
}
[data-theme="dark"] .fb-btn-social {
    background: #0f172a !important;
    border: 1px solid #334155 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] .fb-btn-social:hover {
    background: #1e293b !important;
    border-color: #f59e0b !important;
    color: #ffffff !important;
}
[data-theme="dark"] .fb-or-divider {
    color: #94a3b8 !important;
}
[data-theme="dark"] .fb-or-divider::before,
[data-theme="dark"] .fb-or-divider::after {
    background: #334155 !important;
}
[data-theme="dark"] .fb-label {
    color: #94a3b8 !important;
}
[data-theme="dark"] .fb-input,
[data-theme="dark"] .fb-select {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] .fb-input:focus,
[data-theme="dark"] .fb-select:focus {
    border-color: #f59e0b !important;
    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.25) !important;
}
[data-theme="dark"] .fb-mobile-prefix {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}
[data-theme="dark"] .fb-check-row {
    color: #cbd5e1 !important;
}
[data-theme="dark"] .fb-check-row a {
    color: #fbbf24 !important;
}
[data-theme="dark"] .fb-login-divider {
    background: #334155 !important;
}
[data-theme="dark"] .fb-ref-banner {
    background: rgba(245, 158, 11, 0.15) !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    color: #fbbf24 !important;
}
[data-theme="dark"] .fb-secure-hints {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #94a3b8 !important;
}
[data-theme="dark"] .fb-register-login,
[data-theme="dark"] .fb-login-signup-hint {
    color: #cbd5e1 !important;
}
[data-theme="dark"] .fb-register-login a,
[data-theme="dark"] .fb-login-signup-hint a {
    color: #fbbf24 !important;
}
[data-theme="dark"] .fb-landing-promo {
    color: #94a3b8 !important;
}
[data-theme="dark"] .fb-landing-promo strong {
    color: #f8fafc !important;
}
[data-theme="dark"] .fb-landing-footer {
    color: #64748b !important;
}

/* Standard Auth Pages */
[data-theme="dark"] .login-section,
[data-theme="dark"] .register-section {
    background: #0b1120 !important;
}
[data-theme="dark"] .login-card,
[data-theme="dark"] .register-card {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.5) !important;
}
[data-theme="dark"] .login-title,
[data-theme="dark"] .register-title {
    color: #f8fafc !important;
}
[data-theme="dark"] .login-subtitle,
[data-theme="dark"] .register-subtitle {
    color: #94a3b8 !important;
}
[data-theme="dark"] .login-card .form-check-label,
[data-theme="dark"] .register-card .form-check-label {
    color: #cbd5e1 !important;
}
[data-theme="dark"] .login-card .forgot-link,
[data-theme="dark"] .register-card a.signup-link,
[data-theme="dark"] .register-card a.text--base {
    color: #fbbf24 !important;
}

/* Sponsor Banner Dark Mode */
[data-theme="dark"] .sponsor-banner-card {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="dark"] .sponsor-banner-card .text-muted {
    color: #94a3b8 !important;
}

/* Ensure mobile sidebar stays on top of any ad or iframe */
@media screen and (max-width: 991px) {
    .dashboard .sidebar-menu,
    [data-theme="dark"] .dashboard .sidebar-menu {
        z-index: 9999999 !important;
    }
    .dashboard .sidebar-menu.show-sidebar,
    [data-theme="dark"] .dashboard .sidebar-menu.show-sidebar {
        z-index: 9999999 !important;
        box-shadow: 10px 0 50px rgba(0, 0, 0, 0.9) !important;
    }
    .sidebar-overlay,
    .sidebar-overlay.show,
    [data-theme="dark"] .sidebar-overlay,
    [data-theme="dark"] .sidebar-overlay.show {
        z-index: 9999998 !important;
    }
    .dashboard .sidebar-menu.show-sidebar ~ .dashboard__right iframe,
    .dashboard .sidebar-menu.show-sidebar ~ .dashboard__right .sponsor-banner-card,
    .dashboard .sidebar-menu.show-sidebar ~ .dashboard__right .sponsor-banner-wrapper,
    body.sidebar-open .sponsor-banner-card,
    body.sidebar-open .sponsor-banner-wrapper,
    body.sidebar-open .dashboard__right iframe {
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* ==========================================================================
   GAMES ARCADE SECTION (DARK THEME)
   ========================================================================== */
[data-theme="dark"] .arcade-header-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .arcade-header-desc {
    color: #94a3b8 !important;
}

[data-theme="dark"] .desktop-hero-banner {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.3) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .hero-text-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .hero-text-sub {
    color: #94a3b8 !important;
}

[data-theme="dark"] .btn-dark-history {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .btn-dark-history:hover {
    background: #334155 !important;
    color: #ffffff !important;
    border-color: #f59e0b !important;
}

/* Mobile Wallet Card */
[data-theme="dark"] .mobile-wallet-card {
    background: linear-gradient(145deg, #1e293b 0%, #151e2e 100%) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.35) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .mobile-wallet-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .mobile-vip-badge {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
}

[data-theme="dark"] .mobile-balance-strip {
    background: #0f172a !important;
    border: 1px solid rgba(245, 158, 11, 0.25) !important;
}

[data-theme="dark"] .mobile-bal-text {
    color: #94a3b8 !important;
}

[data-theme="dark"] .mobile-bal-amount {
    color: #fbbf24 !important;
}

/* Live Ticker & Filters */
[data-theme="dark"] .live-ticker-container {
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
}

[data-theme="dark"] .ticker-pill-tag {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .catalog-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .filter-label {
    color: #94a3b8 !important;
}

[data-theme="dark"] .filter-btn {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .filter-btn:hover {
    background: #334155 !important;
    color: #fbbf24 !important;
    border-color: #f59e0b !important;
}

[data-theme="dark"] .filter-btn.active {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
    border-color: #f59e0b !important;
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.35) !important;
}

/* All Games Banner Button */
.btn-all-games-banner {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #fbbf24 !important;
    border: 1.5px solid #f59e0b !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    padding: 7px 18px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important;
}

.btn-all-games-banner:hover {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
    border-color: #f59e0b !important;
    transform: translateY(-1px) scale(1.03) !important;
    box-shadow: 0 6px 18px rgba(245, 158, 11, 0.45) !important;
}