/* ============================================================================
   MM2.CASH — DARK MODE v8 (NEUTRAL COOL)
   Bu blok mevcut style.css'in EN SONUNA yapıştırılır.
   Önceki tüm dark mode kuralları bu blokla override edilir.
   ============================================================================
   PALET (görseldeki nötr koyu mavi-gri tona göre):
   - bg-base:    #0F1419   (ana arka plan, koyu ama siyah değil)
   - bg-soft:    #131922   (ikincil yüzey)
   - bg-card:    #171D24   (kart arka planı)
   - bg-elev:    #1F262E   (hover/elevated)
   - bg-input:   #131922
   - text-1:     #E6EAEF   (ana metin)
   - text-2:     #9AA5B1   (ikincil)
   - text-3:     #6B7785   (soluk)
   - text-4:     #4A5460   (çok soluk)
   - border-1:   rgba(255,255,255,0.06)
   - border-2:   rgba(255,255,255,0.1)
   - emerald accent korunur
   ============================================================================ */

/* DARK MODE FORCE LIGHT'i devre dışı bırak — kullanıcı dark istediği için */
:root[data-theme="dark"] {
    color-scheme: dark !important;

    /* Ana renkler */
    --bg-base:       #0F1419 !important;
    --bg-soft:       #131922 !important;
    --bg-card:       #171D24 !important;
    --bg-glass:      rgba(23, 29, 36, 0.78) !important;
    --bg-input:      #131922 !important;
    --bg-app:        #0F1419 !important;

    /* Mint paleti — dark mode'da daha parlak */
    --mint-50:       rgba(16, 185, 129, 0.08) !important;
    --mint-100:      rgba(16, 185, 129, 0.14) !important;
    --mint-200:      rgba(16, 185, 129, 0.22) !important;
    --mint-300:      #047857 !important;
    --mint-400:      #10B981 !important;
    --mint-500:      #34D399 !important;
    --mint-600:      #6EE7B7 !important;
    --mint-700:      #A7F3D0 !important;
    --mint-900:      #D1FAE5 !important;

    /* Variant arkaplan/önplan renkleri */
    --ice-bg:        rgba(56, 189, 248, 0.14) !important;
    --ice-fg:        #7DD3FC !important;
    --dark-bg:       rgba(167, 139, 250, 0.16) !important;
    --dark-fg:       #C4B5FD !important;
    --gem-bg:        rgba(245, 158, 11, 0.16) !important;
    --gem-fg:        #FCD34D !important;
    --red-bg:        rgba(239, 68, 68, 0.14) !important;
    --red-fg:        #FCA5A5 !important;

    /* Metin renkleri */
    --text-1:        #E6EAEF !important;
    --text-2:        #9AA5B1 !important;
    --text-3:        #6B7785 !important;
    --text-4:        #4A5460 !important;

    /* Borderlar */
    --border-1:      rgba(255, 255, 255, 0.06) !important;
    --border-2:      rgba(255, 255, 255, 0.10) !important;
    --border-mint:   rgba(52, 211, 153, 0.32) !important;

    /* Shadows — dark mode'da daha derin ve renksiz */
    --sh-soft:       0 1px 2px rgba(0, 0, 0, 0.3),
                     0 2px 8px rgba(0, 0, 0, 0.2) !important;
    --sh-card:       0 1px 2px rgba(0, 0, 0, 0.3),
                     0 8px 24px rgba(0, 0, 0, 0.25) !important;
    --sh-lift:       0 1px 2px rgba(0, 0, 0, 0.3),
                     0 12px 32px rgba(16, 185, 129, 0.25) !important;
    --sh-btn:        0 1px 0 rgba(255, 255, 255, 0.08) inset,
                     0 6px 16px rgba(16, 185, 129, 0.25) !important;
    --sh-pop:        0 4px 8px rgba(0, 0, 0, 0.4),
                     0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

/* Body + html */
:root[data-theme="dark"],
:root[data-theme="dark"] body {
    background: #0F1419 !important;
    color: #E6EAEF !important;
}

/* Mesh background — dark mode'da daha az parlak */
:root[data-theme="dark"] .mesh-bg .blob { opacity: 0.2 !important; filter: blur(100px) !important; }
:root[data-theme="dark"] .blob-1 { background: radial-gradient(circle, rgba(16, 185, 129, 0.4), transparent 70%) !important; }
:root[data-theme="dark"] .blob-2 { background: radial-gradient(circle, rgba(56, 78, 113, 0.4), transparent 70%) !important; }
:root[data-theme="dark"] .blob-3 { background: radial-gradient(circle, rgba(75, 85, 99, 0.3), transparent 70%) !important; }
:root[data-theme="dark"] .float-pet { opacity: 0.15 !important; }

/* Floating items v3 — daha az görünür */
:root[data-theme="dark"] img.fi {
    opacity: 0.06 !important;
    filter: blur(3px) brightness(1.2) !important;
}

/* Topbar */
:root[data-theme="dark"] .topbar {
    background-color: rgba(15, 20, 25, 0.85) !important;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .topbar.is-scrolled-v7 {
    background: rgba(15, 20, 25, 0.92) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04),
                0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

/* Brand wordmark — dark mode'da text rengi parlak */
:root[data-theme="dark"] .brand-wordmark-v7,
:root[data-theme="dark"] .brand-name {
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .brand-wordmark-v7 .brand-dot-v7 {
    color: #34D399 !important;
}

/* Topbar nav links */
:root[data-theme="dark"] .topbar-nav-link {
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .topbar-nav-link:hover {
    background: #1F262E !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .topbar-nav-link.active {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #34D399 !important;
}

/* Icon buttons */
:root[data-theme="dark"] .icon-btn {
    background: #1F262E !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .icon-btn:hover {
    background: #232C36 !important;
    color: #34D399 !important;
    border-color: rgba(52, 211, 153, 0.32) !important;
}

/* Auth CTA buttons */
:root[data-theme="dark"] .auth-btn-v7-ghost {
    color: #9AA5B1 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
:root[data-theme="dark"] .auth-btn-v7-ghost:hover {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #6EE7B7 !important;
    border-color: rgba(52, 211, 153, 0.4) !important;
}

/* User card */
:root[data-theme="dark"] .user-card-btn-v7 {
    background: #1F262E !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-theme="dark"] .user-card-btn-v7:hover {
    background: #232C36 !important;
    border-color: rgba(52, 211, 153, 0.4) !important;
}
:root[data-theme="dark"] .ucb-name { color: #E6EAEF !important; }
:root[data-theme="dark"] .ucb-role { color: #6B7785 !important; }
:root[data-theme="dark"] .ucb-status-dot { border-color: #1F262E !important; }

/* Lang switcher */
:root[data-theme="dark"] .lang-btn,
:root[data-theme="dark"] .lang-btn-v2 {
    background: #1F262E !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .lang-btn:hover,
:root[data-theme="dark"] .lang-btn-v2:hover {
    background: #232C36 !important;
    border-color: rgba(52, 211, 153, 0.4) !important;
}
:root[data-theme="dark"] .lang-btn-v2 .lang-flag,
:root[data-theme="dark"] .lang-menu .lang-item .lang-flag {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
}

/* Lang menu / user menu */
:root[data-theme="dark"] .lang-menu,
:root[data-theme="dark"] .user-menu,
:root[data-theme="dark"] .user-menu-v7 {
    background: #1F262E !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.5) !important;
}
:root[data-theme="dark"] .lang-item,
:root[data-theme="dark"] .user-menu-link,
:root[data-theme="dark"] .user-menu-item {
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .lang-item:hover,
:root[data-theme="dark"] .user-menu-link:hover,
:root[data-theme="dark"] .user-menu-item:hover {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #6EE7B7 !important;
}
:root[data-theme="dark"] .lang-item.active {
    background: rgba(16, 185, 129, 0.14) !important;
    color: #6EE7B7 !important;
}
:root[data-theme="dark"] .user-menu-v7 .user-menu-header {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.08), rgba(23, 29, 36, 0.5)) !important;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .user-menu-v7 .user-name { color: #E6EAEF !important; }
:root[data-theme="dark"] .user-menu-v7 .user-stats { color: #6B7785 !important; }
:root[data-theme="dark"] .user-menu-divider-v7 { background: rgba(255, 255, 255, 0.06) !important; }
:root[data-theme="dark"] .user-menu-v7 .user-menu-link i { color: #6B7785 !important; }
:root[data-theme="dark"] .user-menu-v7 .user-menu-link:hover i { color: #6EE7B7 !important; }
:root[data-theme="dark"] .user-menu-danger-v7 { color: #FCA5A5 !important; }
:root[data-theme="dark"] .user-menu-danger-v7 i { color: #FCA5A5 !important; }
:root[data-theme="dark"] .user-menu-danger-v7:hover {
    background: rgba(239, 68, 68, 0.12) !important;
    color: #FCA5A5 !important;
}

/* Theme toggle button */
:root[data-theme="dark"] .theme-toggle-btn-v7 {
    background: #1F262E !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #FCD34D !important;
}
:root[data-theme="dark"] .theme-toggle-btn-v7:hover {
    background: #232C36 !important;
    border-color: rgba(252, 211, 77, 0.32) !important;
}

/* All cards & surfaces */
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .stat-card,
:root[data-theme="dark"] .trade-card,
:root[data-theme="dark"] .price-card,
:root[data-theme="dark"] .profile-card,
:root[data-theme="dark"] .history-card,
:root[data-theme="dark"] .product-card,
:root[data-theme="dark"] .legal-container .card,
:root[data-theme="dark"] .skeleton-card,
:root[data-theme="dark"] .empty-state {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .stat-card:hover,
:root[data-theme="dark"] .trade-card:hover {
    border-color: rgba(52, 211, 153, 0.32) !important;
}

/* Stat card text */
:root[data-theme="dark"] .stat-label { color: #6B7785 !important; }
:root[data-theme="dark"] .stat-value { color: #E6EAEF !important; }
:root[data-theme="dark"] .stat-value .unit { color: #6B7785 !important; }

/* Chips & filter pills */
:root[data-theme="dark"] .chip-group {
    background: rgba(31, 38, 46, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .chip {
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .chip:hover { color: #E6EAEF !important; }
:root[data-theme="dark"] .chip.active {
    background: #34D399 !important;
    color: #0F1419 !important;
}

/* Search inputs */
:root[data-theme="dark"] .search-input,
:root[data-theme="dark"] .sort-select {
    background: #131922 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .search-input:focus,
:root[data-theme="dark"] .sort-select:focus {
    border-color: #34D399 !important;
}

/* Trade list & cards */
:root[data-theme="dark"] .trade-pet { color: #E6EAEF !important; }
:root[data-theme="dark"] .trade-meta { color: #6B7785 !important; }
:root[data-theme="dark"] .trade-meta code {
    background: #131922 !important;
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .trade-price { color: #34D399 !important; }
:root[data-theme="dark"] .trade-price .usdt { color: #6B7785 !important; }
:root[data-theme="dark"] .copy-btn { color: #6B7785 !important; }
:root[data-theme="dark"] .copy-btn:hover { background: #131922 !important; color: #34D399 !important; }

/* Status badges - dark mode */
:root[data-theme="dark"] .status-pending {
    background: rgba(245, 158, 11, 0.16) !important;
    color: #FCD34D !important;
}
:root[data-theme="dark"] .status-completed {
    background: rgba(16, 185, 129, 0.14) !important;
    color: #6EE7B7 !important;
}
:root[data-theme="dark"] .status-cancelled {
    background: rgba(107, 119, 133, 0.16) !important;
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .status-problem {
    background: rgba(239, 68, 68, 0.14) !important;
    color: #FCA5A5 !important;
}

/* Variant badges (rarity) — keep color but adjust bg/contrast */
:root[data-theme="dark"] .variant-badge.v-COMMON    { background: rgba(148, 163, 184, 0.16) !important; color: #CBD5E1 !important; }
:root[data-theme="dark"] .variant-badge.v-UNCOMMON  { background: rgba(34, 197, 94, 0.14) !important; color: #86EFAC !important; }
:root[data-theme="dark"] .variant-badge.v-RARE      { background: rgba(59, 130, 246, 0.14) !important; color: #93C5FD !important; }
:root[data-theme="dark"] .variant-badge.v-LEGENDARY { background: rgba(239, 68, 68, 0.14) !important; color: #FCA5A5 !important; }
:root[data-theme="dark"] .variant-badge.v-GODLY     { background: rgba(245, 158, 11, 0.14) !important; color: #FCD34D !important; }
:root[data-theme="dark"] .variant-badge.v-ANCIENT   { background: rgba(139, 92, 246, 0.14) !important; color: #C4B5FD !important; }
:root[data-theme="dark"] .variant-badge.v-VINTAGE   { background: rgba(236, 72, 153, 0.14) !important; color: #F9A8D4 !important; }

/* Buttons */
:root[data-theme="dark"] .btn-secondary {
    background: #1F262E !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .btn-secondary:hover {
    background: #232C36 !important;
    border-color: #34D399 !important;
    color: #6EE7B7 !important;
}
:root[data-theme="dark"] .btn-ghost {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .btn-ghost:hover {
    background: #1F262E !important;
    color: #E6EAEF !important;
}

/* Forms */
:root[data-theme="dark"] .form-row input[type="text"],
:root[data-theme="dark"] .form-row input[type="password"] {
    background: #131922 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .form-row input:focus {
    border-color: #34D399 !important;
}
:root[data-theme="dark"] .form-row input:disabled {
    background: #131922 !important;
    opacity: 0.5 !important;
}
:root[data-theme="dark"] .form-row label { color: #9AA5B1 !important; }
:root[data-theme="dark"] .form-hint { color: #6B7785 !important; }

/* Profile sections */
:root[data-theme="dark"] .profile-section {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .profile-section h2 { color: #E6EAEF !important; }
:root[data-theme="dark"] .profile-section.danger {
    border-color: rgba(239, 68, 68, 0.3) !important;
}
:root[data-theme="dark"] .profile-section.danger h2 { color: #FCA5A5 !important; }

/* Prices table */
:root[data-theme="dark"] .prices-table-wrap {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .prices-table thead th {
    background: #131922 !important;
    color: #9AA5B1 !important;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .prices-table tbody td {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .prices-table tbody tr:hover {
    background: #131922 !important;
}
:root[data-theme="dark"] .prices-table .td-price { color: #34D399 !important; }
:root[data-theme="dark"] .prices-table .td-price .usdt { color: #6B7785 !important; }

/* SP-prices (new shop card system) */
:root[data-theme="dark"] .sp-search-box {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-theme="dark"] .sp-search-box input { color: #E6EAEF !important; }
:root[data-theme="dark"] .sp-search-box input::placeholder { color: #6B7785 !important; }
:root[data-theme="dark"] .sp-search-box > i:first-child { color: #34D399 !important; }
:root[data-theme="dark"] .sp-search-box button {
    background: #1F262E !important;
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .sp-search-box button:hover {
    background: #232C36 !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .sp-sidebar {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .sp-sidebar-head {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .sp-sidebar-head h3 { color: #E6EAEF !important; }
:root[data-theme="dark"] .sp-section-head { color: #6B7785 !important; }
:root[data-theme="dark"] .sp-reset-btn {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .sp-reset-btn:hover {
    background: #1F262E !important;
    color: #E6EAEF !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}
:root[data-theme="dark"] .sp-price-input-wrap {
    background: #131922 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-theme="dark"] .sp-price-input-wrap:focus-within {
    background: #171D24 !important;
}
:root[data-theme="dark"] .sp-price-input-wrap input { color: #E6EAEF !important; }
:root[data-theme="dark"] .sp-price-pref,
:root[data-theme="dark"] .sp-price-dash { color: #6B7785 !important; }
:root[data-theme="dark"] .sp-sort-opt { color: #9AA5B1 !important; }
:root[data-theme="dark"] .sp-sort-opt:hover {
    background: #1F262E !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .sp-sort-opt:has(input:checked) {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #6EE7B7 !important;
}

:root[data-theme="dark"] .sp-card {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .sp-card:hover {
    border-color: rgba(52, 211, 153, 0.4) !important;
}
:root[data-theme="dark"] .sp-card-name { color: #E6EAEF !important; }
:root[data-theme="dark"] .sp-card-rarity { background: #1F262E !important; color: #9AA5B1 !important; }
:root[data-theme="dark"] .sp-card-img {
    background: linear-gradient(135deg, #1F262E, #171D24) !important;
}
:root[data-theme="dark"] .sp-card-usdt { color: #34D399 !important; }
:root[data-theme="dark"] .sp-card-usdt span { color: #6B7785 !important; }
:root[data-theme="dark"] .sp-card-robux { color: #6B7785 !important; }
:root[data-theme="dark"] .sp-card-arrow {
    background: #1F262E !important;
    color: #6B7785 !important;
}
:root[data-theme="dark"] .sp-card:hover .sp-card-arrow {
    background: #34D399 !important;
    color: #0F1419 !important;
}

/* SP modal */
:root[data-theme="dark"] .sp-modal-dialog {
    background: #171D24 !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7) !important;
}
:root[data-theme="dark"] .sp-modal-name { color: #E6EAEF !important; }
:root[data-theme="dark"] .sp-modal-rarity { background: #1F262E !important; color: #9AA5B1 !important; }
:root[data-theme="dark"] .sp-modal-close {
    background: #1F262E !important;
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .sp-modal-close:hover {
    background: #232C36 !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .sp-modal-chart-wrap {
    background: #131922 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .sp-modal-chart-head { color: #6B7785 !important; }
:root[data-theme="dark"] .sp-modal-stat {
    background: #131922 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .sp-modal-stat-lbl { color: #6B7785 !important; }
:root[data-theme="dark"] .sp-modal-stat-val { color: #E6EAEF !important; }

/* Empty state */
:root[data-theme="dark"] .empty-state {
    background: rgba(31, 38, 46, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
:root[data-theme="dark"] .empty-state h3 { color: #E6EAEF !important; }
:root[data-theme="dark"] .empty-state p { color: #9AA5B1 !important; }
:root[data-theme="dark"] .empty-illus {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.08), #1F262E) !important;
    border-color: rgba(52, 211, 153, 0.32) !important;
}

/* Pagination */
:root[data-theme="dark"] .hp-btn {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .hp-btn:hover:not(.hp-disabled):not(.hp-active) {
    border-color: rgba(52, 211, 153, 0.4) !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .hp-active {
    background: linear-gradient(135deg, #34D399, #10B981) !important;
    color: #0F1419 !important;
}

/* Modals */
:root[data-theme="dark"] .modal-overlay {
    background: rgba(0, 0, 0, 0.7) !important;
}
:root[data-theme="dark"] .modal {
    background: #171D24 !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.7) !important;
}
:root[data-theme="dark"] .modal-header {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .modal-title { color: #E6EAEF !important; }
:root[data-theme="dark"] .modal-close { color: #9AA5B1 !important; }
:root[data-theme="dark"] .modal-close:hover {
    background: #1F262E !important;
    color: #E6EAEF !important;
}

/* Auth modal */
:root[data-theme="dark"] .authv7-overlay { background: rgba(0, 0, 0, 0.7) !important; }
:root[data-theme="dark"] .authv7-modal {
    background: #171D24 !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7) !important;
}
:root[data-theme="dark"] .authv7-close {
    background: #1F262E !important;
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .authv7-close:hover {
    background: #232C36 !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .authv7-title { color: #E6EAEF !important; }
:root[data-theme="dark"] .authv7-sub { color: #9AA5B1 !important; }
:root[data-theme="dark"] .authv7-label { color: #9AA5B1 !important; }
:root[data-theme="dark"] .authv7-input-wrap {
    background: #131922 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-theme="dark"] .authv7-input-wrap:focus-within {
    border-color: #34D399 !important;
}
:root[data-theme="dark"] .authv7-input { color: #E6EAEF !important; }
:root[data-theme="dark"] .authv7-input::placeholder { color: #6B7785 !important; }
:root[data-theme="dark"] .authv7-prefix { color: #34D399 !important; }
:root[data-theme="dark"] .authv7-eye { color: #6B7785 !important; }
:root[data-theme="dark"] .authv7-eye:hover { color: #E6EAEF !important; }
:root[data-theme="dark"] .authv7-input:-webkit-autofill,
:root[data-theme="dark"] .authv7-input:-webkit-autofill:hover,
:root[data-theme="dark"] .authv7-input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #131922 inset !important;
    box-shadow: 0 0 0 1000px #131922 inset !important;
    -webkit-text-fill-color: #E6EAEF !important;
    caret-color: #E6EAEF !important;
}
:root[data-theme="dark"] .authv7-error {
    background: rgba(239, 68, 68, 0.14) !important;
    color: #FCA5A5 !important;
}
:root[data-theme="dark"] .authv7-switch { color: #6B7785 !important; }
:root[data-theme="dark"] .authv7-switch button { color: #6EE7B7 !important; }

/* Footer v7 */
:root[data-theme="dark"] .site-footer-v7 {
    background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(16, 185, 129, 0.06), transparent 70%),
        linear-gradient(to bottom, transparent 0%, #131922 30%),
        #0F1419 !important;
    border-top-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .sfv7-brand-wordmark { color: #E6EAEF !important; }
:root[data-theme="dark"] .sfv7-brand-wordmark .sfv7-brand-dot {
    color: #34D399 !important;
    text-shadow: 0 0 12px rgba(52, 211, 153, 0.5) !important;
}
:root[data-theme="dark"] .sfv7-copyright { color: #E6EAEF !important; }
:root[data-theme="dark"] .sfv7-disclaimer { color: #6B7785 !important; }
:root[data-theme="dark"] .sfv7-col-title { color: #E6EAEF !important; }
:root[data-theme="dark"] .sfv7-link-list a { color: #9AA5B1 !important; }
:root[data-theme="dark"] .sfv7-link-list a:hover { color: #6EE7B7 !important; }
:root[data-theme="dark"] .sfv7-contacts-title { color: #E6EAEF !important; }
:root[data-theme="dark"] .sfv7-contact-item { color: #9AA5B1 !important; }
:root[data-theme="dark"] .sfv7-contact-item-static { color: #6B7785 !important; }
:root[data-theme="dark"] .sfv7-contact-item a { color: #9AA5B1 !important; }
:root[data-theme="dark"] .sfv7-contact-item a:hover { color: #6EE7B7 !important; }
:root[data-theme="dark"] .sfv7-contacts {
    border-top-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .sfv7-social-btn {
    background: #1F262E !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #9AA5B1 !important;
}

/* Landing page hero */
:root[data-theme="dark"] .lp-hero {
    background: transparent !important;
}
:root[data-theme="dark"] .lp-hero-bg {
    background:
        radial-gradient(ellipse at 20% 30%, rgba(16, 185, 129, 0.1), transparent 50%),
        radial-gradient(ellipse at 80% 70%, rgba(16, 185, 129, 0.06), transparent 50%) !important;
}
:root[data-theme="dark"] .lp-hero-title { color: #E6EAEF !important; }
:root[data-theme="dark"] .lp-hero-title em { color: #6EE7B7 !important; }
:root[data-theme="dark"] .lp-hero-sub { color: #9AA5B1 !important; }
:root[data-theme="dark"] .lp-hero-badge {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(52, 211, 153, 0.32) !important;
    color: #6EE7B7 !important;
}
:root[data-theme="dark"] .lp-trust-num,
:root[data-theme="dark"] .lp-stat-val { color: #E6EAEF !important; }
:root[data-theme="dark"] .lp-trust-lbl,
:root[data-theme="dark"] .lp-stat-lbl,
:root[data-theme="dark"] .lp-trust-unit { color: #6B7785 !important; }

/* Landing chat mockup */
:root[data-theme="dark"] .lp-chat-mockup {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6) !important;
}
:root[data-theme="dark"] .lp-chat-head {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.08), #171D24) !important;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .lp-chat-name { color: #E6EAEF !important; }
:root[data-theme="dark"] .lp-chat-msg-bot {
    background: #1F262E !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .lp-chat-typing { background: #1F262E !important; }
:root[data-theme="dark"] .lp-chat-typing span { background: #6B7785 !important; }
:root[data-theme="dark"] .lp-float {
    background: #1F262E !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Stats bar */
:root[data-theme="dark"] .lp-stats-inner {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
}
:root[data-theme="dark"] .lp-stat { border-right-color: rgba(255, 255, 255, 0.06) !important; }
:root[data-theme="dark"] .lp-stat > i {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #6EE7B7 !important;
}

/* How it works steps */
:root[data-theme="dark"] .lp-step {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .lp-step:hover {
    border-color: rgba(52, 211, 153, 0.4) !important;
}
:root[data-theme="dark"] .lp-step-n { color: rgba(52, 211, 153, 0.18) !important; }
:root[data-theme="dark"] .lp-step-title { color: #E6EAEF !important; }
:root[data-theme="dark"] .lp-step-desc { color: #9AA5B1 !important; }

/* Features */
:root[data-theme="dark"] .lp-features { background: transparent !important; }
:root[data-theme="dark"] .lp-feat {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .lp-feat:hover {
    border-color: rgba(52, 211, 153, 0.4) !important;
}
:root[data-theme="dark"] .lp-feat h3 { color: #E6EAEF !important; }
:root[data-theme="dark"] .lp-feat p { color: #9AA5B1 !important; }

/* Payment cards */
:root[data-theme="dark"] .lp-pay-card {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-theme="dark"] .lp-pay-card:hover {
    background: rgba(16, 185, 129, 0.06) !important;
    border-color: #34D399 !important;
}
:root[data-theme="dark"] .lp-pay-label { color: #E6EAEF !important; }
:root[data-theme="dark"] .lp-pay-net { color: #6B7785 !important; }

/* Recent / fresh trades v2 */
:root[data-theme="dark"] .lp-recent { background: transparent !important; }
:root[data-theme="dark"] .lp-trade-card-v2 {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .lp-trade-card-v2:hover {
    border-color: rgba(52, 211, 153, 0.4) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important;
}
:root[data-theme="dark"] .lp-trade-v2-item { color: #E6EAEF !important; }
:root[data-theme="dark"] .lp-trade-v2-uname { color: #E6EAEF !important; }
:root[data-theme="dark"] .lp-trade-v2-time { color: #6B7785 !important; }
:root[data-theme="dark"] .lp-trade-v2-foot {
    border-top-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .lp-trade-v2-icon {
    background: rgba(255, 255, 255, 0.04) !important;
}
:root[data-theme="dark"] .lp-trade-v2-top .lp-trade-rarity {
    background: #1F262E !important;
    color: #9AA5B1 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Marquee fade overlays for dark */
@media (max-width: 900px) {
    :root[data-theme="dark"] .lp-recent::before {
        background: linear-gradient(90deg, #0F1419 0%, transparent 100%) !important;
    }
    :root[data-theme="dark"] .lp-recent::after {
        background: linear-gradient(-90deg, #0F1419 0%, transparent 100%) !important;
    }
}

/* FAQ */
:root[data-theme="dark"] .lp-faq-item {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .lp-faq-item[open] {
    border-color: rgba(52, 211, 153, 0.4) !important;
}
:root[data-theme="dark"] .lp-faq-q { color: #E6EAEF !important; }
:root[data-theme="dark"] .lp-faq-chev { color: #6B7785 !important; }
:root[data-theme="dark"] .lp-faq-a { color: #9AA5B1 !important; }

/* CTA bottom */
:root[data-theme="dark"] .lp-cta-bottom {
    background: radial-gradient(ellipse at center, rgba(16, 185, 129, 0.1), transparent 70%) !important;
}
:root[data-theme="dark"] .lp-cta-inner h2 { color: #E6EAEF !important; }
:root[data-theme="dark"] .lp-cta-inner p { color: #9AA5B1 !important; }

/* Mobile bottom nav */
:root[data-theme="dark"] .mobile-bottom-nav {
    background: #171D24 !important;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.4) !important;
}
:root[data-theme="dark"] .mbn-item { color: #6B7785 !important; }
:root[data-theme="dark"] .mbn-item.active { color: #34D399 !important; }

/* Support FAB */
:root[data-theme="dark"] .support-fab,
:root[data-theme="dark"] .support-fab-mini {
    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.3) !important;
}

/* Toast */
:root[data-theme="dark"] .toast {
    background: #E6EAEF !important;
    color: #0F1419 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

/* Scrollbar */
:root[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #131922 !important;
}
:root[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #34D399 !important;
    border-color: #131922 !important;
}
:root[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #6EE7B7 !important;
}

/* Selection */
:root[data-theme="dark"] ::selection {
    background: rgba(52, 211, 153, 0.4) !important;
    color: #E6EAEF !important;
}

/* Skeletons */
:root[data-theme="dark"] .skeleton {
    background: linear-gradient(90deg, #1F262E 0%, #232C36 50%, #1F262E 100%) !important;
    background-size: 200% 100% !important;
}

/* Custom select */
:root[data-theme="dark"] .custom-select-trigger {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .custom-select-trigger:hover {
    border-color: #34D399 !important;
    background: rgba(16, 185, 129, 0.08) !important;
}
:root[data-theme="dark"] .custom-select.open .custom-select-trigger {
    border-color: #34D399 !important;
}
:root[data-theme="dark"] .custom-select-panel {
    background: #1F262E !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-theme="dark"] .custom-select-option {
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .custom-select-option:hover,
:root[data-theme="dark"] .custom-select-option:focus {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #6EE7B7 !important;
}
:root[data-theme="dark"] .custom-select-option.selected {
    background: rgba(16, 185, 129, 0.16) !important;
    color: #6EE7B7 !important;
}
:root[data-theme="dark"] .cs-caret { color: #6B7785 !important; }

/* Page transitions */
:root[data-theme="dark"] .page-enter,
:root[data-theme="dark"] .page-leave {
    background: #0F1419 !important;
}

/* Contact page */
:root[data-theme="dark"] .contact-title { color: #E6EAEF !important; }
:root[data-theme="dark"] .contact-intro { color: #9AA5B1 !important; }
:root[data-theme="dark"] .contact-card {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .contact-card:hover {
    border-color: rgba(52, 211, 153, 0.4) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4) !important;
}
:root[data-theme="dark"] .cc-label { color: #6B7785 !important; }
:root[data-theme="dark"] .cc-value { color: #E6EAEF !important; }
:root[data-theme="dark"] .cc-hint { color: #6B7785 !important; }
:root[data-theme="dark"] .cc-ext { color: #6B7785 !important; }
:root[data-theme="dark"] .contact-faq {
    background: #131922 !important;
}
:root[data-theme="dark"] .contact-faq h2 { color: #E6EAEF !important; }
:root[data-theme="dark"] .contact-faq li { color: #9AA5B1 !important; }
:root[data-theme="dark"] .contact-faq li i { color: #34D399 !important; }

/* Legal pages */
:root[data-theme="dark"] .legal-container h1,
:root[data-theme="dark"] .legal-container h2 { color: #E6EAEF !important; }
:root[data-theme="dark"] .legal-container p,
:root[data-theme="dark"] .legal-container li { color: #9AA5B1 !important; }

/* Page wrap titles */
:root[data-theme="dark"] .page-title,
:root[data-theme="dark"] .page-wrap h1 { color: #E6EAEF !important; }
:root[data-theme="dark"] .page-title em { color: #6EE7B7 !important; }
:root[data-theme="dark"] .page-sub { color: #9AA5B1 !important; }
:root[data-theme="dark"] .page-back { color: #9AA5B1 !important; }
:root[data-theme="dark"] .page-back:hover { color: #6EE7B7 !important; }

/* History v7 */
:root[data-theme="dark"] .hdv7-hero {
    background:
        radial-gradient(ellipse 80% 60% at 10% 0%, rgba(16, 185, 129, 0.08), transparent 60%),
        #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),
                0 20px 48px rgba(0, 0, 0, 0.4) !important;
}
:root[data-theme="dark"] .hdv7-hero-top {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .hdv7-label {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(52, 211, 153, 0.32) !important;
    color: #6EE7B7 !important;
}
:root[data-theme="dark"] .hdv7-cur-toggle {
    background: #131922 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-theme="dark"] .hdv7-cur-btn { color: #6B7785 !important; }
:root[data-theme="dark"] .hdv7-cur-btn:hover { color: #E6EAEF !important; }
:root[data-theme="dark"] .hdv7-cur-btn.is-active {
    background: #1F262E !important;
    color: #6EE7B7 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4),
                0 2px 6px rgba(16, 185, 129, 0.2) !important;
}
:root[data-theme="dark"] .hdv7-amount-num {
    background: linear-gradient(135deg, #E6EAEF, #6EE7B7) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
:root[data-theme="dark"] .hdv7-amount-unit { color: #6EE7B7 !important; }
:root[data-theme="dark"] .hdv7-sub { color: #6B7785 !important; }
:root[data-theme="dark"] .hdv7-chart-label { color: #6B7785 !important; }
:root[data-theme="dark"] .hdv7-metric {
    background: #131922 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .hdv7-metric:hover {
    border-color: rgba(52, 211, 153, 0.32) !important;
}
:root[data-theme="dark"] .hdv7-m-icon {
    background: rgba(16, 185, 129, 0.14) !important;
    color: #6EE7B7 !important;
}
:root[data-theme="dark"] .hdv7-m-val { color: #E6EAEF !important; }
:root[data-theme="dark"] .hdv7-m-unit { color: #6EE7B7 !important; }
:root[data-theme="dark"] .hdv7-m-lbl { color: #6B7785 !important; }
:root[data-theme="dark"] .hdv7-search {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-theme="dark"] .hdv7-search:hover { border-color: rgba(52, 211, 153, 0.4) !important; }
:root[data-theme="dark"] .hdv7-search:focus-within { border-color: #34D399 !important; }
:root[data-theme="dark"] .hdv7-search-input { color: #E6EAEF !important; }
:root[data-theme="dark"] .hdv7-search-input::placeholder { color: #6B7785 !important; }
:root[data-theme="dark"] .hdv7-search-icon { color: #6B7785 !important; }
:root[data-theme="dark"] .hdv7-search:focus-within .hdv7-search-icon { color: #34D399 !important; }
:root[data-theme="dark"] .hdv7-sort-wrap {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-theme="dark"] .hdv7-sort-wrap:hover { border-color: rgba(52, 211, 153, 0.4) !important; }
:root[data-theme="dark"] .hdv7-sort-icon {
    color: #34D399 !important;
    border-right-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .hdv7-sort-trigger { color: #E6EAEF !important; }
:root[data-theme="dark"] .hdv7-sort-chev { color: #6B7785 !important; }
:root[data-theme="dark"] .hdv7-sort-menu {
    background: #1F262E !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4),
                0 16px 40px rgba(0, 0, 0, 0.6) !important;
}
:root[data-theme="dark"] .hdv7-sort-option { color: #9AA5B1 !important; }
:root[data-theme="dark"] .hdv7-sort-option:hover {
    background: #232C36 !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .hdv7-sort-option-icon {
    background: #131922 !important;
    color: #6B7785 !important;
}
:root[data-theme="dark"] .hdv7-sort-option:hover .hdv7-sort-option-icon {
    background: rgba(16, 185, 129, 0.18) !important;
    color: #6EE7B7 !important;
}
:root[data-theme="dark"] .hdv7-sort-option.is-selected {
    background: linear-gradient(90deg, rgba(16, 185, 129, 0.12), transparent) !important;
    color: #6EE7B7 !important;
}
:root[data-theme="dark"] .hdv7-pill-label { color: #6B7785 !important; }
:root[data-theme="dark"] .hdv7-pill-group {
    background: #131922 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .hdv7-pill { color: #6B7785 !important; }
:root[data-theme="dark"] .hdv7-pill:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .hdv7-pill.is-active {
    background: #1F262E !important;
    color: #6EE7B7 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}
:root[data-theme="dark"] .hdv7-card {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .hdv7-card:hover {
    border-color: rgba(52, 211, 153, 0.4) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),
                0 12px 28px rgba(0, 0, 0, 0.4) !important;
}
:root[data-theme="dark"] .hdv7-card-completed {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.04) 0%, transparent 40%), #171D24 !important;
}
:root[data-theme="dark"] .hdv7-item-name { color: #E6EAEF !important; }
:root[data-theme="dark"] .hdv7-meta-item { color: #6B7785 !important; }
:root[data-theme="dark"] .hdv7-meta-item code {
    background: #131922 !important;
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .hdv7-copy { color: #6B7785 !important; }
:root[data-theme="dark"] .hdv7-copy:hover {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #6EE7B7 !important;
}
:root[data-theme="dark"] .hdv7-pay-chip {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(52, 211, 153, 0.32) !important;
    color: #6EE7B7 !important;
}
:root[data-theme="dark"] .hdv7-tx-chip {
    background: #131922 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .hdv7-tx-chip code { color: #9AA5B1 !important; }
:root[data-theme="dark"] .hdv7-price { color: #E6EAEF !important; }
:root[data-theme="dark"] .hdv7-price-num {
    background: linear-gradient(135deg, #E6EAEF, #34D399) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
:root[data-theme="dark"] .hdv7-card-completed .hdv7-price-num {
    background: linear-gradient(135deg, #34D399, #6EE7B7) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
:root[data-theme="dark"] .hdv7-price-unit { color: #6EE7B7 !important; }
:root[data-theme="dark"] .hdv7-rail {
    border-top-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .hdv7-rail-dot {
    background: #131922 !important;
    color: #6B7785 !important;
}
:root[data-theme="dark"] .hdv7-rail-label { color: #6B7785 !important; }
:root[data-theme="dark"] .hdv7-rail-line { background: rgba(255, 255, 255, 0.06) !important; }
:root[data-theme="dark"] .hdv7-group-label { color: #E6EAEF !important; }
:root[data-theme="dark"] .hdv7-group-count {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #6EE7B7 !important;
}
:root[data-theme="dark"] .hdv7-group-line {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.06), transparent) !important;
}
:root[data-theme="dark"] .hdv7-status-completed {
    background: rgba(16, 185, 129, 0.14) !important;
    color: #6EE7B7 !important;
}
:root[data-theme="dark"] .hdv7-status-pending {
    background: rgba(245, 158, 11, 0.14) !important;
    color: #FCD34D !important;
}
:root[data-theme="dark"] .hdv7-status-cancelled {
    background: rgba(107, 119, 133, 0.14) !important;
    color: #9AA5B1 !important;
}

/* Earnings celebrate (history) */
:root[data-theme="dark"] .earnings-celebrate {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(16, 185, 129, 0.04)) !important;
    border-color: rgba(52, 211, 153, 0.32) !important;
}
:root[data-theme="dark"] .ec-amount { color: #E6EAEF !important; }
:root[data-theme="dark"] .ec-label { color: #6EE7B7 !important; }
:root[data-theme="dark"] .ec-amount .ec-currency { color: #6EE7B7 !important; }
:root[data-theme="dark"] .ec-sub { color: #9AA5B1 !important; }

/* Trust badges */
:root[data-theme="dark"] .lp-trust-badge {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .lp-trust-badge:hover {
    border-color: rgba(52, 211, 153, 0.4) !important;
}
:root[data-theme="dark"] .lp-trust-badge-label { color: #E6EAEF !important; }
:root[data-theme="dark"] .lp-trust-badge-sub { color: #6B7785 !important; }

/* FAQ chrome */
:root[data-theme="dark"] .resumed-notice {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #6EE7B7 !important;
}

/* Page-wrap floating items */
:root[data-theme="dark"] .floating-items-bg {
    opacity: 0.6 !important;
}

/* Tile tooltip */
:root[data-theme="dark"] .sp-tile-tip {
    background: #1F262E !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6) !important;
}
:root[data-theme="dark"] .sp-tile-tip::after { border-top-color: #1F262E !important; }
:root[data-theme="dark"] .sp-tile-tip-name { color: #E6EAEF !important; }
:root[data-theme="dark"] .sp-tile-tip-sub { color: #6B7785 !important; }

/* Trade timeline */
:root[data-theme="dark"] .tl-group-items::before { background: rgba(255, 255, 255, 0.08) !important; }
:root[data-theme="dark"] .tl-dot {
    background: #1F262E !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #6B7785 !important;
}
:root[data-theme="dark"] .tl-item-completed .tl-dot {
    background: #34D399 !important;
    border-color: #34D399 !important;
    color: #0F1419 !important;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.15) !important;
}

/* Toolbar / shop filters */
:root[data-theme="dark"] .shop-toolbar,
:root[data-theme="dark"] .shop-filters {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

/* Sort dropdown for shop */
:root[data-theme="dark"] .shop-sort-btn,
:root[data-theme="dark"] .shop-rarity-btn {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .shop-sort-btn:hover,
:root[data-theme="dark"] .shop-rarity-btn:hover { border-color: rgba(52, 211, 153, 0.4) !important; }
:root[data-theme="dark"] .shop-sort-menu,
:root[data-theme="dark"] .shop-rarity-menu {
    background: #1F262E !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.6) !important;
}
:root[data-theme="dark"] .shop-sort-opt,
:root[data-theme="dark"] .shop-rarity-opt { color: #9AA5B1 !important; }
:root[data-theme="dark"] .shop-sort-opt:hover,
:root[data-theme="dark"] .shop-rarity-opt:hover {
    background: #232C36 !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .shop-sort-opt.active,
:root[data-theme="dark"] .shop-rarity-opt.active {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #6EE7B7 !important;
}

/* Page wrap & contact main bg */
:root[data-theme="dark"] body:not(.chat-page) main.app,
:root[data-theme="dark"] .page-wrap,
:root[data-theme="dark"] .contact-main {
    background: transparent !important;
}

/* Landing wrapper */
:root[data-theme="dark"] body:has(.landing-wrapper) main.app {
    background: transparent !important;
}

/* ==== END DARK MODE OVERRIDES ==== */

/* ============================================================================
   THEME TOGGLE BUTTON — VISIBILITY FIX
   style.css'te (~1900. satır) '.theme-toggle, #theme-toggle-btn { display:none }'
   diye bir kural vardı (eski "force-light" mantığından kalma).
   Bu kuralı override ederek butonu geri görünür hale getiriyoruz.
   ============================================================================ */
.theme-toggle,
#theme-toggle-btn,
button.theme-toggle,
button#theme-toggle-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Mobil kontrolü de dahil */
@media (max-width: 480px) {
    .theme-toggle,
    #theme-toggle-btn {
        display: inline-flex !important;
    }
}

/* ============================================================================
   GUEST LOGIN-REQUIRED CARD (history.php, cashout.php, vb.)
   Misafir kullanıcılar için sayfada gösterilen "giriş yap" kartı
   ============================================================================ */
.hist-guest-card,
.co-guest-card {
    max-width: 520px;
    margin: 60px auto;
    padding: 48px 32px 40px;
    background: var(--bg-card, #FFFFFF);
    border: 1px solid var(--border-1, rgba(11, 31, 23, 0.08));
    border-radius: 24px;
    text-align: center;
    box-shadow: 0 8px 32px -8px rgba(11, 31, 23, 0.08);
    position: relative;
    overflow: hidden;
}

/* Subtle decorative gradient at top */
.hist-guest-card::before,
.co-guest-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #34D399, transparent);
    opacity: 0.5;
}

.hist-guest-icon,
.co-guest-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    color: #fff;
    font-size: 28px;
    box-shadow: 0 8px 24px -4px rgba(16, 185, 129, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
    position: relative;
}

/* Subtle glow ring around icon */
.hist-guest-icon::after,
.co-guest-icon::after {
    content: '';
    position: absolute;
    inset: -8px;
    border-radius: 28px;
    border: 1px solid rgba(16, 185, 129, 0.2);
    opacity: 0.6;
    animation: guest-ring-pulse 3s ease-in-out infinite;
}
@keyframes guest-ring-pulse {
    0%, 100% { transform: scale(1); opacity: 0.4; }
    50%      { transform: scale(1.05); opacity: 0.7; }
}

.hist-guest-title,
.co-guest-title {
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--text-1, #0B1F17);
    margin: 0 0 12px;
    line-height: 1.3;
}

.hist-guest-desc,
.co-guest-desc {
    font-size: 14.5px;
    line-height: 1.6;
    color: var(--text-2, #3B5144);
    margin: 0 0 28px;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.hist-guest-actions,
.co-guest-actions {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.hist-guest-btn,
.co-guest-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 50px;
    padding: 0 24px;
    border-radius: 15px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border: 0;
    transition: transform 0.1s, background 0.18s, box-shadow 0.18s, border-color 0.18s;
    line-height: 1;
    white-space: nowrap;
}
.hist-guest-btn:active,
.co-guest-btn:active { transform: scale(0.98); }

.hist-guest-btn-primary,
.co-guest-btn-primary {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    color: #fff;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.hist-guest-btn-primary:hover,
.co-guest-btn-primary:hover {
    box-shadow: 0 6px 18px -2px rgba(16, 185, 129, 0.45),
                inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
}

.hist-guest-btn-ghost,
.co-guest-btn-ghost {
    background: var(--bg-soft, rgba(11, 31, 23, 0.03));
    color: var(--text-1, #0B1F17);
    border: 1px solid var(--border-1, rgba(11, 31, 23, 0.08));
}
.hist-guest-btn-ghost:hover,
.co-guest-btn-ghost:hover {
    background: rgba(11, 31, 23, 0.05);
    border-color: rgba(16, 185, 129, 0.25);
    box-shadow: 0 2px 10px -2px rgba(11, 31, 23, 0.1),
                0 0 0 3px rgba(16, 185, 129, 0.06);
}

.hist-guest-features,
.co-guest-features {
    display: flex;
    justify-content: center;
    gap: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--border-1, rgba(11, 31, 23, 0.06));
    flex-wrap: wrap;
}
.hist-guest-feature,
.co-guest-feature {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--text-3, #6B8478);
}
.hist-guest-feature i,
.co-guest-feature i {
    color: #10B981;
    font-size: 12px;
}

/* Dark mode */
:root[data-theme="dark"] .hist-guest-card,
:root[data-theme="dark"] .co-guest-card {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 8px 32px -8px rgba(0, 0, 0, 0.4) !important;
}
:root[data-theme="dark"] .hist-guest-title,
:root[data-theme="dark"] .co-guest-title { color: #E6EAEF !important; }
:root[data-theme="dark"] .hist-guest-desc,
:root[data-theme="dark"] .co-guest-desc { color: #9AA5B1 !important; }
:root[data-theme="dark"] .hist-guest-btn-ghost,
:root[data-theme="dark"] .co-guest-btn-ghost {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #E6EAEF !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
:root[data-theme="dark"] .hist-guest-btn-ghost:hover,
:root[data-theme="dark"] .co-guest-btn-ghost:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(52, 211, 153, 0.3) !important;
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.3),
                0 0 0 3px rgba(16, 185, 129, 0.08) !important;
}
:root[data-theme="dark"] .hist-guest-features,
:root[data-theme="dark"] .co-guest-features {
    border-top-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .hist-guest-feature,
:root[data-theme="dark"] .co-guest-feature { color: #9AA5B1 !important; }
:root[data-theme="dark"] .hist-guest-feature i,
:root[data-theme="dark"] .co-guest-feature i { color: #34D399 !important; }

@media (max-width: 600px) {
    .hist-guest-card,
    .co-guest-card {
        margin: 32px 16px;
        padding: 36px 22px 32px;
        border-radius: 20px;
    }
    .hist-guest-title,
    .co-guest-title { font-size: 19px; }
    .hist-guest-desc,
    .co-guest-desc { font-size: 14px; }
    .hist-guest-icon,
    .co-guest-icon { width: 64px; height: 64px; font-size: 24px; }
    .hist-guest-actions,
    .co-guest-actions { flex-direction: column; align-items: stretch; }
    .hist-guest-btn,
    .co-guest-btn { justify-content: center; }
    .hist-guest-features,
    .co-guest-features { gap: 14px; }
}

/* ============================================================================
   TOPBAR FORCE-VISIBLE (style.css'in bazı kuralları sağ taraf elemanlarını
   gizliyor olabilir — burada hepsini zorla görünür yapıyoruz)
   ============================================================================ */
.topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.topbar-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-left: auto !important;
}

/* Her bir buton tek tek görünür olsun */
.topbar-actions > *,
.topbar-actions .lang-switcher,
.topbar-actions .theme-toggle,
.topbar-actions .auth-cta-v7,
.topbar-actions .auth-btn-v7,
.topbar-actions .user-card-btn-v7,
.topbar-actions #user-btn,
.topbar-actions #auth-btn,
.topbar-actions #register-btn-v7,
.topbar-actions #theme-toggle-btn,
.topbar-actions #lang-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Lang switcher container görünür ve butona izin versin */
.lang-switcher {
    position: relative !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Auth CTA group — login + register butonları */
.auth-cta-v7 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Brand görünür olsun */
.brand,
.brand-v7 {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-shrink: 0 !important;
}

/* ============================================================================
   LANG BUTTON HEIGHT FORCE — style.css'in icon-btn kuralı override etmesin
   ============================================================================ */
.lang-btn,
.lang-btn-v2,
.icon-btn.lang-btn,
.icon-btn.lang-btn-v2,
button.lang-btn-v2,
button.icon-btn.lang-btn-v2 {
    height: 42px !important;
    min-height: 42px !important;
    width: auto !important;
    padding: 0 12px 0 10px !important;
    border-radius: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    box-sizing: border-box !important;
}

.lang-btn-v2 .lang-flag {
    width: 22px !important;
    height: 16px !important;
}
.lang-btn-v2 .lang-current {
    display: inline-block !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
}

@media (max-width: 640px) {
    .lang-btn,
    .lang-btn-v2,
    .icon-btn.lang-btn,
    .icon-btn.lang-btn-v2,
    button.lang-btn-v2 {
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 10px 0 9px !important;
        border-radius: 12px !important;
        gap: 7px !important;
    }
    .lang-btn-v2 .lang-flag { width: 20px !important; height: 14px !important; }
    .lang-btn-v2 .lang-current { font-size: 12px !important; }
}

/* ============================================================================
   PRICES PAGE — KART GÖRSEL ARKA PLANLARI (DARK MODE)
   Light modedeki canlı pastel gradient'leri dark mode'a uyarlıyoruz.
   Sorun: opacity'leri 0.22 civarındaydı, dark zeminde kayboluyordu.
   Çözüm: Daha doygun/parlak gradient'ler ve dark mode'a uygun yumuşatma.
   ============================================================================ */

/* COMMON — gri-açık */
:root[data-theme="dark"] .pr-card.r-common .pr-card-img {
    background: linear-gradient(135deg, rgba(156, 163, 175, 0.22), rgba(75, 85, 99, 0.18)) !important;
}

/* UNCOMMON — mavi */
:root[data-theme="dark"] .pr-card.r-uncommon .pr-card-img {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.32), rgba(96, 165, 250, 0.22)) !important;
}

/* RARE — yeşil */
:root[data-theme="dark"] .pr-card.r-rare .pr-card-img {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.30), rgba(74, 222, 128, 0.20)) !important;
}

/* LEGENDARY — kırmızı */
:root[data-theme="dark"] .pr-card.r-legendary .pr-card-img {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.30), rgba(252, 165, 165, 0.18)) !important;
}

/* GODLY — altın conic */
:root[data-theme="dark"] .pr-card.r-godly .pr-card-img {
    background: conic-gradient(from 45deg at 50% 50%,
        rgba(251, 191, 36, 0.40) 0deg, rgba(253, 230, 138, 0.22) 45deg,
        rgba(251, 191, 36, 0.40) 90deg, rgba(253, 230, 138, 0.22) 135deg,
        rgba(251, 191, 36, 0.40) 180deg, rgba(253, 230, 138, 0.22) 225deg,
        rgba(251, 191, 36, 0.40) 270deg, rgba(253, 230, 138, 0.22) 315deg,
        rgba(251, 191, 36, 0.40) 360deg) !important;
}

/* ANCIENT — mor */
:root[data-theme="dark"] .pr-card.r-ancient .pr-card-img {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.36), rgba(196, 181, 253, 0.20)) !important;
}

/* VINTAGE — pembe */
:root[data-theme="dark"] .pr-card.r-vintage .pr-card-img {
    background: linear-gradient(135deg, rgba(236, 72, 153, 0.32), rgba(249, 168, 212, 0.20)) !important;
}

/* UNIQUE — turuncu */
:root[data-theme="dark"] .pr-card.r-unique .pr-card-img {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.32), rgba(253, 186, 116, 0.20)) !important;
}

/* CHROMA — gökkuşağı (en gözle görünür) */
:root[data-theme="dark"] .pr-card.r-chroma .pr-card-img {
    background: conic-gradient(from 0deg at 50% 50%,
        rgba(167, 139, 250, 0.45), rgba(244, 114, 182, 0.45),
        rgba(251, 191, 36, 0.45), rgba(52, 211, 153, 0.45),
        rgba(96, 165, 250, 0.45), rgba(167, 139, 250, 0.45)) !important;
}

/* Dot pattern overlay'leri — dark mode'da çok soluk olsun, göz almasın */
:root[data-theme="dark"] .pr-card-img::before {
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.18) 0.8px, transparent 1.2px) !important;
    background-size: 18px 18px !important;
    opacity: 0.18 !important;
}

/* Godly'nin altın noktaları — soluk */
:root[data-theme="dark"] .pr-card.r-godly .pr-card-img::before {
    background-image: radial-gradient(circle, rgba(255, 215, 100, 0.25) 1px, transparent 1.5px) !important;
    background-size: 16px 16px !important;
    opacity: 0.22 !important;
}

/* Ancient mor noktaları — soluk */
:root[data-theme="dark"] .pr-card.r-ancient .pr-card-img::before {
    background-image:
        radial-gradient(circle at 25% 25%, rgba(196, 181, 253, 0.22) 0.8px, transparent 1.5px),
        radial-gradient(circle at 75% 75%, rgba(216, 180, 254, 0.22) 0.8px, transparent 1.5px) !important;
    opacity: 0.25 !important;
}

/* Chroma'nın beyaz noktaları — soluk */
:root[data-theme="dark"] .pr-card.r-chroma .pr-card-img::before {
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.25) 0.8px, transparent 1.2px) !important;
    background-size: 14px 14px !important;
    opacity: 0.2 !important;
}

/* Vintage çizgileri — soluk */
:root[data-theme="dark"] .pr-card.r-vintage .pr-card-img::before {
    background-image: repeating-linear-gradient(45deg, rgba(244, 114, 182, 0.08) 0 1px, transparent 1px 14px) !important;
    opacity: 0.5 !important;
}

/* Unique çizgileri — soluk */
:root[data-theme="dark"] .pr-card.r-unique .pr-card-img::before {
    background-image:
        repeating-linear-gradient(45deg, rgba(251, 146, 60, 0.08) 0 1px, transparent 1px 12px),
        repeating-linear-gradient(-45deg, rgba(251, 146, 60, 0.06) 0 1px, transparent 1px 12px) !important;
    opacity: 0.45 !important;
}

/* Item görsellerinin "drop-shadow" efektini dark mode'a uyarla */
:root[data-theme="dark"] .pr-card-img img {
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.35)) drop-shadow(0 0 1px rgba(255, 255, 255, 0.05)) !important;
}

/* Kartın kendisinin de daha güzel durması için ufak bir vurgu */
:root[data-theme="dark"] .pr-card {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .pr-card:hover {
    border-color: rgba(52, 211, 153, 0.32) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4),
                0 0 0 1px rgba(52, 211, 153, 0.1) !important;
}
:root[data-theme="dark"] .pr-card.in-cart {
    border-color: var(--mint-500) !important;
    box-shadow: 0 0 0 1px var(--mint-500),
                0 12px 28px rgba(16, 185, 129, 0.2) !important;
}

/* ============================================================================
   HISTORY — hist-btn-primary dark mode fix
   Mevcut history.php: `[data-theme="dark"] .hist-btn-primary { color: var(--bg-base); }`
   bu da koyu yeşil zeminde siyah yazı yapıyor. Override ediyoruz.
   ============================================================================ */
:root[data-theme="dark"] .hist-btn-primary {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 3px 10px rgba(16, 185, 129, 0.32),
                inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}
:root[data-theme="dark"] .hist-btn-primary:hover {
    background: linear-gradient(135deg, #34D399 0%, #10B981 100%) !important;
    color: #fff !important;
    box-shadow: 0 6px 18px rgba(16, 185, 129, 0.45),
                inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}
:root[data-theme="dark"] .hist-btn-primary i {
    color: #fff !important;
}

/* Aynı problem cashout/profile'da olabilir, btn-primary için de override */
:root[data-theme="dark"] .btn-primary {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    color: #fff !important;
}
:root[data-theme="dark"] .btn-primary:hover {
    background: linear-gradient(135deg, #34D399 0%, #10B981 100%) !important;
    color: #fff !important;
}

/* Empty CTA aynı mantıkla */
:root[data-theme="dark"] .empty-cta {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    color: #fff !important;
}
:root[data-theme="dark"] .empty-cta:hover {
    background: linear-gradient(135deg, #34D399 0%, #10B981 100%) !important;
    color: #fff !important;
}

/* Chip active text dark mode */
:root[data-theme="dark"] .chip.active {
    background: #34D399 !important;
    color: #0F1419 !important;
}

/* ============================================================================
   SUPPORT DRAWER (Contact support widget) — DARK MODE
   Sağ alt köşedeki "Need help?" pop-up sohbet widget'ı.
   Eski yeşil paleti yerine yeni neutral palete uyarla.
   ============================================================================ */

/* Drawer container */
:root[data-theme="dark"] .sup-widget {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6),
                0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

/* Header */
:root[data-theme="dark"] .sup-widget-head {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(23, 29, 36, 0.5)) !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-theme="dark"] .sup-widget-title {
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .sup-widget-sub {
    color: #9AA5B1 !important;
}

/* Avatar */
:root[data-theme="dark"] .sup-widget-avatar {
    background: linear-gradient(135deg, #10B981, #059669) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important;
}
:root[data-theme="dark"] .sup-widget-dot {
    border-color: #171D24 !important;
}
:root[data-theme="dark"] .sup-widget-dot[data-online="true"] {
    background: #34D399 !important;
}
:root[data-theme="dark"] .sup-widget-dot[data-online="false"] {
    background: #6B7785 !important;
}

/* Icon buttons (close, menu) */
:root[data-theme="dark"] .sup-widget-iconbtn {
    background: transparent !important;
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .sup-widget-iconbtn:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #E6EAEF !important;
}

/* Body */
:root[data-theme="dark"] .sup-widget-body {
    background: #171D24 !important;
}

/* Pane heading */
:root[data-theme="dark"] .sup-pane-heading {
    color: #E6EAEF !important;
}

/* Topic grid cards */
:root[data-theme="dark"] .sup-topic-card {
    background: #1F262E !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .sup-topic-card:hover {
    background: #232C36 !important;
    border-color: rgba(52, 211, 153, 0.32) !important;
    transform: translateY(-1px);
}
:root[data-theme="dark"] .sup-topic-card i {
    color: #34D399 !important;
}
:root[data-theme="dark"] .sup-topic-card span {
    color: #E6EAEF !important;
}

/* Back link */
:root[data-theme="dark"] .sup-back-link {
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .sup-back-link:hover {
    color: #E6EAEF !important;
    background: rgba(255, 255, 255, 0.04) !important;
}

/* Compose form */
:root[data-theme="dark"] #sup-compose-body,
:root[data-theme="dark"] .sup-pane-compose textarea {
    background: #131922 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] #sup-compose-body:focus,
:root[data-theme="dark"] .sup-pane-compose textarea:focus {
    border-color: #34D399 !important;
}
:root[data-theme="dark"] #sup-compose-body::placeholder {
    color: #6B7785 !important;
}

/* Compose footer attach + send */
:root[data-theme="dark"] .sup-attach-label {
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .sup-attach-label:hover {
    color: #34D399 !important;
}
:root[data-theme="dark"] .sup-compose-file-chip {
    background: #1F262E !important;
    color: #E6EAEF !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Send button */
:root[data-theme="dark"] .sup-send-btn {
    background: linear-gradient(135deg, #10B981, #059669) !important;
    color: #fff !important;
    border: 0 !important;
}
:root[data-theme="dark"] .sup-send-btn:hover {
    background: linear-gradient(135deg, #34D399, #10B981) !important;
    color: #fff !important;
}

/* Compose error */
:root[data-theme="dark"] .sup-compose-err {
    background: rgba(239, 68, 68, 0.14) !important;
    color: #FCA5A5 !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

/* Chat composer */
:root[data-theme="dark"] .sup-chat-composer {
    background: #131922 !important;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-theme="dark"] #hdr-usd-chat-input,
:root[data-theme="dark"] .sup-chat-composer textarea {
    background: #1F262E !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] #hdr-usd-chat-input::placeholder {
    color: #6B7785 !important;
}

/* Context card */
:root[data-theme="dark"] .sup-ctx-card {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.08), rgba(31, 38, 46, 0.4)) !important;
    border-color: rgba(52, 211, 153, 0.32) !important;
}
:root[data-theme="dark"] .sup-ctx-ic {
    background: rgba(16, 185, 129, 0.18) !important;
    color: #34D399 !important;
}
:root[data-theme="dark"] .sup-ctx-label {
    color: #6EE7B7 !important;
}
:root[data-theme="dark"] .sup-ctx-title {
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .sup-ctx-code {
    color: #9AA5B1 !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

/* Messages */
:root[data-theme="dark"] .sup-messages {
    background: #131922 !important;
}
:root[data-theme="dark"] .sup-msg-bubble {
    background: #1F262E !important;
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .sup-msg-user .sup-msg-bubble {
    background: linear-gradient(135deg, #10B981, #059669) !important;
    color: #fff !important;
}
:root[data-theme="dark"] .sup-msg-time {
    color: #6B7785 !important;
}
:root[data-theme="dark"] .sup-msg-system {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #9AA5B1 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-theme="dark"] .sup-msg-avatar-admin {
    background: linear-gradient(135deg, #10B981, #059669) !important;
    color: #fff !important;
}

/* Menu dropdown */
:root[data-theme="dark"] .sup-menu-dropdown {
    background: #1F262E !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5) !important;
}
:root[data-theme="dark"] .sup-menu-item {
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .sup-menu-item:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}
:root[data-theme="dark"] .sup-menu-item i {
    color: #6B7785 !important;
}

/* Confirm modal (Ticket close confirmation) */
:root[data-theme="dark"] .sup-confirm {
    background: rgba(0, 0, 0, 0.7) !important;
}
:root[data-theme="dark"] .sup-confirm-card {
    background: #171D24 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6) !important;
}
:root[data-theme="dark"] .sup-confirm-ic {
    background: rgba(245, 158, 11, 0.16) !important;
    color: #FCD34D !important;
}
:root[data-theme="dark"] .sup-confirm-title {
    color: #E6EAEF !important;
}
:root[data-theme="dark"] .sup-confirm-sub {
    color: #9AA5B1 !important;
}
:root[data-theme="dark"] .sup-confirm-cancel {
    background: #1F262E !important;
    color: #E6EAEF !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-theme="dark"] .sup-confirm-cancel:hover {
    background: #232C36 !important;
}
:root[data-theme="dark"] .sup-confirm-ok {
    background: #EF4444 !important;
    color: #fff !important;
}
:root[data-theme="dark"] .sup-confirm-ok:hover {
    background: #DC2626 !important;
}

/* Need-help FAB (kapalı durumda gözüken yeşil yardım butonu) */
:root[data-theme="dark"] .need-help-fab {
    background: linear-gradient(135deg, #10B981, #059669) !important;
    color: #fff !important;
    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.35) !important;
}
:root[data-theme="dark"] .need-help-fab:hover {
    background: linear-gradient(135deg, #34D399, #10B981) !important;
    box-shadow: 0 12px 30px rgba(16, 185, 129, 0.45) !important;
}
:root[data-theme="dark"] .nhf-bubble {
    background: #1F262E !important;
    color: #E6EAEF !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}
:root[data-theme="dark"] .nhf-badge {
    background: #EF4444 !important;
    color: #fff !important;
    border-color: #171D24 !important;
}

/* Topic grid genel grid bg */
:root[data-theme="dark"] .sup-topic-grid {
    background: transparent !important;
}

/* ============================================================================
   CASHOUT — co-cur-svg (USDT/Robux toggle butonundaki SVG icon)
   ============================================================================ */
.co-cur-svg {
    display: inline-flex;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}
.co-cur-svg svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* ============================================================================
   CASHOUT — Wallet activity (transaction kartları) HOVER'I KALDIR
   Kullanıcı düz dursun istiyor, vurgulama yok.
   ============================================================================ */
.co-tx,
.co-tx:hover {
    transform: none !important;
}
.co-tx:hover {
    /* Border ve box-shadow değişimini de kaldır */
    border-color: var(--border-1) !important;
    box-shadow: none !important;
    background: var(--bg-card) !important;
}

/* Dark mode için de aynısı */
:root[data-theme="dark"] .co-tx,
:root[data-theme="dark"] .co-tx:hover {
    transform: none !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
    background: #171D24 !important;
}

/* tx-list'in kendisinde de hover-altered grafix varsa engelle */
.co-tx-list .co-tx::after,
.co-tx-list .co-tx::before {
    transition: none !important;
}

/* ============================================================================
   CASHOUT — Wallet activity tooltip kapatma
   data-tooltip attribute'u zaten cashout.php'den kaldırıldı, ama JS dinamik
   tooltip oluşturuyorsa ek güvenlik olarak class-bazlı tooltipleri gizle.
   ============================================================================ */
.co-tx-tooltip,
.co-tooltip,
.co-tx[data-tooltip]::after,
.co-tx[data-tooltip]::before,
[data-tx-tooltip],
.cashout-tooltip,
.tx-hover-tooltip {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* ============================================================================
   FOOTER — Logo + büyütülmüş wordmark (header ile uyumlu)
   ============================================================================ */
.sfv7-brand-link {
    display: inline-flex !important;
    align-items: center;
    gap: 11px;
    text-decoration: none;
    transition: transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
    max-width: max-content;
}
.sfv7-brand-link:hover {
    transform: translateY(-1px);
}
.sfv7-brand-link:hover .sfv7-brand-logo {
    transform: rotate(-6deg) scale(1.05);
}
.sfv7-brand-logo,
img.sfv7-brand-logo,
.sfv7-brand-link img.sfv7-brand-logo {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border-radius: 12px !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    display: inline-block !important;
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: none !important;
}
.sfv7-brand-wordmark {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 800 !important;
    font-size: 28px !important;
    letter-spacing: -0.035em !important;
    line-height: 1 !important;
    white-space: nowrap;
    background: linear-gradient(135deg, #0F1419 0%, #2D3540 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #0F1419;
}
.sfv7-brand-dot {
    color: #10B981 !important;
    -webkit-text-fill-color: #10B981 !important;
    font-weight: 900 !important;
    font-size: 1.05em !important;
    text-shadow: 0 0 16px rgba(16, 185, 129, 0.55);
    margin: 0 1px;
}
:root[data-theme="dark"] .sfv7-brand-wordmark {
    background: linear-gradient(135deg, #FFFFFF 0%, #B8C5D0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #FFFFFF !important;
}
:root[data-theme="dark"] .sfv7-brand-dot {
    color: #34D399 !important;
    -webkit-text-fill-color: #34D399 !important;
    text-shadow: 0 0 18px rgba(52, 211, 153, 0.65) !important;
}

@media (max-width: 640px) {
    .sfv7-brand-link { gap: 9px; }
    .sfv7-brand-logo,
    img.sfv7-brand-logo,
    .sfv7-brand-link img.sfv7-brand-logo {
        width: 38px !important;
        height: 38px !important;
        max-width: 38px !important;
        max-height: 38px !important;
        border-radius: 10px !important;
    }
    .sfv7-brand-wordmark { font-size: 23px !important; }
}