/* ======================================================== DARK MODE – html.dark overrides Applied instantly (anti-flash script in ) ======================================================== */ html.dark { color-scheme: dark; background: #0f172a; } /* Body */ html.dark body { background:#0f172a !important; color:#e2e8f0; } /* ── AUTH PAGES (standalone layout:false pages) ── */ html.dark .auth-card { background:#1e293b !important; box-shadow:0 1px 3px rgba(0,0,0,.2),0 6px 24px rgba(0,0,0,.35) !important; } html.dark .auth-title { color:#f1f5f9 !important; } html.dark .auth-sub { color:#94a3b8 !important; } html.dark .alert-error { background:rgba(220,38,38,.08) !important; border-color:rgba(252,165,165,.25) !important; color:#fca5a5 !important; } html.dark .alert-warn { background:rgba(202,138,4,.08) !important; border-color:rgba(253,211,77,.25) !important; color:#fcd34d !important; } html.dark .alert-success { background:rgba(22,163,74,.08) !important; border-color:rgba(74,222,128,.25) !important; color:#86efac !important; } html.dark .btn-google { background:#334155 !important; border-color:#475569 !important; color:#cbd5e1 !important; } html.dark .btn-google:hover { background:#475569 !important; border-color:#64748b !important; } html.dark .or-divider::before, html.dark .or-divider::after { background:#334155 !important; } html.dark .or-divider span { color:#64748b !important; } html.dark .field-label label { color:#94a3b8 !important; } html.dark .auth-input { background:#0f172a !important; border-color:#475569 !important; color:#f1f5f9 !important; } html.dark .auth-input::placeholder { color:#475569 !important; } html.dark .auth-input:focus { border-color:#be185d !important; } html.dark .check-row label { color:#94a3b8 !important; } /* ── BASE CARD (style.css .card / .stat-card) ── */ /* No !important here so inline style= (e.g. Telegram card bg:#0088cc) keeps its colour */ html.dark .card { background:#1e293b; border-color:#334155; box-shadow:0 1px 3px rgba(0,0,0,.25),0 4px 16px rgba(0,0,0,.3); color:#e2e8f0; } html.dark .stat-card { background:#1e293b; border-color:#334155; box-shadow:0 1px 3px rgba(0,0,0,.25); color:#e2e8f0; } html.dark .card-footer { border-top-color:#334155 !important; color:#94a3b8 !important; } /* ── SUPPORT PAGE ── */ html.dark .divide-y > * { border-top-color:#334155 !important; } html.dark .divide-gray-100 > * { border-color:#334155 !important; } html.dark .hover\:bg-gray-50:hover { background:#334155 !important; } html.dark .bg-pink-100 { background:rgba(233,75,127,.15) !important; } html.dark .text-pink-600 { color:#f472b6 !important; } html.dark .badge-gray { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .badge-green { background:rgba(22,163,74,.1) !important; border-color:rgba(74,222,128,.3) !important; color:#4ade80 !important; } html.dark .badge-yellow { background:rgba(202,138,4,.1) !important; border-color:rgba(253,211,77,.3) !important; color:#fcd34d !important; } html.dark .bg-green-50 { background:rgba(22,163,74,.08) !important; } html.dark .bg-pink-50 { background:rgba(233,75,127,.08) !important; } html.dark .border-green-200 { border-color:rgba(74,222,128,.3) !important; } html.dark .text-green-800 { color:#86efac !important; } html.dark .text-green-500 { color:#4ade80 !important; } html.dark .bg-red-50 { background:rgba(220,38,38,.08) !important; } html.dark .border-red-200 { border-color:rgba(252,165,165,.25) !important; } html.dark .text-red-700 { color:#fca5a5 !important; } html.dark .text-red-500 { color:#f87171 !important; } html.dark input.border-gray-300, html.dark textarea.border-gray-300 { background:#0f172a !important; border-color:#475569 !important; color:#f1f5f9 !important; } html.dark input.border-gray-300::placeholder, html.dark textarea.border-gray-300::placeholder { color:#475569 !important; } html.dark .text-gray-300 { color:#64748b !important; } html.dark .page-footer { color:#64748b !important; } /* 2FA & OTP */ html.dark .otp-input { background:#0f172a !important; border-color:#475569 !important; color:#f1f5f9 !important; } html.dark .otp-input:focus { border-color:#be185d !important; } /* Reset password */ html.dark .pwd-bar { background:#334155 !important; } html.dark .pwd-hint { color:#94a3b8 !important; } /* Verify / error pages */ html.dark .verify-card { background:#1e293b !important; border-color:#334155 !important; } /* Theme toggle button (auth pages) */ html.dark #auth-theme-btn { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } /* ── Preloader ── */ html.dark #sp-preloader { background:#0f172a !important; } html.dark .sp-pl-sub { color:#475569 !important; } html.dark .sp-pl-progress { background:rgba(233,75,127,.06) !important; } /* ── Buyer sidebar ── */ html.dark #buyer-sidebar { background:#1e293b !important; border-right-color:#334155 !important; } html.dark .buyer-link { color:#cbd5e1 !important; } html.dark .buyer-link:hover { color:#E94B7F !important; background:rgba(233,75,127,.08) !important; } html.dark .buyer-link.active { color:#E94B7F !important; background:rgba(233,75,127,.06) !important; } html.dark .bl-icon { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .buyer-link.active .bl-icon, html.dark .buyer-link:hover .bl-icon { background:rgba(233,75,127,.15) !important; border-color:rgba(233,75,127,.3) !important; color:#E94B7F !important; } /* Buyer bottom nav — dark mode */ html.dark .buyer-bottom-nav { background:#1e293b !important; border-top-color:#334155 !important; box-shadow:0 -1px 0 #334155,0 -4px 24px rgba(0,0,0,0.3) !important; } html.dark .buyer-bottom-link { color:#64748b !important; } html.dark .buyer-bottom-link i { color:#64748b !important; } html.dark .buyer-bottom-link span { color:#64748b !important; } html.dark .buyer-bottom-link:hover { color:#94a3b8 !important; } html.dark .buyer-bottom-link:hover i { color:#94a3b8 !important; } html.dark .buyer-bottom-link:hover span { color:#94a3b8 !important; } html.dark .buyer-bottom-link.active { color:#E94B7F !important; } html.dark .buyer-bottom-link.active .bnav-icon-wrap { background:rgba(233,75,127,0.15) !important; } html.dark .buyer-bottom-link.active i { color:#E94B7F !important; } html.dark .buyer-bottom-link.active span { color:#E94B7F !important; font-weight:700 !important; } html.dark .buyer-bottom-link.active::after { display:none !important; } html.dark .bnav-badge { border-color:#1e293b !important; } /* ── Seller sidebar (flat design) ── */ html.dark #seller-sidebar { background:#1a2232 !important; } html.dark .snav-back-btn { background:#243044 !important; color:#94a3b8 !important; } html.dark .snav-back-btn:hover { background:#2d3d54 !important; } html.dark .snav-avatar-ring { border-color:#334155 !important; background:#243044 !important; } html.dark .snav-avatar-placeholder { color:#64748b !important; } html.dark .snav-user-name { color:#e2e8f0 !important; } html.dark .snav-user-email { color:#64748b !important; } html.dark .snav-section-label { color:#475569 !important; } html.dark .snav-flat-item { color:#94a3b8 !important; } html.dark .snav-flat-item:hover { background:#243044 !important; color:#e2e8f0 !important; } html.dark .snav-flat-item.active { background:rgba(22,163,74,.15) !important; color:#4ade80 !important; } html.dark .snav-flat-item.active .snav-flat-icon { color:#4ade80 !important; } html.dark .snav-flat-icon { color:#64748b !important; } html.dark .snav-flat-item:hover .snav-flat-icon { color:#94a3b8 !important; } html.dark .snav-flat-item.signout { color:#f87171 !important; } html.dark .snav-flat-item.signout .snav-flat-icon { color:#ef4444 !important; } html.dark .snav-flat-item.signout:hover { background:rgba(239,68,68,.1) !important; } html.dark .snav-flat-ext { color:#475569 !important; } html.dark .snav-divider { background:#243044 !important; } html.dark .snav-cta-btn { background:#16a34a !important; } html.dark .snav-cta-btn:hover { background:#15803d !important; } /* Seller bottom nav — dark mode */ html.dark .seller-bottom-nav { background:#1e293b !important; border-top-color:#334155 !important; box-shadow:0 -1px 0 #334155,0 -4px 24px rgba(0,0,0,0.3) !important; } html.dark .seller-bottom-link { color:#64748b !important; } html.dark .seller-bottom-link i { color:#64748b !important; } html.dark .seller-bottom-link span { color:#64748b !important; } html.dark .seller-bottom-link:hover { color:#94a3b8 !important; } html.dark .seller-bottom-link:hover i { color:#94a3b8 !important; } html.dark .seller-bottom-link:hover span { color:#94a3b8 !important; } html.dark .seller-bottom-link.active { color:#16a34a !important; } html.dark .seller-bottom-link.active .snav-icon-wrap { background:rgba(22,163,74,0.15) !important; } html.dark .seller-bottom-link.active i { color:#16a34a !important; } html.dark .seller-bottom-link.active span { color:#16a34a !important; font-weight:700 !important; } html.dark .seller-bottom-link.active::after { display:none !important; } html.dark .snav-badge { border-color:#1e293b !important; } /* ── Headers ── */ html.dark header, html.dark .bg-white.border-b, html.dark [class*="bg-white"][class*="border-b"] { background:#1e293b !important; border-color:#334155 !important; } html.dark .hdr-btn { background:#334155 !important; } html.dark .hdr-btn:hover { background:#475569 !important; } /* ── Content wraps ── */ html.dark #buyer-content-wrap, html.dark #seller-content-wrap { background:#0f172a; } /* ── Tailwind utility overrides ── */ html.dark .bg-white { background:#1e293b !important; } html.dark .bg-gray-50 { background:#0f172a !important; } html.dark .bg-gray-100 { background:#1e293b !important; } html.dark .bg-gray-200 { background:#334155 !important; } html.dark .text-gray-900, html.dark .text-gray-800 { color:#f1f5f9 !important; } html.dark .text-gray-700 { color:#e2e8f0 !important; } html.dark .text-gray-600 { color:#cbd5e1 !important; } html.dark .text-gray-500 { color:#94a3b8 !important; } html.dark .text-gray-400 { color:#64748b !important; } html.dark .border-gray-100, html.dark .border-gray-200 { border-color:#334155 !important; } html.dark .border-gray-300 { border-color:#475569 !important; } html.dark .divide-gray-100 > * + *, html.dark .divide-gray-200 > * + * { border-color:#334155 !important; } html.dark .hover\:bg-gray-50:hover, html.dark .hover\:bg-gray-100:hover { background:#334155 !important; } html.dark .hover\:text-gray-900:hover { color:#f1f5f9 !important; } html.dark .shadow, html.dark .shadow-sm { box-shadow:0 2px 8px rgba(0,0,0,.4) !important; } html.dark .shadow-lg, html.dark .shadow-xl { box-shadow:0 8px 30px rgba(0,0,0,.6) !important; } html.dark .ring-1 { --tw-ring-color:#475569 !important; } /* ── Inputs / Selects / Textareas ── */ html.dark input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not([type=color]):not([type=file]), html.dark select, html.dark textarea { background:#0f172a !important; border-color:#475569 !important; color:#f1f5f9 !important; } html.dark input::placeholder, html.dark textarea::placeholder { color:#4b5563 !important; } html.dark select option { background:#1e293b; color:#f1f5f9; } /* ── Tables ── */ html.dark table { border-color:#334155 !important; } html.dark thead { background:#1e293b !important; } html.dark thead th { background:#1e293b !important; color:#94a3b8 !important; border-color:#334155 !important; } html.dark tbody tr { border-color:#334155 !important; } html.dark tbody td { color:#e2e8f0 !important; border-color:#334155 !important; } html.dark tbody tr:hover td { background:#334155 !important; } /* ── Common cards / panels ── */ html.dark .pr-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .pr-card-title { color:#f1f5f9 !important; border-color:#334155 !important; } html.dark .prf-input { background:#0f172a !important; border-color:#475569 !important; color:#f1f5f9 !important; } html.dark .pr-tg-card.connected { background:rgba(14,165,233,.08) !important; border-color:rgba(14,165,233,.25) !important; } html.dark .pr-tg-card.disconnected { background:rgba(233,75,127,.06) !important; border-color:rgba(233,75,127,.2) !important; } /* Seller dashboard cards */ html.dark .sdash-kpi-card, html.dark [class*="sdash-"] { background:#1e293b !important; border-color:#334155 !important; color:#e2e8f0 !important; } html.dark .sdash-kpi-value { color:#f1f5f9 !important; } html.dark .sdash-kpi-label { color:#94a3b8 !important; } /* ── Modals / Overlays ── */ html.dark .modal-content, html.dark [class*="modal"] > div { background:#1e293b !important; border-color:#334155 !important; } html.dark .seller-dropdown { background:#1e293b !important; border-color:#334155 !important; box-shadow:0 8px 30px rgba(0,0,0,.5) !important; } html.dark .seller-dropdown a, html.dark .seller-dropdown button, html.dark .seller-dropdown span { color:#cbd5e1 !important; } html.dark .seller-dropdown a:hover { background:#334155 !important; } html.dark #notifDropdown { background:#1e293b !important; border-color:#334155 !important; box-shadow:0 8px 30px rgba(0,0,0,.5) !important; } /* ── Misc ── */ html.dark hr { border-color:#334155 !important; } html.dark .rounded-xl.bg-gray-50, html.dark .rounded-lg.bg-gray-50, html.dark .rounded-xl.bg-gray-100 { background:#1e293b !important; } /* ────────────────────────────────────────── THEME TOGGLE DROPDOWN ────────────────────────────────────────── */ .theme-toggle-wrap { position:relative; } .theme-toggle-btn { display:flex; align-items:center; justify-content:center; width:2.25rem; height:2.25rem; border-radius:.625rem; background:#f3f4f6; border:none; cursor:pointer; transition:background .15s, color .15s; color:#4b5563; font-size:.875rem; flex-shrink:0; } .theme-toggle-btn:hover { background:#e5e7eb; color:#111827; } html.dark .theme-toggle-btn { background:#334155 !important; color:#94a3b8 !important; } html.dark .theme-toggle-btn:hover { background:#475569 !important; color:#e2e8f0 !important; } .theme-dropdown { position:absolute; right:0; top:calc(100% + 8px); min-width:210px; background:#fff; border-radius:14px; box-shadow:0 8px 32px rgba(0,0,0,.13); border:1px solid #f1f5f9; z-index:300; opacity:0; pointer-events:none; transform:translateY(-6px); transition:opacity .18s, transform .18s; overflow:hidden; } .theme-dropdown.open { opacity:1; pointer-events:all; transform:translateY(0); } html.dark .theme-dropdown { background:#1e293b !important; border-color:#334155 !important; box-shadow:0 8px 32px rgba(0,0,0,.55) !important; } .theme-opt { display:flex; align-items:center; gap:.75rem; padding:.65rem 1rem; cursor:pointer; transition:background .13s; user-select:none; } .theme-opt:hover { background:#f8fafc; } html.dark .theme-opt:hover { background:#334155 !important; } .theme-opt-icon { width:32px; height:32px; border-radius:8px; background:#f1f5f9; display:flex; align-items:center; justify-content:center; font-size:.85rem; flex-shrink:0; color:#64748b; transition:all .15s; } html.dark .theme-opt-icon { background:#334155 !important; color:#94a3b8 !important; } .theme-opt.t-active .theme-opt-icon { background:#fdf2f8 !important; color:#E94B7F !important; } html.dark .theme-opt.t-active .theme-opt-icon { background:rgba(233,75,127,.15) !important; color:#E94B7F !important; } .theme-opt-text { flex:1; } .theme-opt-label { font-size:.83rem; font-weight:600; color:#374151; line-height:1.3; } html.dark .theme-opt-label { color:#e2e8f0 !important; } .theme-opt.t-active .theme-opt-label { color:#E94B7F !important; } .theme-opt-sub { font-size:.68rem; color:#94a3b8; margin-top:.05rem; } .theme-opt-check { color:#E94B7F; font-size:.78rem; opacity:0; flex-shrink:0; } .theme-opt.t-active .theme-opt-check { opacity:1; } .theme-dropdown-divider { height:1px; background:#f1f5f9; margin:0; } html.dark .theme-dropdown-divider { background:#334155 !important; } /* ══════════════════════════════════════════════════════════════ LAYOUT — avatar dropdown, header widgets, inline style fixes ══════════════════════════════════════════════════════════════ */ html.dark #avatarDropdown { background:#1e293b !important; border-color:#334155 !important; box-shadow:0 8px 30px rgba(0,0,0,.55) !important; } html.dark #avatarDropdown a, html.dark #avatarDropdown button { color:#cbd5e1 !important; } html.dark #avatarDropdown a:hover { background:#334155 !important; } html.dark #avatarDropdown [style*="background:#fdf2f8"] { background:rgba(233,75,127,.12) !important; } html.dark #avatarDropdown [style*="background:#f0fdf4"] { background:rgba(22,163,74,.12) !important; } /* Buyer sidebar balance widget */ html.dark #buyer-sidebar [style*="background:#fdf2f8"] { background:rgba(233,75,127,.08) !important; border-color:rgba(233,75,127,.15) !important; } /* Buyer header wallet pill */ html.dark header a[href="/wallet"] { background:rgba(233,75,127,.12) !important; } /* Seller header icon buttons */ html.dark .seller-hdr-btn, html.dark header a.bg-gray-100 { background:#334155 !important; color:#94a3b8 !important; } /* ══════════════════════════════════════════════════════════════ MARKETPLACE INDEX (mpd-* / qpv-*) ══════════════════════════════════════════════════════════════ */ html.dark .mpd-card { background:#1e293b !important; border-color:#334155 !important; } /* Category tiles */ html.dark .mpd-cat-tile { background:#1e293b !important; border-color:#334155 !important; } html.dark .mpd-cat-tile:hover { background:rgba(233,75,127,.08) !important; border-color:rgba(233,75,127,.3) !important; } /* Remove !important so inline brand color/bg styles on non-active tiles win; CSS fallback applies only when no inline style is set (the "All" tile) */ html.dark .mpd-cat-ico { background:#334155; color:#94a3b8; } html.dark .mpd-cat-lbl { color:#94a3b8 !important; } html.dark .mpd-cat-tile.active .mpd-cat-lbl { color:#fff !important; } /* Section headings */ html.dark .mpd-section-head h2 { color:#f1f5f9 !important; } html.dark .mpd-section-head p { color:#64748b !important; } html.dark .mpd-clear-link { color:#f472b6 !important; } /* Search bar */ html.dark .mpd-search-inp-wrap { background:#1e293b !important; border-color:#475569 !important; } html.dark .mpd-search-inp-wrap:focus-within { border-color:#E94B7F !important; background:#1e293b !important; } html.dark .mpd-search-inp-wrap input { color:#e2e8f0 !important; background:transparent !important; } html.dark .mpd-search-inp-wrap input::placeholder { color:#475569 !important; } html.dark .mpd-search-filter-btn { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .mpd-search-filter-btn:hover { border-color:#E94B7F !important; color:#E94B7F !important; background:rgba(233,75,127,.06) !important; } /* View toggle */ html.dark .mpd-view-toggle { background:#334155 !important; } html.dark .mpd-view-btn.v-active { background:#0f172a !important; color:#E94B7F !important; } /* Advanced filters */ html.dark .mpd-adv-filter { background:#1e293b !important; border-color:#334155 !important; } html.dark .mpd-adv-filter select, html.dark .mpd-adv-filter input { background:#0f172a !important; border-color:#475569 !important; color:#e2e8f0 !important; } /* Sort dropdown */ html.dark .mpd-sort { background:#1e293b !important; border-color:#475569 !important; color:#cbd5e1 !important; } html.dark .mpd-sort-dropdown { background:#1e293b !important; border-color:#334155 !important; box-shadow:0 8px 24px rgba(0,0,0,.5) !important; } /* Product cards — list view (mpd-lcard) and grid view (mpd-gcard) */ html.dark .mpd-lcard { background:#1e293b !important; border-color:#334155 !important; } html.dark .mpd-lcard:hover { border-color:rgba(233,75,127,.3) !important; } html.dark .mpd-lcard-title { color:#f1f5f9 !important; } html.dark .mpd-lcard-title:hover { color:#E94B7F !important; } html.dark .mpd-eye-btn { background:#334155 !important; color:#94a3b8 !important; } html.dark .mpd-eye-btn:hover { background:#475569 !important; color:#f1f5f9 !important; } html.dark .mpd-compare-btn { background:#334155 !important; color:#94a3b8 !important; } html.dark .mpd-compare-btn:hover { background:#475569 !important; color:#f1f5f9 !important; } html.dark .mpd-gcard { background:#1e293b !important; border-color:#334155 !important; } html.dark .mpd-gcard:hover { border-color:rgba(233,75,127,.3) !important; } html.dark .mpd-gcard-title { color:#f1f5f9 !important; } html.dark .mpd-prod-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .mpd-flash-cd-wrap { background:rgba(239,68,68,.1) !important; } /* Empty state */ html.dark .mpd-empty { background:#1e293b !important; border-color:#334155 !important; } html.dark .mpd-empty h3 { color:#f1f5f9 !important; } /* Product tags */ html.dark .mpd-filter-btn { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .mpd-filter-btn.active { background:rgba(233,75,127,.1) !important; border-color:rgba(233,75,127,.35) !important; color:#E94B7F !important; } html.dark .mpd-tag { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .mpd-tag-plat { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .mpd-tag-inst { background:rgba(22,163,74,.1) !important; border-color:rgba(74,222,128,.2) !important; color:#86efac !important; } html.dark .mpd-tag-flash { background:rgba(233,75,127,.1) !important; border-color:rgba(233,75,127,.25) !important; color:#f9a8d4 !important; } html.dark .mpd-tag-bundle { background:rgba(124,58,237,.1) !important; border-color:rgba(167,139,250,.25) !important; color:#c4b5fd !important; } /* Quick-purchase sheet (actual class is qpv-sheet, not qpv-panel) */ html.dark .qpv-sheet { background:#1e293b !important; } html.dark .qpv-panel { background:#1e293b !important; } html.dark .qpv-title { color:#f1f5f9 !important; } html.dark .qpv-price { color:#f1f5f9 !important; } html.dark .qpv-orig { color:#64748b !important; } html.dark .qpv-plat { color:#64748b !important; } html.dark .qpv-seller-name { color:#e2e8f0 !important; } html.dark .qpv-seller-sub { color:#94a3b8 !important; } html.dark .qpv-handle { background:#475569 !important; } html.dark .qpv-cta { background:#1e293b !important; border-top-color:#334155 !important; } html.dark .qpv-seller { background:#0f172a !important; border-radius:1rem; } html.dark .qpv-trust-item { background:#0f172a !important; color:#94a3b8 !important; } html.dark .qpv-trust-item i { opacity:.85; } html.dark .qpv-desc { color:#cbd5e1 !important; } html.dark .qpv-desc::after { background:linear-gradient(transparent,#1e293b) !important; } html.dark .qpv-btn-secondary { background:#334155 !important; color:#cbd5e1 !important; } html.dark .qpv-btn-disabled { background:#334155 !important; color:#64748b !important; } html.dark .qpv-wallet { background:rgba(233,75,127,.08) !important; border-color:rgba(233,75,127,.2) !important; } html.dark .qpv-wallet.ok { background:rgba(22,163,74,.08) !important; border-color:rgba(74,222,128,.2) !important; color:#86efac !important; } html.dark .qpv-wallet.nok { background:rgba(239,68,68,.08) !important; border-color:rgba(239,68,68,.25) !important; color:#fca5a5 !important; } html.dark .qpv-discount { background:rgba(22,163,74,.1) !important; color:#86efac !important; } html.dark .qpv-chip-green { background:rgba(22,163,74,.1) !important; color:#86efac !important; } html.dark .qpv-chip-amber { background:rgba(202,138,4,.1) !important; color:#fcd34d !important; } html.dark .qpv-chip-red { background:rgba(220,38,38,.1) !important; color:#fca5a5 !important; } html.dark .qpv-chip-pink { background:rgba(233,75,127,.1) !important; color:#f9a8d4 !important; } html.dark .qpv-chip-blue { background:rgba(59,130,246,.1) !important; color:#93c5fd !important; } html.dark .qpv-escrow-note { color:#64748b !important; } /* ══════════════════════════════════════════════════════════════ MARKETPLACE PRODUCT (ppv-*) ══════════════════════════════════════════════════════════════ */ /* Page wrapper */ html.dark .ppv-page-wrap { background:#0f172a !important; } /* Cards */ html.dark .ppv-buy-card { background:#1e293b !important; border-color:rgba(233,75,127,.2) !important; } html.dark .ppv-card { background:#1e293b !important; border-color:#334155 !important; } /* Breadcrumb current */ html.dark .ppv-bc-cur { color:#f1f5f9 !important; } /* Seller row text */ html.dark .ppv-seller-name { color:#f1f5f9 !important; } html.dark .ppv-seller-sub { color:#94a3b8 !important; } html.dark .ppv-sales-chip { background:rgba(233,75,127,.1) !important; border-color:rgba(233,75,127,.25) !important; } /* Seller card divider */ html.dark .ppv-seller-divider { border-top-color:#334155 !important; } /* Social proof */ html.dark .ppv-social-proof { background:rgba(124,58,237,.06) !important; border-color:rgba(167,139,250,.15) !important; } html.dark .ppv-sp-item { color:#94a3b8 !important; } html.dark .ppv-sp-item strong { color:#e2e8f0 !important; } /* Account detail stat cards */ html.dark .ppv-detail-stat { background:rgba(233,75,127,.06) !important; border-color:rgba(233,75,127,.2) !important; } html.dark .ppv-detail-stat.green { background:rgba(22,163,74,.06) !important; border-color:rgba(34,197,94,.2) !important; } html.dark .ppv-detail-stat.blue { background:rgba(59,130,246,.06) !important; border-color:rgba(59,130,246,.2) !important; } html.dark .ppv-detail-stat-val { color:#f9a8d4 !important; } html.dark .ppv-detail-stat.green .ppv-detail-stat-val { color:#4ade80 !important; } html.dark .ppv-detail-stat.blue .ppv-detail-stat-val { color:#93c5fd !important; } /* Description */ html.dark .ppv-desc { color:#94a3b8 !important; } /* Feature blocks (Why Buy Here) */ html.dark .ppv-feat { background:#0f172a !important; border-color:#334155 !important; } html.dark .ppv-feat-title { color:#f1f5f9 !important; } html.dark .ppv-feat-text { color:#94a3b8 !important; } html.dark .ppv-feat-ico[style*="background:#fce7f3"] { background:rgba(233,75,127,.12) !important; } html.dark .ppv-feat-ico[style*="background:#fef9c3"] { background:rgba(180,83,9,.14) !important; } html.dark .ppv-feat-ico[style*="background:#ede9fe"] { background:rgba(124,58,237,.12) !important; } html.dark .ppv-feat-ico[style*="background:#dcfce7"] { background:rgba(22,163,74,.12) !important; } /* Price */ html.dark .ppv-price-main { color:#f1f5f9 !important; } /* Stock badges */ html.dark .ppv-stock.in { background:rgba(22,163,74,.1) !important; color:#86efac !important; } html.dark .ppv-stock.low { background:rgba(202,138,4,.1) !important; color:#fcd34d !important; } html.dark .ppv-stock.out { background:rgba(220,38,38,.1) !important; color:#fca5a5 !important; } /* Wallet bar */ html.dark .ppv-wallet { background:rgba(233,75,127,.08) !important; border-color:rgba(233,75,127,.2) !important; } html.dark .ppv-wallet.ok { background:rgba(22,163,74,.08) !important; border-color:rgba(74,222,128,.2) !important; color:#86efac !important; } html.dark .ppv-wallet.nok { background:rgba(239,68,68,.08) !important; border-color:rgba(239,68,68,.25) !important; color:#fca5a5 !important; } /* Escrow strip */ html.dark .ppv-escrow { background:rgba(233,75,127,.06) !important; border-color:rgba(233,75,127,.15) !important; } html.dark .ppv-escrow-title { color:#f1f5f9 !important; } html.dark .ppv-escrow-sub { color:#94a3b8 !important; } /* Offer box */ html.dark .ppv-offer-box { background:rgba(99,102,241,.08) !important; border-color:rgba(99,102,241,.2) !important; } html.dark .ppv-offer-box-title { color:#818cf8 !important; } html.dark .ppv-offer-box-sub { color:#a5b4fc !important; } /* Price-drop */ html.dark .ppv-pdrop-active { background:rgba(124,58,237,.08) !important; border-color:rgba(167,139,250,.2) !important; } html.dark .ppv-pdrop-set { background:rgba(124,58,237,.04) !important; border-color:rgba(167,139,250,.2) !important; } /* Trust items */ html.dark .ppv-trust-item { background:rgba(233,75,127,.06) !important; color:#94a3b8 !important; } /* Disabled buy button */ html.dark .ppv-btn-disabled { background:#334155 !important; color:#64748b !important; } /* Mobile sticky buy bar */ html.dark .ppv-mobile-bar { background:rgba(15,23,42,0.96) !important; border-top-color:#334155 !important; } html.dark .ppv-mobile-bar-price { color:#f1f5f9 !important; } html.dark .ppv-mobile-btn-disabled { background:#475569 !important; color:#64748b !important; } /* Q&A section */ html.dark .ppv-qa-question { background:#0f172a !important; border-color:#334155 !important; } html.dark .ppv-qa-q { color:#f1f5f9 !important; } html.dark .ppv-qa-a { color:#cbd5e1 !important; } html.dark .ppv-qa-input { background:#0f172a !important; border-color:#475569 !important; color:#e2e8f0 !important; } html.dark .ppv-qa-divider { border-top-color:#334155 !important; } html.dark .ppv-qa-form-title { color:#f1f5f9 !important; } /* Buyer protection strip */ html.dark .ppv-bp-strip { background:rgba(22,163,74,.08) !important; border-color:rgba(34,197,94,.2) !important; } html.dark .ppv-bp-title { color:#4ade80 !important; } html.dark .ppv-bp-sub { color:#86efac !important; } html.dark .ppv-bp-link { color:#4ade80 !important; } /* Customer reviews / ratings */ html.dark .ppv-rating-big { color:#f1f5f9 !important; } html.dark .ppv-rating-bar { background:rgba(255,255,255,.08) !important; } html.dark .ppv-review-item { background:#0f172a !important; } html.dark .ppv-review-name { color:#f1f5f9 !important; } html.dark .ppv-review-body { color:#94a3b8 !important; } /* Related cards */ html.dark .ppv-rel-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .ppv-rel-title { color:#f1f5f9 !important; } /* More listings heading */ html.dark .ppv-more-hd { color:#f1f5f9 !important; } /* Misc */ html.dark .ppv-disc-pill { background:rgba(233,75,127,.15) !important; box-shadow:none !important; } /* ══════════════════════════════════════════════════════════════ BUYER PAGES ══════════════════════════════════════════════════════════════ */ /* Login history */ html.dark .lh-hdr, html.dark .lh-row { background:#1e293b !important; border-color:#334155 !important; } /* Release PIN */ html.dark .rp-hdr, html.dark .rp-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .rp-digit { background:#0f172a !important; border-color:#475569 !important; color:#f1f5f9 !important; } html.dark .rp-digit:focus { background:#0f172a !important; } /* Account 2FA */ html.dark .info-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .qr-wrap { background:#fff !important; } /* Security log */ html.dark .seclog-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .seclog-item:hover { background:#334155 !important; } /* Telegram settings (buyer) */ html.dark .tgp-card, html.dark .tgp-hero, html.dark .tgp-step, html.dark .tgp-cta-wrap, html.dark .tgp-con-rows { background:#1e293b !important; border-color:#334155 !important; } html.dark .tgp-hero.green, html.dark .tgp-step.done { background:rgba(22,163,74,.08) !important; border-color:rgba(22,163,74,.2) !important; } html.dark .tgp-detect.wait { background:rgba(245,158,11,.08) !important; border-color:rgba(245,158,11,.2) !important; color:#fcd34d !important; } html.dark .tgp-detect.ok { background:rgba(22,163,74,.08) !important; border-color:rgba(22,163,74,.2) !important; color:#86efac !important; } html.dark .tgp-error { background:rgba(225,29,72,.08) !important; border-color:rgba(225,29,72,.2) !important; color:#fca5a5 !important; } /* ── Buyer Dashboard (pdb-* classes) ── */ html.dark .pdb-icon-btn { background:#1e293b !important; border-color:#334155 !important; color:#94a3b8 !important; } html.dark .pdb-icon-btn:hover { border-color:rgba(233,75,127,.4) !important; color:#E94B7F !important; } html.dark .pdb-greet-name { color:#f1f5f9 !important; } html.dark .pdb-online { border-color:#1e293b !important; } html.dark .pdb-sec-ttl { color:#f1f5f9 !important; } html.dark .pdb-txn-wrap { background:#1e293b !important; border-color:#334155 !important; } html.dark .pdb-txn-scroll { background:#1e293b !important; } html.dark .pdb-txn-table { background:#1e293b !important; } html.dark .pdb-txn-table thead { background:#162032 !important; } html.dark .pdb-txn-table thead tr { background:#162032 !important; } html.dark .pdb-txn-table thead th { background:#162032 !important; color:#64748b !important; border-bottom-color:#334155 !important; } html.dark .pdb-txn-table tbody { background:#1e293b !important; } html.dark .pdb-txn-table tbody tr { background:#1e293b !important; border-bottom-color:#334155 !important; } html.dark .pdb-txn-table tbody tr:nth-child(even) { background:#1e293b !important; } html.dark .pdb-txn-table tbody tr:hover { background:#253347 !important; } html.dark .pdb-txn-table tbody td { background:#1e293b !important; color:#e2e8f0 !important; border-bottom-color:#334155 !important; } html.dark .pdb-txn-table tbody tr:hover td { background:#253347 !important; } html.dark .pdb-txn-ref { color:#64748b !important; } html.dark .pdb-txn-dt { color:#94a3b8 !important; } html.dark .pdb-txn-badge.cr { background:rgba(5,150,105,.15) !important; color:#34d399 !important; } html.dark .pdb-txn-badge.db { background:rgba(233,75,127,.15) !important; color:#f472b6 !important; } html.dark .pdb-txn-amt.cr { color:#34d399 !important; } html.dark .pdb-txn-amt.db { color:#f472b6 !important; } html.dark .pdb-ref { background:#1e293b !important; border-color:#334155 !important; } html.dark .pdb-ref-ico { background:rgba(233,75,127,.1) !important; } html.dark .pdb-ref-ttl { color:#f1f5f9 !important; } html.dark .pdb-ref-sub { color:#94a3b8 !important; } html.dark .pdb-prod-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .pdb-prod-img { background:#334155 !important; } html.dark .pdb-prod-name { color:#f1f5f9 !important; } html.dark .pdb-btm-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .pdb-btm-text p:first-child { color:#f1f5f9 !important; } html.dark .pdb-btm-ico[style*="fdf2f8"] { background:rgba(233,75,127,.12) !important; } html.dark .pdb-btm-ico[style*="ede9fe"] { background:rgba(124,58,237,.12) !important; } /* Dashboard stat tiles */ html.dark .pdb-stat-pink { background:rgba(233,75,127,.12) !important; } html.dark .pdb-stat-pink .pdb-stat-num { color:#f472b6 !important; } html.dark .pdb-stat-pink .pdb-stat-lbl { color:rgba(244,114,182,.7) !important; } html.dark .pdb-stat-amber { background:rgba(245,158,11,.12) !important; } html.dark .pdb-stat-amber .pdb-stat-num { color:#fcd34d !important; } html.dark .pdb-stat-amber .pdb-stat-lbl { color:rgba(252,211,77,.7) !important; } html.dark .pdb-stat-green { background:rgba(22,163,74,.12) !important; } html.dark .pdb-stat-green .pdb-stat-num { color:#86efac !important; } html.dark .pdb-stat-green .pdb-stat-lbl { color:rgba(134,239,172,.7) !important; } html.dark .pdb-stat-red { background:rgba(220,38,38,.12) !important; } html.dark .pdb-stat-red .pdb-stat-num { color:#fca5a5 !important; } html.dark .pdb-stat-red .pdb-stat-lbl { color:rgba(252,165,165,.7) !important; } /* Inline-styled dashboard cards (targeted by ID added in template) */ html.dark #pdb-active-orders { background:#1e293b !important; border-color:#334155 !important; } html.dark #pdb-active-orders-head { border-bottom-color:#334155 !important; } html.dark #pdb-active-orders [style*="color:#0f172a"] { color:#f1f5f9 !important; } /* Active Orders badge dark overrides */ html.dark .ao-pending { background:rgba(217,119,6,.12) !important; color:#fbbf24 !important; } html.dark .ao-paid { background:rgba(37,99,235,.12) !important; color:#93c5fd !important; } html.dark .ao-preorder { background:rgba(124,58,237,.12) !important; color:#c4b5fd !important; } html.dark .ao-delivered { background:rgba(22,163,74,.12) !important; color:#86efac !important; } html.dark .ao-disputed { background:rgba(220,38,38,.12) !important; color:#fca5a5 !important; } html.dark .ao-cancelled { background:rgba(100,116,139,.12)!important; color:#64748b !important; } html.dark #pdb-loyalty-card { background:#1e293b !important; border-color:#475569 !important; } html.dark #pdb-loyalty-card [style*="color:#92400e"] { color:#fbbf24 !important; } html.dark #pdb-loyalty-card [style*="color:#b45309"] { color:#fcd34d !important; } html.dark #pdb-loyalty-card [style*="background:#fef3c7"] { background:rgba(245,158,11,.12) !important; } html.dark #pdb-loyalty-card [style*="border-top:1px solid #fde68a"] { border-top-color:#475569 !important; } html.dark #pdb-loyalty-card [style*="color:#64748b"] { color:#94a3b8 !important; } html.dark #pdb-profile-card { background:#1e293b !important; border-color:#334155 !important; } html.dark #pdb-profile-card [style*="color:#0f172a"] { color:#f1f5f9 !important; } html.dark #pdb-analytics-card { background:#1e293b !important; border-color:#334155 !important; } /* Profile completion card — SVG track circle and step badges */ html.dark #pdb-profile-card svg circle:first-child { stroke:#334155 !important; } html.dark #pdb-profile-card span[style*="background:#f1f5f9"] { background:rgba(100,116,139,.2) !important; color:#94a3b8 !important; } html.dark #pdb-profile-card span[style*="background:#dcfce7"] { background:rgba(22,163,74,.15) !important; color:#86efac !important; } /* Loyalty card recent-points border */ html.dark #pdb-loyalty-card [style*="border-top:1px solid #fde68a"] { border-top-color:#475569 !important; } /* Announcement banner text in buyer dashboard */ html.dark #buyerAnnBanner [style*="color:#0f172a"] { color:#f1f5f9 !important; } html.dark #buyerAnnBanner [style*="color:#475569"] { color:#94a3b8 !important; } /* Announcement / notification slide-up sheet */ html.dark .na-sheet { background:#1e293b !important; } html.dark .na-handle { background:#475569 !important; } html.dark .na-title { color:#f1f5f9 !important; } html.dark .na-close { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .na-close:hover { background:#475569 !important; } html.dark .na-divider { background:#334155 !important; } html.dark .na-item { border-bottom-color:#334155 !important; } html.dark .na-item:active { background:#334155 !important; } html.dark .na-footer { border-top-color:#334155 !important; } html.dark .na-meta strong[style*="color:#475569"] { color:#94a3b8 !important; } /* ── Buyer Telegram Settings — multiline classes ── */ html.dark .tgp-back { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .tgp-back:hover { background:#475569 !important; } html.dark .tgp-section { background:#1e293b !important; border-color:#334155 !important; } html.dark .tgp-notif { background:#0f172a !important; border-color:#334155 !important; } html.dark .tgp-hero.blue { background:rgba(59,130,246,.08) !important; border-color:rgba(147,197,253,.2) !important; } /* ── Buyer Account 2FA ── */ html.dark .secret-box { background:#0f172a !important; border-color:#475569 !important; color:#f1f5f9 !important; } html.dark .secret-box:hover { background:#334155 !important; } html.dark .auth-field { background:#0f172a !important; border-color:#475569 !important; color:#f1f5f9 !important; } html.dark .auth-field:focus { background:#0f172a !important; } html.dark .app-badge { background:#1e293b !important; border-color:#334155 !important; color:#cbd5e1 !important; } html.dark .alert-success { background:rgba(22,163,74,.08) !important; border-color:rgba(74,222,128,.25) !important; color:#86efac !important; } html.dark .alert-error { background:rgba(220,38,38,.08) !important; border-color:rgba(252,165,165,.25) !important; color:#fca5a5 !important; } /* ── Buyer Affiliates ── */ html.dark .aff-hero { background:#1e293b !important; border-color:#334155 !important; } html.dark .aff-stat-card { background:#1e293b !important; border-color:#334155 !important; box-shadow:0 2px 8px rgba(0,0,0,.3) !important; } html.dark .aff-stat-card:hover { box-shadow:0 6px 20px rgba(0,0,0,.5) !important; } html.dark .aff-link-box { background:#0f172a !important; border-color:#475569 !important; color:#cbd5e1 !important; } html.dark .aff-faq-item { border-color:#334155 !important; } html.dark .aff-faq-question { color:#f1f5f9 !important; } html.dark .aff-faq-answer p { color:#94a3b8 !important; } html.dark .aff-ref-row { border-color:#334155 !important; } html.dark .aff-perf-tab { color:#94a3b8 !important; } html.dark .tier-bronze { background:rgba(245,158,11,.12) !important; border-color:rgba(245,158,11,.35) !important; color:#d97706 !important; } html.dark .tier-silver { background:rgba(100,116,139,.15) !important; border-color:rgba(100,116,139,.35) !important; color:#94a3b8 !important; } html.dark .tier-gold { background:rgba(234,179,8,.12) !important; border-color:rgba(234,179,8,.35) !important; color:#ca8a04 !important; } html.dark .progress-bar-wrap { background:#334155 !important; } html.dark .aff-hero [style*="border-top:1px solid #f1f5f9"] { border-color:#334155 !important; } /* ── Buyer Notifications ── */ html.dark .nf-hdr { background:#1e293b !important; border-color:#334155 !important; } html.dark .nf-item { background:#1e293b !important; border-color:#334155 !important; color:#cbd5e1 !important; } html.dark .nf-item:hover { box-shadow:0 0 0 2px rgba(233,75,127,.15) !important; } /* ── Buyer Offers ── */ html.dark .bo-hero { background:#1e293b !important; border-color:#334155 !important; } html.dark .bo-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .bo-product { background:#0f172a !important; border-radius:.875rem; } html.dark .bo-product-img { background:#334155 !important; } html.dark .bo-empty { background:#1e293b !important; border-color:#334155 !important; } html.dark .bo-btn-decline { background:rgba(239,68,68,.08) !important; border-color:rgba(252,165,165,.3) !important; } html.dark .bo-btn-cancel { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } /* ── Buyer Orders (op-*) ── */ html.dark .op-page-hdr { background:#1e293b !important; border-color:#334155 !important; } html.dark .op-hdr-title { color:#f1f5f9 !important; } html.dark .op-chip-inactive { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .op-chip-inactive:hover { border-color:#E94B7F !important; color:#E94B7F !important; background:rgba(233,75,127,.06) !important; } html.dark .op-search-bar { background:#1e293b !important; border-color:#475569 !important; } html.dark .op-search-bar input { color:#e2e8f0 !important; } html.dark .op-day { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .op-day:not(.active):hover { border-color:#E94B7F !important; color:#E94B7F !important; } html.dark .op-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .op-amount { color:#f1f5f9 !important; } html.dark .op-divider { background:#334155 !important; } html.dark .op-step-dot.future { background:#0f172a !important; border-color:#475569 !important; } html.dark .op-prod-title { color:#f1f5f9 !important; } html.dark .op-prod-img { background:rgba(233,75,127,.08) !important; border-color:rgba(233,75,127,.2) !important; } html.dark .op-info strong { color:#94a3b8 !important; } /* ── Buyer Order Detail (od-*) ── */ html.dark .od-hero { background:#1e293b !important; border-color:#334155 !important; } html.dark .od-back { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .od-back:hover { background:#475569 !important; } html.dark .od-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .od-row { background:#0f172a !important; } html.dark .od-btn-green { background:rgba(22,163,74,.08) !important; border-color:rgba(74,222,128,.25) !important; color:#86efac !important; } html.dark .od-btn-blue { background:rgba(29,78,216,.1) !important; border-color:rgba(147,197,253,.25) !important; color:#93c5fd !important; } html.dark .od-btn-red { background:rgba(239,68,68,.08) !important; border-color:rgba(252,165,165,.25) !important; color:#fca5a5 !important; } html.dark .od-btn-amber { background:rgba(245,158,11,.08) !important; border-color:rgba(253,211,77,.25) !important; color:#fcd34d !important; } html.dark .op-modal-sheet { background:#1e293b !important; } html.dark .op-modal-handle { background:#475569 !important; } html.dark .op-modal-close { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .op-modal-divider { background:#334155 !important; } /* ── Buyer Order Chat (oc-*) ── */ html.dark .oc-hdr { background:#1e293b !important; border-color:#334155 !important; } html.dark .oc-hdr-back { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .oc-hdr-back:hover { background:#475569 !important; } html.dark .oc-hdr-seller { color:#f1f5f9 !important; } html.dark .oc-hdr-badge { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .oc-escrow { background:rgba(180,83,9,.08) !important; border-color:rgba(253,211,77,.2) !important; } html.dark .oc-btn-dispute { background:rgba(239,68,68,.08) !important; border-color:rgba(252,165,165,.25) !important; color:#fca5a5 !important; } html.dark .oc-btn-dispute:hover { background:rgba(239,68,68,.12) !important; } html.dark .oc-btn-detail { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .oc-btn-detail:hover { background:#475569 !important; } html.dark .oc-row.seller .oc-bubble { background:#1e293b !important; border-color:#334155 !important; color:#cbd5e1 !important; } html.dark .oc-row.system .oc-bubble { background:rgba(22,163,74,.08) !important; border-color:rgba(74,222,128,.2) !important; color:#86efac !important; } html.dark .oc-divider::before, html.dark .oc-divider::after { background:#334155 !important; } html.dark .oc-divider-lbl { background:#0f172a !important; border-color:#334155 !important; color:#64748b !important; } html.dark .oc-bar { background:#1e293b !important; border-color:#475569 !important; } html.dark .oc-textarea { color:#e2e8f0 !important; } html.dark .oc-fab { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .oc-fab:hover { background:#334155 !important; } html.dark .oc-closed { background:#1e293b !important; border-color:#334155 !important; } html.dark .oc-messages::-webkit-scrollbar-thumb { background:#475569 !important; } /* ── Buyer Wishlist ── */ html.dark .wl-hdr { background:#1e293b !important; border-color:#334155 !important; } html.dark .wl-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .wl-img { background:#334155 !important; } html.dark .wl-rm { background:rgba(239,68,68,.08) !important; border-color:rgba(252,165,165,.25) !important; } /* ── Buyer Sessions ── */ html.dark .sess-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .sess-terminate-btn { background:rgba(220,38,38,.08) !important; border-color:rgba(252,165,165,.25) !important; color:#fca5a5 !important; } html.dark .sess-terminate-all-btn:hover { background:rgba(220,38,38,.08) !important; } /* ── Buyer Receipt ── */ html.dark .receipt { background:#1e293b !important; } html.dark .btn-back { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } /* ── Buyer Profile ── */ html.dark .prh { background:#1e293b !important; border-color:#334155 !important; } html.dark .prh-name { color:#f1f5f9 !important; } html.dark .prh-badge-verified { background:rgba(22,163,74,.1) !important; border-color:rgba(74,222,128,.25) !important; color:#86efac !important; } html.dark .prh-badge-unverified { background:rgba(245,158,11,.08) !important; border-color:rgba(253,211,77,.25) !important; color:#fcd34d !important; } html.dark .prh-badge-role { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .prh-badge-tg { background:rgba(14,165,233,.1) !important; border-color:rgba(125,211,252,.25) !important; color:#7dd3fc !important; } html.dark .pr-body { background:#0f172a !important; } html.dark .pr-tabs { background:#1e293b !important; border-bottom-color:#334155 !important; } html.dark .pr-tab { color:#64748b !important; } html.dark .pr-tab.active { color:#E94B7F !important; border-bottom-color:#E94B7F !important; } html.dark .pr-tab:hover:not(.active) { color:#E94B7F !important; } html.dark .pr-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .pr-card-title { color:#f1f5f9 !important; } html.dark .pr-av-edit { background:rgba(233,75,127,.06) !important; border-color:rgba(233,75,127,.2) !important; } html.dark .pr-av-edit-text p { color:#f1f5f9 !important; } html.dark .prf-label { color:#94a3b8 !important; } html.dark .prf-input { background:#0f172a !important; border-color:#475569 !important; color:#f1f5f9 !important; } html.dark .prf-input:focus { border-color:#E94B7F !important; } html.dark .prf-input:disabled { background:#0f172a !important; color:#475569 !important; } html.dark .pr-btn-outline { background:#334155 !important; border-color:#475569 !important; color:#E94B7F !important; } html.dark .pr-btn-outline:hover { background:rgba(233,75,127,.08) !important; border-color:#E94B7F !important; } html.dark .pr-toast.ok { background:rgba(22,163,74,.1) !important; color:#86efac !important; border-color:rgba(74,222,128,.25) !important; } html.dark .pr-toast.err { background:rgba(220,38,38,.08) !important; color:#fca5a5 !important; border-color:rgba(252,165,165,.25) !important; } html.dark .pr-pwd-bar { background:#334155 !important; } html.dark .pr-sec-item { background:#1e293b !important; border-color:#334155 !important; } html.dark .pr-sec-text strong { color:#f1f5f9 !important; } html.dark .pr-sec-badge.on { background:rgba(22,163,74,.1) !important; color:#86efac !important; border-color:rgba(74,222,128,.25) !important; } html.dark .pr-sec-badge.off { background:rgba(202,138,4,.1) !important; color:#fcd34d !important; border-color:rgba(253,211,77,.25) !important; } html.dark .pr-sec-badge.danger { background:rgba(220,38,38,.08) !important; color:#fca5a5 !important; border-color:rgba(252,165,165,.25) !important; } html.dark .pr-kyc-verified { background:rgba(22,163,74,.06) !important; border-color:rgba(74,222,128,.2) !important; } html.dark .pr-kyc-pending { background:rgba(202,138,4,.06) !important; border-color:rgba(253,211,77,.2) !important; } html.dark .pr-ql { color:#cbd5e1 !important; } html.dark .pr-ql:hover { background:rgba(233,75,127,.06) !important; } html.dark .pr-ql-icon { background:rgba(233,75,127,.08) !important; } html.dark .pr-ql-danger { color:#fca5a5 !important; } html.dark .pr-ql-danger .pr-ql-icon { background:rgba(220,38,38,.08) !important; } html.dark .pr-ql-danger:hover { background:rgba(220,38,38,.06) !important; } html.dark .pr-ac-tile { background:#1e293b !important; border-color:#334155 !important; } html.dark .pr-ac-tile:hover { border-color:transparent !important; box-shadow:0 8px 24px rgba(0,0,0,.35) !important; } html.dark .pr-ac-label { color:#f1f5f9 !important; } html.dark .pr-ref-link-row { background:#0f172a !important; border-color:#334155 !important; } html.dark .pr-ref-stat { background:#1e293b !important; border-color:#334155 !important; } html.dark .pr-ref-stat .l { color:#94a3b8 !important; } html.dark .pr-ref-step-num { background:rgba(233,75,127,.1) !important; } html.dark .pr-info-row { border-bottom-color:#334155 !important; } html.dark .pr-info-lbl { color:#94a3b8 !important; } html.dark .pr-info-val { color:#f1f5f9 !important; } html.dark .pr-div { border-top-color:#334155 !important; } html.dark .pr-danger-zone { background:#1e293b !important; border-color:rgba(252,165,165,.3) !important; } html.dark .pr-section-label::before, html.dark .pr-section-label::after { background:#334155 !important; } html.dark .pr-tg-card.connected { background:rgba(14,165,233,.06) !important; border-color:rgba(125,211,252,.2) !important; } html.dark .pr-tg-card.disconnected { background:rgba(233,75,127,.04) !important; border-color:#334155 !important; } /* ── Buyer Transactions (txp-*) ── */ html.dark .txp-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .txp-card-title { color:#818cf8 !important; } html.dark .txp-th { background:#1e293b !important; color:#94a3b8 !important; border-bottom-color:#334155 !important; } html.dark .txp-tr { border-bottom-color:#334155 !important; } html.dark .txp-td { color:#cbd5e1 !important; } html.dark .txp-td-amt-debit { color:#e2e8f0 !important; } html.dark .txp-td-method-note { color:#64748b !important; } html.dark .txp-results { color:#94a3b8 !important; } html.dark .txp-pager-btn { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .txp-pager-btn:hover:not(.disabled) { background:#334155 !important; } html.dark .txp-empty-ico { background:#334155 !important; } html.dark .txp-empty-title { color:#94a3b8 !important; } html.dark .tx-pill-ok { background:rgba(22,163,74,.1) !important; color:#86efac !important; border-color:rgba(74,222,128,.25) !important; } html.dark .tx-pill-pend { background:rgba(202,138,4,.1) !important; color:#fcd34d !important; border-color:rgba(253,211,77,.25) !important; } html.dark .tx-pill-escrow { background:rgba(234,88,12,.1) !important; color:#fb923c !important; border-color:rgba(253,186,116,.25) !important; } html.dark .tx-pill-refund { background:rgba(109,40,217,.1) !important; color:#c4b5fd !important; border-color:rgba(196,181,253,.25) !important; } html.dark .tx-pill-fail { background:rgba(220,38,38,.1) !important; color:#fca5a5 !important; border-color:rgba(252,165,165,.25) !important; } /* ── Buyer Tools Email ── */ html.dark .provider-btn { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } /* ══════════════════════════════════════════════════════════════ SELLER PAGES ══════════════════════════════════════════════════════════════ */ /* Questions */ html.dark .qa-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .qa-badge-new { background:rgba(220,38,38,.1) !important; color:#fca5a5 !important; } /* Seller Transactions pagination */ html.dark .tx-pg-btn { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .tx-pg-btn:hover { border-color:#E94B7F !important; color:#E94B7F !important; background:rgba(233,75,127,.06) !important; } html.dark .tx-pg-btn.active { background:#E94B7F !important; border-color:#E94B7F !important; color:#fff !important; } /* nf-item unread state */ html.dark .nf-item.unread { background:rgba(233,75,127,.06) !important; border-color:rgba(233,75,127,.2) !important; } html.dark .qa-answer-box { background:#0f172a !important; border-color:#475569 !important; } html.dark .qa-product-tag { background:rgba(233,75,127,.1) !important; } /* Telegram settings (seller) */ html.dark .tgp-notif-ico { opacity:.85; } /* ── Seller Wallet ── */ html.dark .wlt-stat { background:#1e293b !important; border-color:#334155 !important; } html.dark .wlt-stat-value { color:#f1f5f9 !important; } html.dark .wlt-section { background:#1e293b !important; border-color:#334155 !important; } html.dark .wlt-section-head { border-bottom-color:#334155 !important; } html.dark .wlt-section-title { color:#f1f5f9 !important; } html.dark .wlt-pending-banner { background:rgba(245,158,11,.08) !important; border-color:rgba(253,211,77,.2) !important; } html.dark .wlt-card, html.dark .wlt-kpi-card, html.dark .wlt-stat-card, html.dark .wlt-modal-inner { background:#1e293b !important; border-color:#334155 !important; } html.dark .wlt-network-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .wlt-network-card:hover, html.dark .wlt-network-card.selected { border-color:#E94B7F !important; background:rgba(233,75,127,.08) !important; } html.dark .wlt-btn-primary { background:#E94B7F !important; } html.dark .wlt-btn-primary:hover { background:#d63870 !important; } html.dark .wlt-btn-secondary { background:#334155 !important; color:#e2e8f0 !important; border-color:#475569 !important; } html.dark .wlt-table-hdr { background:#1e293b !important; border-color:#334155 !important; } html.dark .wlt-modal { background:#1e293b !important; } html.dark .badge-pending { background:rgba(194,65,12,.1) !important; border-color:rgba(251,146,60,.3) !important; color:#fb923c !important; } html.dark .badge-approved { background:rgba(21,128,61,.1) !important; border-color:rgba(74,222,128,.3) !important; color:#4ade80 !important; } /* ── Buyer Wallet page — pending alert ── */ html.dark .pending-alert { background: linear-gradient(135deg, rgba(120,53,15,.25), rgba(92,40,10,.2)) !important; border-color: rgba(217,119,6,.25) !important; } html.dark .pending-alert-icon { background: rgba(217,119,6,.15) !important; } html.dark .pending-alert p[style*="color:#92400e"], html.dark .pending-alert p { color:#fbbf24 !important; } html.dark .pending-alert p[style*="color:#b45309"] { color:#fcd34d !important; } html.dark .pending-alert span[style*="color:#92400e"] { color:#fbbf24 !important; } /* Re-check button */ html.dark .pending-recheck-btn { color:#fbbf24 !important; background:rgba(217,119,6,.15) !important; border-color:rgba(217,119,6,.3) !important; } html.dark .pending-recheck-btn:hover { background:rgba(217,119,6,.25) !important; border-color:rgba(217,119,6,.45) !important; } /* Amber ref chip in dark mode */ html.dark .ref-chip-amber .ref-code-wrap { background:#1e293b !important; border-color:#334155 !important; color:#fbbf24 !important; } html.dark .ref-chip-amber .ref-hash-icon { color:#d97706 !important; } html.dark .ref-chip-amber .ref-text { color:#fbbf24 !important; } html.dark .ref-chip-amber .ref-copy-btn { background:#0f172a !important; border-color:#334155 !important; color:#d97706 !important; } /* Frozen alert */ html.dark .frozen-alert { background: linear-gradient(135deg, rgba(127,29,29,.25), rgba(127,29,29,.15)) !important; border-color: rgba(239,68,68,.25) !important; } /* Stat cards */ html.dark .stat-val { color:#f1f5f9 !important; } html.dark .stat-lbl { color:#64748b !important; } html.dark .stat-icon { background:#334155 !important; } /* Deposit / transaction table */ html.dark .dep-section { background:#1e293b !important; border-color:#334155 !important; } html.dark .dep-hdr { border-bottom-color:#334155 !important; } html.dark .dep-hdr-title { color:#f1f5f9 !important; } html.dark .dep-footer { border-top-color:#334155 !important; } html.dark .dep-footer-count { color:#64748b !important; } html.dark .rxt thead tr { background:#0f172a !important; border-bottom-color:#334155 !important; } html.dark .rxt th { color:#94a3b8 !important; } html.dark .rxt tbody tr { border-bottom-color:#334155 !important; } html.dark .rxt tbody tr:hover { background:#334155 !important; } html.dark .rxt td { color:#cbd5e1 !important; border-bottom-color:#334155 !important; } html.dark .rxt-pill-ok { background:rgba(22,163,74,.1) !important; border-color:rgba(74,222,128,.25) !important; color:#4ade80 !important; } html.dark .rxt-pill-pend { background:rgba(194,65,12,.1) !important; border-color:rgba(251,146,60,.25) !important; color:#fb923c !important; } html.dark .rxt-pill-fail { background:rgba(220,38,38,.1) !important; border-color:rgba(252,165,165,.25) !important; color:#fca5a5 !important; } /* Pending deposit row cards */ html.dark .pending-dep-row { background: rgba(120,53,15,.25) !important; border-color: rgba(217,119,6,.3) !important; } html.dark .pending-dep-amt { color: #fbbf24 !important; } html.dark .pending-dep-amt span { color: #fcd34d !important; } /* ── Seller Orders ── */ html.dark .sord-stat { background:#1e293b !important; border-color:#334155 !important; } html.dark .sord-stat-val { color:#f1f5f9 !important; } html.dark .sord-tab.inactive { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .sord-tab.inactive:hover { border-color:rgba(233,75,127,.5) !important; color:#E94B7F !important; } html.dark .sord-tab.inactive .tab-cnt { background:#334155 !important; color:#94a3b8 !important; } html.dark .sord-pg-btn { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .sord-pg-btn:hover { border-color:#E94B7F !important; color:#E94B7F !important; } html.dark .sord-view-btn { background:#334155 !important; color:#cbd5e1 !important; border-color:#475569 !important; } html.dark .sord-row:hover { background:rgba(233,75,127,.06) !important; } /* Order status badges */ html.dark .sord-badge-pending { background:rgba(133,77,14,.15) !important; color:#fcd34d !important; } html.dark .sord-badge-preorder { background:rgba(55,48,163,.15) !important; color:#a5b4fc !important; } html.dark .sord-badge-delivered { background:rgba(29,78,216,.15) !important; color:#93c5fd !important; } html.dark .sord-badge-completed { background:rgba(21,128,61,.15) !important; color:#86efac !important; } html.dark .sord-badge-disputed { background:rgba(185,28,28,.15) !important; color:#fca5a5 !important; } html.dark .sord-badge-default { background:#334155 !important; color:#94a3b8 !important; } html.dark .sord-fund-held { background:rgba(194,65,12,.1) !important; color:#fb923c !important; } html.dark .sord-fund-released { background:rgba(21,128,61,.1) !important; color:#86efac !important; } /* ── Seller Withdrawals ── */ html.dark .wt-security-bar, html.dark .wt-kpi, html.dark .wt-card, html.dark .wt-modal { background:#1e293b !important; border-color:#334155 !important; } html.dark .wt-limit-bar { background:#334155 !important; } html.dark .wt-prog-track { background:#334155 !important; } html.dark .wt-tab:hover:not(.active) { background:#334155 !important; color:#e2e8f0 !important; border-color:#475569 !important; } html.dark .wt-pending { background:rgba(194,65,12,.1) !important; border-color:rgba(251,146,60,.3) !important; color:#fb923c !important; } html.dark .wt-approved { background:rgba(21,128,61,.1) !important; border-color:rgba(74,222,128,.3) !important; color:#4ade80 !important; } html.dark .wt-rejected { background:rgba(190,18,60,.1) !important; border-color:rgba(252,165,165,.3) !important; color:#fca5a5 !important; } html.dark .wt-cancelled { background:#0f172a !important; border-color:#334155 !important; color:#64748b !important; } /* ── Seller Analytics ── */ html.dark .an-stat, html.dark .an-card { background:#1e293b !important; border-color:#334155 !important; } /* ── Seller Dashboard order status badges (non-sdash-* classes) ── */ html.dark .s-pending { background:rgba(194,65,12,.1) !important; color:#fb923c !important; } html.dark .s-completed { background:rgba(22,163,74,.1) !important; color:#86efac !important; } html.dark .s-processing { background:rgba(124,58,237,.1) !important; color:#c4b5fd !important; } html.dark .s-delivered { background:rgba(29,78,216,.1) !important; color:#93c5fd !important; } html.dark .s-cancelled { background:rgba(190,18,60,.1) !important; color:#fca5a5 !important; } html.dark .s-disputed { background:rgba(161,98,7,.1) !important; color:#fcd34d !important; } html.dark .sdash-order-row:hover { background:#1e293b !important; } /* ── Seller Offers ── */ html.dark .of-chip { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .of-chip:hover { border-color:#E94B7F !important; color:#E94B7F !important; } html.dark .of-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .of-product { background:#0f172a !important; } html.dark .of-product-img { background:#334155 !important; } html.dark .of-btn-reject { background:rgba(239,68,68,.08) !important; border-color:rgba(252,165,165,.3) !important; color:#fca5a5 !important; } html.dark .of-empty { background:#1e293b !important; border-color:#334155 !important; } /* ── Seller Promo Codes ── */ html.dark .pc-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .pc-table tr:hover td { background:#334155 !important; } /* ── Seller Stock ── */ html.dark .stock-tab-btn.active { background:#1e293b !important; color:#a78bfa !important; } html.dark .filter-btn { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .filter-btn:hover { background:#334155 !important; color:#e2e8f0 !important; } html.dark .filter-btn.active { background:rgba(124,58,237,.1) !important; color:#a78bfa !important; border-color:rgba(167,139,250,.3) !important; } html.dark .filter-btn.active .filter-count { background:rgba(124,58,237,.15) !important; color:#a78bfa !important; } /* ── Seller Storefront ── */ html.dark .sf-card-img, html.dark .sf-card-img-placeholder { background:#334155 !important; } html.dark .sf-share-btn { background:#334155 !important; border-color:#475569 !important; color:#cbd5e1 !important; } html.dark .sf-share-btn:hover { background:#475569 !important; } /* ── Seller Withdraw Confirm ── */ html.dark .wdc-step.todo .wdc-step-circle { background:#334155 !important; color:#64748b !important; border-color:#475569 !important; } html.dark .wdc-connector { background:#475569 !important; } html.dark .wdc-connector.done { background:#16a34a !important; } html.dark .wdc-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .wdc-net-logo { background:#1e293b !important; } html.dark .wdc-net-header { border-bottom-color:#334155 !important; } html.dark .wdc-amount-hero { background:#0f172a !important; border-bottom-color:#334155 !important; } html.dark .wdc-row.net { background:rgba(22,163,74,.06) !important; } html.dark .wdc-info-icon { background:rgba(233,75,127,.1) !important; } html.dark .wdc-timeline { background:rgba(233,75,127,.05) !important; border-top-color:#334155 !important; } html.dark .wdc-tl-dot { background:#0f172a !important; border-color:#475569 !important; } html.dark .wdc-tl-dot.pending { background:#0f172a !important; border-color:#E94B7F !important; } html.dark .wdc-notice { background:rgba(202,138,4,.08) !important; border-color:rgba(253,211,77,.2) !important; } html.dark .wdc-cancel-btn { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } /* ══════════════════════════════════════════════════════════════ MAIN LAYOUT (main.ejs) — navbar, drawer, preloader ══════════════════════════════════════════════════════════════ */ /* Navbar */ html.dark nav.bg-white\/95 { background:rgba(15,23,42,0.96) !important; } html.dark nav.sticky.top-0 { border-color:rgba(233,75,127,0.08) !important; } html.dark nav.sticky.top-0 .text-gray-900 { color:#f1f5f9 !important; } html.dark nav.sticky.top-0 .nav-link { color:#94a3b8 !important; } html.dark nav.sticky.top-0 .nav-link:hover { color:#E94B7F !important; } /* Account dropdown in main navbar */ html.dark .sp-nav-dropdown { background:#1e293b !important; border-color:#334155 !important; box-shadow:0 16px 48px rgba(0,0,0,.55) !important; } html.dark .sp-nav-dropdown .text-gray-400 { color:#64748b !important; } html.dark .sp-nav-dropdown .text-gray-800 { color:#f1f5f9 !important; } html.dark .sp-nav-dropdown .text-gray-700 { color:#cbd5e1 !important; } html.dark .sp-nav-dropdown a:hover { background:rgba(233,75,127,.08) !important; color:#E94B7F !important; } /* Mobile hamburger button */ html.dark #navToggle { color:#94a3b8 !important; } html.dark #navToggle:hover { background:#334155 !important; } /* Drawer panels */ html.dark #drawerPanel.bg-white { background:#1e293b !important; border-right-color:#334155 !important; } html.dark .drawer-guest-link { color:#cbd5e1 !important; } html.dark .drawer-guest-link:hover { background:rgba(233,75,127,.08) !important; color:#E94B7F !important; } html.dark .drawer-guest-link i { color:#64748b !important; } html.dark .drawer-guest-link:hover i { color:#E94B7F !important; } /* Logged-in drawer */ html.dark #drawerPanel .border-gray-100 { border-color:#334155 !important; } html.dark #drawerPanel .bg-gray-50 { background:#0f172a !important; } html.dark #drawerPanel .text-gray-900 { color:#f1f5f9 !important; } html.dark #drawerPanel .text-gray-400 { color:#64748b !important; } html.dark #drawerPanel .text-gray-600 { color:#94a3b8 !important; } html.dark #drawerPanel .hover\:bg-gray-100:hover { background:#334155 !important; } /* ══════════════════════════════════════════════════════════════ HOMEPAGE (index.ejs) — lp-* classes ══════════════════════════════════════════════════════════════ */ /* Hero section */ html.dark .lp-hero { background:#1e293b !important; border-bottom-color:#334155 !important; } html.dark .lp-h1 { color:#f1f5f9 !important; } html.dark .lp-hero-desc { color:#94a3b8 !important; } html.dark .lp-btn-outline { background:#334155 !important; color:#cbd5e1 !important; border-color:#475569 !important; } html.dark .lp-btn-outline:hover { border-color:#E94B7F !important; color:#E94B7F !important; } html.dark .lp-hero-stats { border-top-color:#334155 !important; } /* Login card on hero */ html.dark .lp-login-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .lp-form-lbl { color:#94a3b8 !important; } html.dark .lp-form-inp { background:#0f172a !important; border-color:#475569 !important; color:#f1f5f9 !important; } html.dark .lp-form-inp:focus { background:#0f172a !important; border-color:#E94B7F !important; } html.dark .lp-divider::before, html.dark .lp-divider::after { background:#334155 !important; } /* Trust strip */ html.dark .lp-trust { background:#1e293b !important; border-bottom-color:#334155 !important; } html.dark .lp-trust-item { color:#94a3b8 !important; } /* Section headings */ html.dark .lp-sec-title { color:#f1f5f9 !important; } html.dark .lp-sec-sub { color:#94a3b8 !important; } /* Category tiles */ html.dark .lp-cat { background:#1e293b !important; border-color:#334155 !important; } html.dark .lp-cat:hover { border-color:rgba(233,75,127,.4) !important; } html.dark .lp-cat-name { color:#cbd5e1 !important; } /* Feature cards */ html.dark .lp-feat { background:#1e293b !important; border-color:#334155 !important; } html.dark .lp-feat h3 { color:#f1f5f9 !important; } html.dark .lp-feat p { color:#94a3b8 !important; } html.dark .lp-feat-ico { background:rgba(233,75,127,.1) !important; } html.dark .lp-feat-ico.green { background:rgba(22,163,74,.1) !important; } html.dark .lp-feat-ico.purple { background:rgba(124,58,237,.1) !important; } html.dark .lp-feat-ico.amber { background:rgba(202,138,4,.1) !important; } html.dark .lp-feat-ico.blue { background:rgba(59,130,246,.1) !important; } html.dark .lp-feat-ico.teal { background:rgba(13,148,136,.1) !important; } /* Product cards */ html.dark .lp-product { background:#1e293b !important; border-color:#334155 !important; } html.dark .lp-product:hover { border-color:rgba(233,75,127,.4) !important; } html.dark .lp-product-img { background:#334155 !important; } html.dark .lp-product-img-placeholder { color:#475569 !important; } html.dark .lp-product-title { color:#f1f5f9 !important; } html.dark .lp-product-price { color:#f1f5f9 !important; } /* How it works steps */ html.dark .lp-step { background:#1e293b !important; border-color:#334155 !important; } html.dark .lp-step-num { background:rgba(233,75,127,.1) !important; border-color:rgba(233,75,127,.2) !important; } html.dark .lp-step-title { color:#f1f5f9 !important; } html.dark .lp-step-desc { color:#94a3b8 !important; } /* Stats */ html.dark .lp-stat { background:#1e293b !important; border-color:#334155 !important; } html.dark .lp-stat-val { color:#f1f5f9 !important; } html.dark .lp-stat-lbl { color:#94a3b8 !important; } html.dark .lp-stat-badge.green { background:rgba(22,163,74,.1) !important; color:#86efac !important; } html.dark .lp-stat-badge.pink { background:rgba(233,75,127,.1) !important; color:#f9a8d4 !important; } /* Testimonial */ html.dark .lp-testimonial { background:#1e293b !important; border-color:#334155 !important; } html.dark .lp-blockquote { color:#cbd5e1 !important; } html.dark .lp-reviewer-name { color:#f1f5f9 !important; } /* FAQ */ html.dark .lp-faq { background:#1e293b !important; border-color:#334155 !important; } html.dark .lp-faq-item { border-bottom-color:#334155 !important; } html.dark .lp-faq-q { color:#f1f5f9 !important; } html.dark .lp-faq-a { color:#94a3b8 !important; } /* CTA white button */ html.dark .lp-btn-white { background:rgba(255,255,255,.1) !important; color:#fff !important; } html.dark .lp-btn-white:hover { background:rgba(255,255,255,.18) !important; } /* Seller card (already dark #111827) stays dark */ /* ══════════════════════════════════════════════════════════════ CHECKOUT (checkout/index.ejs + success.ejs) — ck-* classes ══════════════════════════════════════════════════════════════ */ html.dark .ck-hero { background:#1e293b !important; border-color:#334155 !important; } html.dark .ck-hero-title { color:#f1f5f9 !important; } html.dark .ck-section { background:#1e293b !important; border-bottom-color:#334155 !important; } html.dark .ck-step-dot { background:#334155 !important; } html.dark .ck-step-line { background:#334155 !important; } html.dark .ck-step-line.done { background:rgba(233,75,127,.3) !important; } /* Product in checkout */ html.dark .ck-prod-img { background:rgba(233,75,127,.08) !important; } html.dark .ck-prod-badge { background:#1e293b !important; border-color:#334155 !important; color:#94a3b8 !important; } html.dark .ck-prod-name { color:#f1f5f9 !important; } /* Product tags */ html.dark .ck-ptag-stock { background:rgba(22,163,74,.1) !important; border-color:rgba(74,222,128,.2) !important; color:#86efac !important; } html.dark .ck-ptag-del { background:rgba(14,165,233,.1) !important; border-color:rgba(125,211,252,.2) !important; color:#7dd3fc !important; } html.dark .ck-ptag-disc { background:rgba(233,75,127,.1) !important; border-color:rgba(233,75,127,.2) !important; color:#f9a8d4 !important; } html.dark .ck-ptag-pre { background:rgba(59,130,246,.1) !important; border-color:rgba(147,197,253,.2) !important; color:#93c5fd !important; } html.dark .ck-trusted { background:rgba(22,163,74,.1) !important; border-color:rgba(74,222,128,.2) !important; color:#86efac !important; } /* Price breakdown */ html.dark .ck-price-section { background:#0f172a !important; } html.dark .ck-prow { border-bottom-color:#334155 !important; } html.dark .ck-prow-label { color:#94a3b8 !important; } html.dark .ck-prow-val { color:#f1f5f9 !important; } html.dark .ck-total-row { border-top-color:#475569 !important; } html.dark .ck-total-label { color:#f1f5f9 !important; } /* Banners */ html.dark .ck-earn { background:rgba(147,51,234,.08) !important; border-color:rgba(167,139,250,.2) !important; } html.dark .ck-earn-txt { color:#c4b5fd !important; } html.dark .ck-flash { background:rgba(220,38,38,.06) !important; border-color:rgba(252,165,165,.2) !important; } html.dark .ck-timer-box { background:#0f172a !important; border-color:rgba(252,165,165,.2) !important; } html.dark .ck-preorder-notice { background:rgba(59,130,246,.06) !important; border-color:rgba(147,197,253,.2) !important; } html.dark .ck-pre-icon { background:rgba(59,130,246,.1) !important; } html.dark .ck-savings { background:rgba(22,163,74,.08) !important; border-color:rgba(74,222,128,.2) !important; color:#86efac !important; } /* Wallet */ html.dark .ck-wallet.ok { background:rgba(22,163,74,.06) !important; border-color:rgba(74,222,128,.2) !important; } html.dark .ck-wallet.nok { background:rgba(220,38,38,.06) !important; border-color:rgba(252,165,165,.2) !important; } html.dark .ck-wallet.empty { background:#0f172a !important; border-color:#334155 !important; } /* ── ORDER SUCCESS PAGE (checkout/success.ejs) — os-* classes ── */ /* Text helpers */ html.dark .os-title { color:#f1f5f9 !important; } html.dark .os-subtitle { color:#94a3b8 !important; } html.dark .os-muted { color:#64748b !important; } html.dark .os-strong-text { color:#e2e8f0 !important; } html.dark .os-step-p { color:#94a3b8 !important; } html.dark .os-label { color:#64748b !important; } html.dark .os-value { color:#f1f5f9 !important; } /* Cards */ html.dark .os-card { background:#1e293b !important; border-color:#334155 !important; box-shadow:0 4px 20px rgba(0,0,0,.3) !important; } html.dark .os-row { border-bottom-color:#334155 !important; } /* Delivery box */ html.dark .os-delivery { background:#1e293b !important; border-color:#334155 !important; } html.dark .os-copy-btn { background:#334155 !important; border-color:#475569 !important; color:#cbd5e1 !important; } html.dark .os-copy-btn:hover { background:#475569 !important; } /* Order ID pill */ html.dark .os-order-id { background:rgba(233,75,127,.1) !important; border-color:rgba(233,75,127,.25) !important; } html.dark .os-order-id:hover { background:rgba(233,75,127,.18) !important; } /* CTA secondary button */ html.dark .os-cta-secondary { background:#1e293b !important; border-color:#334155 !important; color:#cbd5e1 !important; } html.dark .os-cta-secondary:hover { background:#334155 !important; } /* Escrow bar */ html.dark .os-escrow-bar { background:rgba(233,75,127,.06) !important; border-color:rgba(233,75,127,.2) !important; } html.dark .os-escrow-icon { background:rgba(233,75,127,.12) !important; } html.dark .os-escrow-bar p { color:#f9a8d4 !important; } html.dark .os-escrow-bar p:first-child { color:#f472b6 !important; } /* Loyalty pill */ html.dark .os-loyalty-pill { background:rgba(202,138,4,.08) !important; border-color:rgba(253,211,77,.2) !important; } html.dark .os-loyalty-icon { background:rgba(202,138,4,.12) !important; } html.dark .os-loyalty-pill p { color:#fcd34d !important; } html.dark .os-loyalty-pill p:first-child { color:#fbbf24 !important; } /* Card icon wrapper */ html.dark .os-card-icon { background:rgba(233,75,127,.12) !important; } html.dark .os-delivery-icon{ background:rgba(22,163,74,.12) !important; } /* Preorder status card */ html.dark .os-preorder-card { background:rgba(59,130,246,.06) !important; border-color:rgba(147,197,253,.2) !important; } html.dark .os-preorder-icon { background:rgba(59,130,246,.12) !important; } html.dark .os-preorder-title { color:#93c5fd !important; } html.dark .os-preorder-text { color:#7dd3fc !important; } /* Pending status card */ html.dark .os-pending-card { background:rgba(202,138,4,.06) !important; border-color:rgba(253,211,77,.2) !important; } html.dark .os-pending-icon { background:rgba(202,138,4,.1) !important; } html.dark .os-pending-title { color:#fcd34d !important; } html.dark .os-pending-text { color:#fbbf24 !important; } /* What's Next step bubbles */ html.dark .os-step-1 { background:rgba(59,130,246,.12) !important; } html.dark .os-step-1 span { color:#93c5fd !important; } html.dark .os-step-2 { background:rgba(22,163,74,.12) !important; } html.dark .os-step-2 span { color:#86efac !important; } html.dark .os-step-3 { background:rgba(233,75,127,.12) !important; } html.dark .os-step-3 span { color:#f9a8d4 !important; } /* ══════════════════════════════════════════════════════════════ INLINE STYLE OVERRIDES — scoped to content wrappers Order matters: specific colors are defined AFTER the generic #fff rule so they override it by cascade order. ══════════════════════════════════════════════════════════════ */ /* Generic white → dark card */ html.dark #buyer-content-wrap [style*="background:#fff"], html.dark #seller-content-wrap [style*="background:#fff"] { background:#1e293b !important; } /* Light gray tones used as inline styles */ html.dark #buyer-content-wrap [style*="background:#f1f5f9"], html.dark #seller-content-wrap [style*="background:#f1f5f9"] { background:#334155 !important; } html.dark #buyer-content-wrap [style*="background:#e2e8f0"], html.dark #seller-content-wrap [style*="background:#e2e8f0"] { background:#475569 !important; } html.dark #buyer-content-wrap [style*="background:#f3f4f6"], html.dark #seller-content-wrap [style*="background:#f3f4f6"] { background:#334155 !important; } /* Semantic tints used as inline styles */ html.dark #buyer-content-wrap [style*="background:#fce7f3"], html.dark #seller-content-wrap [style*="background:#fce7f3"] { background:rgba(233,75,127,.08) !important; } html.dark #buyer-content-wrap [style*="background:#fef3c7"], html.dark #seller-content-wrap [style*="background:#fef3c7"] { background:rgba(202,138,4,.1) !important; } html.dark #buyer-content-wrap [style*="background:#fee2e2"], html.dark #seller-content-wrap [style*="background:#fee2e2"] { background:rgba(220,38,38,.08) !important; } html.dark #buyer-content-wrap [style*="background:#dcfce7"], html.dark #seller-content-wrap [style*="background:#dcfce7"] { background:rgba(22,163,74,.08) !important; } html.dark #buyer-content-wrap [style*="background:#d1fae5"], html.dark #seller-content-wrap [style*="background:#d1fae5"] { background:rgba(22,163,74,.08) !important; } html.dark #buyer-content-wrap [style*="background:#bbf7d0"], html.dark #seller-content-wrap [style*="background:#bbf7d0"] { background:rgba(22,163,74,.08) !important; } /* Green/teal tones */ html.dark #buyer-content-wrap [style*="background:#f0fdf4"], html.dark #seller-content-wrap [style*="background:#f0fdf4"] { background:rgba(22,163,74,.06) !important; } /* Purple/violet tones */ html.dark #buyer-content-wrap [style*="background:#ede9fe"], html.dark #seller-content-wrap [style*="background:#ede9fe"] { background:rgba(124,58,237,.08) !important; } html.dark #buyer-content-wrap [style*="background:#f3e8ff"], html.dark #seller-content-wrap [style*="background:#f3e8ff"] { background:rgba(124,58,237,.06) !important; } html.dark #buyer-content-wrap [style*="background:#fdf9ff"], html.dark #seller-content-wrap [style*="background:#fdf9ff"] { background:rgba(124,58,237,.06) !important; } html.dark #buyer-content-wrap [style*="background:#faf9ff"], html.dark #seller-content-wrap [style*="background:#faf9ff"] { background:rgba(124,58,237,.05) !important; } /* Blue tones */ html.dark #buyer-content-wrap [style*="background:#eff6ff"], html.dark #seller-content-wrap [style*="background:#eff6ff"] { background:rgba(59,130,246,.06) !important; } html.dark #buyer-content-wrap [style*="background:#dbeafe"], html.dark #seller-content-wrap [style*="background:#dbeafe"] { background:rgba(59,130,246,.08) !important; } /* Misc light tones */ html.dark #buyer-content-wrap [style*="background:#f8fafc"], html.dark #seller-content-wrap [style*="background:#f8fafc"] { background:#0f172a !important; } html.dark #buyer-content-wrap [style*="background:#fff5f5"], html.dark #seller-content-wrap [style*="background:#fff5f5"] { background:rgba(220,38,38,.06) !important; } /* Coloured semantic tints */ html.dark #buyer-content-wrap [style*="background:#fdf2f8"], html.dark #seller-content-wrap [style*="background:#fdf2f8"] { background:rgba(233,75,127,.08) !important; } html.dark #buyer-content-wrap [style*="background:#f0fdf4"], html.dark #seller-content-wrap [style*="background:#f0fdf4"] { background:rgba(22,163,74,.08) !important; } html.dark #buyer-content-wrap [style*="background:#f8fafc"], html.dark #buyer-content-wrap [style*="background:#f9fafb"], html.dark #buyer-content-wrap [style*="background:#fafafa"], html.dark #seller-content-wrap [style*="background:#f8fafc"], html.dark #seller-content-wrap [style*="background:#f9fafb"], html.dark #seller-content-wrap [style*="background:#fafafa"] { background:#0f172a !important; } html.dark #buyer-content-wrap [style*="background:#f3e8ff"], html.dark #buyer-content-wrap [style*="background:#fdf9ff"], html.dark #buyer-content-wrap [style*="background:#fdf4ff"], html.dark #seller-content-wrap [style*="background:#f3e8ff"], html.dark #seller-content-wrap [style*="background:#fdf9ff"], html.dark #seller-content-wrap [style*="background:#fdf4ff"] { background:rgba(124,58,237,.08) !important; } /* These override the generic #fff rule because they come after it */ html.dark #buyer-content-wrap [style*="background:#fff5f5"], html.dark #buyer-content-wrap [style*="background:#fff1f2"], html.dark #buyer-content-wrap [style*="background:#fef2f2"], html.dark #seller-content-wrap [style*="background:#fff5f5"], html.dark #seller-content-wrap [style*="background:#fff1f2"], html.dark #seller-content-wrap [style*="background:#fef2f2"] { background:rgba(239,68,68,.08) !important; } html.dark #buyer-content-wrap [style*="background:#fffbeb"], html.dark #buyer-content-wrap [style*="background:#fff7ed"], html.dark #buyer-content-wrap [style*="background:#fefce8"], html.dark #seller-content-wrap [style*="background:#fffbeb"], html.dark #seller-content-wrap [style*="background:#fff7ed"], html.dark #seller-content-wrap [style*="background:#fefce8"] { background:rgba(245,158,11,.08) !important; } html.dark #buyer-content-wrap [style*="background:#fff0f3"], html.dark #seller-content-wrap [style*="background:#fff0f3"] { background:rgba(233,75,127,.08) !important; } /* Indigo / blue info banners */ html.dark #buyer-content-wrap [style*="background:#eef2ff"], html.dark #seller-content-wrap [style*="background:#eef2ff"] { background:rgba(99,102,241,.08) !important; border-color:rgba(165,180,252,.2) !important; } html.dark #buyer-content-wrap [style*="background:#eff6ff"], html.dark #seller-content-wrap [style*="background:#eff6ff"] { background:rgba(59,130,246,.08) !important; border-color:rgba(147,197,253,.2) !important; } /* Purple tint (stock filter / order-chat pill) */ html.dark #buyer-content-wrap [style*="background:#f5f3ff"], html.dark #seller-content-wrap [style*="background:#f5f3ff"] { background:rgba(124,58,237,.08) !important; border-color:rgba(167,139,250,.2) !important; } /* Yellow warning (withdraw-confirm notice) */ html.dark #buyer-content-wrap [style*="background:#fef9c3"], html.dark #seller-content-wrap [style*="background:#fef9c3"] { background:rgba(202,138,4,.08) !important; border-color:rgba(253,211,77,.2) !important; } /* Light gray placeholder (storefront card images) */ html.dark #buyer-content-wrap [style*="background:#f3f4f6"], html.dark #seller-content-wrap [style*="background:#f3f4f6"] { background:#334155 !important; } /* Generic light blue pill overrides (storefront badges) */ html.dark #seller-content-wrap [style*="background:#f0fdf4"] { background:rgba(22,163,74,.08) !important; border-color:rgba(74,222,128,.15) !important; color:#86efac !important; } html.dark #seller-content-wrap [style*="background:#fef2f2"] { background:rgba(220,38,38,.08) !important; border-color:rgba(252,165,165,.15) !important; color:#fca5a5 !important; } /* Icon / badge containers — keep them slightly tinted, not flat dark */ html.dark #buyer-content-wrap .tgp-con-row-ico, html.dark #seller-content-wrap .tgp-con-row-ico, html.dark #buyer-content-wrap .tgp-notif-ico, html.dark #seller-content-wrap .tgp-notif-ico { opacity:.8; filter:brightness(.85) saturate(.7); } /* ═══════════════════════════════════════════════════════ BUYER PANEL — COMPREHENSIVE DARK MODE FIX (all pages) ═══════════════════════════════════════════════════════ */ /* ── Profile hero (prh-*) — additional missing rules ── */ html.dark .prh-av-ring { border-color:#475569 !important; } html.dark .prh-av-status { border-color:#1e293b !important; } html.dark .prh-stats { border-top-color:#334155 !important; } html.dark .prh-stat-val { color:#f1f5f9 !important; } html.dark .prh-email { color:#94a3b8 !important; } /* ── Orders (op-*) — missing rules ── */ html.dark .op-hdr-sub { color:#94a3b8 !important; } html.dark .op-hdr-ico { background:rgba(233,75,127,.1) !important; } html.dark .op-count-pill { background:rgba(233,75,127,.08) !important; border-color:rgba(233,75,127,.2) !important; color:#f472b6 !important; } html.dark .op-modal-head h2 { color:#f1f5f9 !important; } html.dark .op-modal-head h2 i { color:inherit !important; } html.dark .op-pg-btn { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .op-pg-btn:hover:not(.disabled):not(.active) { border-color:#E94B7F !important; color:#E94B7F !important; background:rgba(233,75,127,.06) !important; } html.dark .op-policy-notice { background:rgba(245,158,11,.06) !important; border-color:rgba(253,211,77,.2) !important; } /* ── Order Detail (od-*) — missing rules ── */ html.dark .od-hero-info h1 { color:#f1f5f9 !important; } html.dark .od-hero-chip { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .od-card-head { border-bottom-color:#334155 !important; } html.dark .od-card-head h2 { color:#f1f5f9 !important; } html.dark .od-row-val { color:#f1f5f9 !important; } html.dark .od-step-dot.future { background:#0f172a !important; border-color:#475569 !important; color:#475569 !important; } html.dark .od-step-line.future { background:#334155 !important; } html.dark .od-btn-gray { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .od-btn-gray:hover { background:#475569 !important; } html.dark .od-btn-purple { background:rgba(124,58,237,.1) !important; border-color:rgba(167,139,250,.25) !important; color:#c4b5fd !important; } html.dark .od-btn-purple:hover { background:rgba(124,58,237,.16) !important; } html.dark .od-modal-sheet { background:#1e293b !important; } html.dark .od-modal-handle { background:#475569 !important; } html.dark .od-modal-head h2 { color:#f1f5f9 !important; } html.dark .od-modal-close { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .od-modal-close:hover { background:#475569 !important; } html.dark .od-modal-divider { background:#334155 !important; } html.dark .od-alert { border-color:#475569 !important; } /* ── Transactions (txp-*) — transaction pill colors ── */ html.dark .txp-card-sub { color:#94a3b8 !important; } html.dark .txp-empty-sub { color:#64748b !important; } html.dark .tx-pill-ok { background:rgba(22,163,74,.1) !important; color:#86efac !important; border-color:rgba(74,222,128,.25) !important; } html.dark .tx-pill-pend { background:rgba(202,138,4,.1) !important; color:#fcd34d !important; border-color:rgba(253,211,77,.25) !important; } html.dark .tx-pill-escrow { background:rgba(234,88,12,.08) !important; color:#fb923c !important; border-color:rgba(253,186,116,.25) !important; } html.dark .tx-pill-refund { background:rgba(124,58,237,.1) !important; color:#c4b5fd !important; border-color:rgba(167,139,250,.25) !important; } html.dark .tx-pill-fail { background:rgba(220,38,38,.08) !important; color:#fca5a5 !important; border-color:rgba(252,165,165,.25) !important; } /* ── Wishlist (wl-*) — missing rules ── */ html.dark .wl-img-ph { background:rgba(233,75,127,.08) !important; } /* ── Sessions (sess-*) — missing rules ── */ html.dark .sess-hdr { border-bottom-color:#334155 !important; } html.dark .sess-hdr-title { color:#f1f5f9 !important; } html.dark .sess-item { border-bottom-color:#334155 !important; } html.dark .sess-item:hover { background:#334155 !important; } html.dark .sess-device { color:#f1f5f9 !important; } html.dark .sess-badge-current { background:rgba(22,163,74,.12) !important; color:#86efac !important; } html.dark .sess-terminate-all-btn { border-color:rgba(252,165,165,.25) !important; color:#fca5a5 !important; } html.dark .sess-ico[style*="background:#f0fdf4"] { background:rgba(22,163,74,.1) !important; } html.dark .sess-ico[style*="background:#fdf2f8"] { background:rgba(233,75,127,.08) !important; } /* ── Login History (lh-*) — missing rules ── */ html.dark .lh-icon.desktop { background:rgba(124,58,237,.15) !important; } html.dark .lh-icon.mobile { background:rgba(22,163,74,.12) !important; } html.dark .lh-icon.tablet { background:rgba(234,88,12,.12) !important; } html.dark .lh-current { background:rgba(22,163,74,.1) !important; color:#86efac !important; border-color:rgba(74,222,128,.25) !important; } /* ── Offers (bo-*) — missing rules ── */ html.dark .bo-hero-title { color:#f1f5f9 !important; } html.dark .bo-hero-sub { color:#94a3b8 !important; } html.dark .bo-hdr-ico { background:rgba(99,102,241,.12) !important; color:#a5b4fc !important; } /* ── Release Pin (rp-*) — border fix ── */ html.dark .rp-benefit { border-bottom-color:#334155 !important; } /* ── Notifications — unread state ── */ html.dark .nf-item.unread { background:rgba(233,75,127,.05) !important; border-color:rgba(233,75,127,.2) !important; } /* ── Receipt page ── */ html.dark .receipt { background:#1e293b !important; box-shadow:0 8px 32px rgba(0,0,0,.4) !important; } html.dark .btn-back { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } /* ── Security Log — item hover ── */ html.dark .seclog-item:hover { background:#334155 !important; } /* ── Buyer content area inline-style overrides (broad catch for text that's still dark) ── */ html.dark #buyer-content-wrap [style*="color:#0f172a"] { color:#f1f5f9 !important; } html.dark #buyer-content-wrap [style*="color:#1e293b"] { color:#e2e8f0 !important; } html.dark #buyer-content-wrap [style*="color:#374151"] { color:#94a3b8 !important; } html.dark #buyer-content-wrap [style*="color:#111827"] { color:#e2e8f0 !important; } html.dark #buyer-content-wrap [style*="color:#6b7280"] { color:#94a3b8 !important; } html.dark #buyer-content-wrap [style*="color:#64748b"] { color:#94a3b8 !important; } html.dark #buyer-content-wrap [style*="color:#475569"] { color:#94a3b8 !important; } html.dark #buyer-content-wrap [style*="background:#fff;"] { background:#1e293b !important; } html.dark #buyer-content-wrap [style*="background:#f8fafc"] { background:#0f172a !important; } html.dark #buyer-content-wrap [style*="background:#f1f5f9"] { background:#334155 !important; } /* ═══════════════════════════════════════════════════════════ COMMUNITY MODAL (#communityModal / .comm-*) — shown on login for both buyer and seller panels ═══════════════════════════════════════════════════════════ */ html.dark #communityModal .comm-card { background:#1e293b !important; border-color:#334155 !important; box-shadow:0 32px 80px rgba(0,0,0,.6), 0 8px 24px rgba(0,0,0,.4) !important; } html.dark #communityModal .comm-close { background:#334155 !important; color:#94a3b8 !important; } html.dark #communityModal .comm-close:hover { background:#475569 !important; color:#e2e8f0 !important; } html.dark #communityModal .comm-title { color:#64748b !important; } html.dark #communityModal .comm-headline { color:#f1f5f9 !important; } html.dark #communityModal .comm-sub { color:#64748b !important; } html.dark #communityModal .comm-benefit { color:#cbd5e1 !important; } html.dark #communityModal .comm-divider { background:linear-gradient(90deg,transparent,#334155,transparent) !important; } html.dark #communityModal .comm-skip button { color:#475569 !important; } html.dark #communityModal .comm-skip button:hover { color:#94a3b8 !important; } /* ═══════════════════════════════════════════════════════════ SELLER PANEL — COMPREHENSIVE DARK MODE FIX ═══════════════════════════════════════════════════════════ */ /* ── Seller layout top header bar ── */ html.dark #seller-content-wrap > header { background:#1e293b !important; border-bottom-color:#334155 !important; } html.dark #seller-content-wrap > header h2 { color:#f1f5f9 !important; } html.dark #seller-content-wrap > header .text-gray-800 { color:#f1f5f9 !important; } html.dark #seller-content-wrap > header .text-gray-600 { color:#94a3b8 !important; } html.dark #seller-content-wrap > header .bg-gray-100 { background:#334155 !important; } html.dark #seller-content-wrap > header .hover\:bg-gray-200:hover { background:#475569 !important; } html.dark #seller-content-wrap > header .hover\:text-gray-800:hover { color:#f1f5f9 !important; } html.dark #seller-content-wrap > header .border-gray-100 { border-color:#334155 !important; } html.dark #seller-content-wrap > header .text-gray-900 { color:#f1f5f9 !important; } html.dark #seller-content-wrap > header .text-gray-400 { color:#64748b !important; } html.dark #seller-content-wrap > header .text-red-600 { color:#fca5a5 !important; } html.dark #seller-content-wrap > header .hover\:bg-red-50:hover { background:rgba(220,38,38,.08) !important; } /* Seller avatar dropdown (already has rules, patch missing text) */ html.dark .seller-dropdown .text-gray-900 { color:#f1f5f9 !important; } html.dark .seller-dropdown .text-gray-400 { color:#64748b !important; } html.dark .seller-dropdown .border-gray-100 { border-color:#334155 !important; } html.dark .seller-dropdown .text-red-600 { color:#fca5a5 !important; } html.dark .seller-dropdown .hover\:bg-red-50:hover { background:rgba(220,38,38,.08) !important; } html.dark .seller-dropdown .bg-red-100 { background:rgba(220,38,38,.1) !important; } html.dark .seller-dropdown .text-red-500 { color:#fca5a5 !important; } /* ── Seller dashboard — status order badges ── */ html.dark .s-pending { background:rgba(234,88,12,.1) !important; color:#fb923c !important; } html.dark .s-completed { background:rgba(22,163,74,.1) !important; color:#86efac !important; } html.dark .s-processing{ background:rgba(147,51,234,.1) !important; color:#c4b5fd !important; } html.dark .s-delivered { background:rgba(37,99,235,.1) !important; color:#93c5fd !important; } html.dark .s-cancelled { background:rgba(225,29,72,.1) !important; color:#fca5a5 !important; } html.dark .s-disputed { background:rgba(161,98,7,.1) !important; color:#fcd34d !important; } /* ── Seller dashboard — section separators & text ── */ html.dark .sdash-section-hd { border-bottom-color:#334155 !important; } html.dark .sdash-order-row { border-bottom-color:#334155 !important; } html.dark .sdash-rating-row { border-bottom-color:#334155 !important; } html.dark .sdash-earning-row{ border-bottom-color:#334155 !important; } html.dark .sdash-action-lbl { color:#94a3b8 !important; } html.dark .sdash-kpi-val { color:#f1f5f9 !important; } html.dark .sdash-section-link { color:#4ade80 !important; } html.dark .sdash-section-link:hover { color:#86efac !important; } html.dark .sdash-empty-icon { background:#334155 !important; } /* ── Seller dashboard — premium tables dark mode ── */ html.dark .sdash-tbl thead tr { background:#0f172a !important; border-bottom-color:#334155 !important; } html.dark .sdash-tbl tbody tr { border-bottom-color:#1e293b !important; } html.dark .sdash-tbl tbody tr:hover { background:#1e3a5f22 !important; } html.dark .sdash-tbl td { color:#cbd5e1 !important; } html.dark .sdash-product-name { color:#f1f5f9 !important; } html.dark .sdash-review-card { border-bottom-color:#334155 !important; } html.dark .sdash-review-card:hover { background:#1e293b44 !important; } html.dark .sdash-review-comment { color:#94a3b8 !important; } /* ── Seller dashboard — alert and offer banners ── */ html.dark .sdash-alert { background:rgba(234,88,12,.08) !important; border-color:rgba(253,186,116,.2) !important; } html.dark .sdash-alert-hd { border-bottom-color:rgba(253,186,116,.15) !important; } html.dark .sdash-offer-banner { background:rgba(124,58,237,.08) !important; border-color:rgba(167,139,250,.2) !important; } /* ── Community modal button row — when only Telegram (inline grid override) ── */ html.dark #communityModal .comm-btn-row[style*="grid-template-columns:1fr"] .comm-btn-tg { box-shadow:0 6px 20px rgba(34,158,217,.45) !important; } /* ── Seller content wrap — broad inline-style catch-all (mirror of buyer catch-all) ── */ html.dark #seller-content-wrap [style*="color:#0f172a"] { color:#f1f5f9 !important; } html.dark #seller-content-wrap [style*="color:#1e293b"] { color:#e2e8f0 !important; } html.dark #seller-content-wrap [style*="color:#374151"] { color:#94a3b8 !important; } html.dark #seller-content-wrap [style*="color:#111827"] { color:#e2e8f0 !important; } html.dark #seller-content-wrap [style*="color:#6b7280"] { color:#94a3b8 !important; } html.dark #seller-content-wrap [style*="color:#64748b"] { color:#94a3b8 !important; } html.dark #seller-content-wrap [style*="color:#475569"] { color:#94a3b8 !important; } /* ═══════════════════════════════════════════════════════════ SELLER PANEL — ALL PAGES COMPREHENSIVE DARK MODE ═══════════════════════════════════════════════════════════ */ /* ── Seller Orders (sord-*) ── */ html.dark .sord-stat { background:#1e293b !important; border-color:#334155 !important; } html.dark .sord-stat-val { color:#f1f5f9 !important; } html.dark .sord-badge-pending { background:rgba(202,138,4,.1) !important; color:#fcd34d !important; } html.dark .sord-badge-preorder { background:rgba(99,102,241,.1) !important; color:#a5b4fc !important; } html.dark .sord-badge-delivered { background:rgba(37,99,235,.1) !important; color:#93c5fd !important; } html.dark .sord-badge-completed { background:rgba(22,163,74,.1) !important; color:#86efac !important; } html.dark .sord-badge-disputed { background:rgba(220,38,38,.1) !important; color:#fca5a5 !important; } html.dark .sord-badge-default { background:#334155 !important; color:#94a3b8 !important; } html.dark .sord-fund-held { background:rgba(234,88,12,.1) !important; color:#fb923c !important; } html.dark .sord-fund-released{ background:rgba(22,163,74,.1) !important; color:#86efac !important; } html.dark .sord-view-btn { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .sord-row:hover { background:rgba(233,75,127,.05) !important; } html.dark .sord-pg-btn { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .sord-pg-btn:hover { border-color:#E94B7F !important; color:#E94B7F !important; } html.dark .sord-tab.inactive { background:#1e293b !important; border-color:#475569 !important; color:#64748b !important; } html.dark .sord-tab.inactive:hover { border-color:rgba(233,75,127,.4) !important; color:#f472b6 !important; } html.dark .sord-tab.inactive .tab-cnt { background:#334155 !important; color:#94a3b8 !important; } /* ── Withdrawals (wt-*) ── */ html.dark .wt-security-bar { background:#1e293b !important; border-color:#334155 !important; } html.dark .wt-security-item { color:#cbd5e1 !important; } html.dark .wt-limit-bar { background:#334155 !important; } html.dark .wt-kpi { background:#1e293b !important; border-color:#334155 !important; } html.dark .wt-kpi-val { color:#f1f5f9 !important; } html.dark .wt-tabs { border-bottom-color:#334155 !important; } html.dark .wt-tab:hover:not(.active) { background:#334155 !important; color:#cbd5e1 !important; border-color:#475569 !important; } html.dark .wt-tab:not(.active) .wt-tab-badge { background:#334155 !important; color:#94a3b8 !important; } html.dark .wt-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .wt-card:hover { box-shadow:0 4px 16px rgba(0,0,0,.4) !important; } html.dark .wt-card-body { border-top-color:#334155 !important; } html.dark .wt-chevron { color:#475569 !important; } html.dark .wt-pending { background:rgba(234,88,12,.1) !important; border-color:rgba(253,186,116,.25) !important; color:#fb923c !important; } html.dark .wt-approved { background:rgba(22,163,74,.1) !important; border-color:rgba(74,222,128,.25) !important; color:#86efac !important; } html.dark .wt-rejected { background:rgba(220,38,38,.1) !important; border-color:rgba(252,165,165,.25) !important; color:#fca5a5 !important; } html.dark .wt-cancelled { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .wt-tl { background:#0f172a !important; } html.dark .tl-wait .wt-tl-dot { background:#1e293b !important; border-color:#475569 !important; color:#64748b !important; } html.dark .tl-done .wt-tl-dot { background:rgba(22,163,74,.12) !important; border-color:#16a34a !important; } html.dark .tl-active .wt-tl-dot { background:rgba(234,88,12,.12) !important; border-color:#f97316 !important; } html.dark .tl-error .wt-tl-dot { background:rgba(220,38,38,.12) !important; border-color:#dc2626 !important; } html.dark .wt-tl-step.tl-wait::after { background:#334155 !important; } html.dark .wt-detail-val { color:#f1f5f9 !important; } html.dark .wt-modal { background:#1e293b !important; } html.dark .wt-prog-track { background:#334155 !important; } /* ── Wallet (wlt-*) ── */ html.dark .wlt-stat { background:#1e293b !important; border-color:#334155 !important; } html.dark .wlt-stat-value { color:#f1f5f9 !important; } html.dark .wlt-quick-btn { background:#1e293b !important; border-color:#334155 !important; } html.dark .wlt-pending-banner { background:rgba(202,138,4,.08) !important; border-color:rgba(253,211,77,.2) !important; } html.dark .wlt-step-dot { border-color:#475569 !important; } /* ── Analytics (an-*) ── */ html.dark .an-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .an-card-title { color:#f1f5f9 !important; } html.dark .an-stat { background:#1e293b !important; border-color:#334155 !important; } html.dark .an-stat-val { color:#f1f5f9 !important; } html.dark .an-prod-row { border-bottom-color:#334155 !important; } html.dark .an-bar { background:#334155 !important; } /* ── Offers (of-*) — seller side ── */ html.dark .of-badge { background:#1e293b !important; border-color:#334155 !important; } html.dark .of-actions { border-top-color:#334155 !important; } html.dark .of-btn { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; } /* ── Deposit / top-up section (dep-*) ── */ html.dark .dep-hdr { border-bottom-color:#334155 !important; } html.dark .dep-hdr-title { color:#f1f5f9 !important; } html.dark .dep-section { border-bottom-color:#334155 !important; } html.dark .dep-footer { border-top-color:#334155 !important; background:#0f172a !important; } html.dark .dep-footer-link { color:#94a3b8 !important; } /* ── Telegram settings (seller) — tgp-* already has rules, patch text ── */ html.dark .tgp-con-row { border-bottom-color:#334155 !important; } html.dark .tgp-con-row-name { color:#f1f5f9 !important; } html.dark .tgp-con-row-sub { color:#64748b !important; } html.dark .tgp-notif-lbl { color:#cbd5e1 !important; } html.dark .tgp-section-title { color:#f1f5f9 !important; } html.dark .tgp-section-sub { color:#64748b !important; } html.dark .tgp-alert { background:rgba(234,88,12,.08) !important; border-color:rgba(253,186,116,.2) !important; } /* ── Filter buttons (seller pages) ── */ html.dark .filter-btn { background:#1e293b !important; border-color:#475569 !important; color:#94a3b8 !important; } html.dark .filter-btn.active { background:rgba(233,75,127,.1) !important; border-color:rgba(233,75,127,.35) !important; color:#f472b6 !important; } html.dark .filter-count { background:#475569 !important; color:#94a3b8 !important; } /* ── Seller modal dialogs (generic) ── */ html.dark .wt-modal-wrap .wt-modal, html.dark #seller-content-wrap .modal-body { background:#1e293b !important; border-color:#334155 !important; } /* ── Seller earnings page (broad bg/text catch-all) ── */ html.dark .an-stat-label { color:#94a3b8 !important; } html.dark .an-stat-icon { opacity:.85; } /* ── Seller dashboard hero ────────────────────────────────────────────────── Problem: the broad [class*="sdash-"] wildcard (specificity 0,0,2,1) applies background:#1e293b to EVERY sdash-* element, including all children inside the hero card, creating mismatched opaque patches over what should be transparent. The original override (.sdash-hero → #0f172a) also matched the page background, making the card invisible against the page. Fix: use #seller-content-wrap ancestor (ID selector → specificity 0,1,2,1) which definitively beats the wildcard on every rule below. ── */ /* Hero card — distinct gradient so it lifts off the #0f172a page background */ html.dark #seller-content-wrap .sdash-hero { background: linear-gradient(145deg, #243551 0%, #1e293b 55%, #131e2e 100%) !important; border: 1px solid #3b4f68 !important; box-shadow: 0 2px 8px rgba(0,0,0,.3), 0 8px 32px rgba(0,0,0,.45) !important; } /* Layout containers inside hero — must be transparent over the gradient */ html.dark #seller-content-wrap .sdash-hero .sdash-hero-inner, html.dark #seller-content-wrap .sdash-hero .sdash-hero-stats, html.dark #seller-content-wrap .sdash-hero .sdash-hero-actions { background: transparent !important; border-color: rgba(255,255,255,.1) !important; color: inherit !important; } /* Stat numbers & labels */ html.dark #seller-content-wrap .sdash-hero .sdash-hero-stat-val { background: transparent !important; color: #fff !important; } html.dark #seller-content-wrap .sdash-hero .sdash-hero-stat-lbl { background: transparent !important; color: rgba(255,255,255,.6) !important; } /* "Verified Seller" pill badge — restore semi-transparent look */ html.dark #seller-content-wrap .sdash-hero .sdash-badge { background: rgba(255,255,255,.13) !important; border-color: rgba(255,255,255,.22) !important; color: #fff !important; } /* Ghost action buttons (Withdraw / Add Product) */ html.dark #seller-content-wrap .sdash-hero .sdash-btn-ghost { background: rgba(255,255,255,.1) !important; border-color: rgba(255,255,255,.2) !important; color: #fff !important; } /* White balance button ($X.XX) */ html.dark #seller-content-wrap .sdash-hero .sdash-btn-white { background: rgba(255,255,255,.92) !important; border-color: transparent !important; color: #15803d !important; } /* KPI/action/section cards outside the hero */ html.dark #seller-content-wrap .sdash-kpi { background:#1e293b !important; border-color:#334155 !important; } html.dark #seller-content-wrap .sdash-action { background:#1e293b !important; border-color:#334155 !important; } html.dark #seller-content-wrap .sdash-section { background:#1e293b !important; border-color:#334155 !important; } /* ══════════════════════════════════════════════════════════════ BUYER PROTECTION PAGE (bpp-*) ══════════════════════════════════════════════════════════════ */ /* Stats bar */ html.dark .bpp-stats { background:#1e293b !important; border-color:#334155 !important; } html.dark .bpp-stat { border-right-color:#334155 !important; } html.dark .bpp-stat-num { color:#f472b6 !important; } html.dark .bpp-stat-lbl { color:#64748b !important; } /* Section cards */ html.dark .bpp-card { background:#1e293b !important; border-color:#334155 !important; box-shadow:0 2px 16px rgba(0,0,0,.3) !important; } html.dark .bpp-card-hd { border-bottom-color:#334155 !important; } html.dark .bpp-card-title { color:#f1f5f9 !important; } html.dark .bpp-card-sub { color:#64748b !important; } html.dark .bpp-card-ico { background:#334155 !important; } /* Guarantee grid items */ html.dark .bpp-g-item { background:linear-gradient(135deg,rgba(233,75,127,.07),rgba(233,75,127,.12)) !important; border-color:rgba(233,75,127,.2) !important; } html.dark .bpp-g-title { color:#f1f5f9 !important; } html.dark .bpp-g-desc { color:#94a3b8 !important; } /* Timeline */ html.dark .bpp-tl-head { color:#f1f5f9 !important; } html.dark .bpp-tl-body { color:#94a3b8 !important; } html.dark .bpp-tl-dot { border-color:#1e293b !important; } /* Coverage */ html.dark .bpp-cov-head.green { background:rgba(22,163,74,.1) !important; border-color:rgba(74,222,128,.25) !important; color:#86efac !important; } html.dark .bpp-cov-head.red { background:rgba(220,38,38,.1) !important; border-color:rgba(252,165,165,.25) !important; color:#fca5a5 !important; } html.dark .bpp-cov-list { border-color:#334155 !important; } html.dark .bpp-cov-item { color:#cbd5e1 !important; border-bottom-color:#1e293b !important; } /* Dispute steps */ html.dark .bpp-ds-title { color:#f1f5f9 !important; } html.dark .bpp-ds-body { color:#94a3b8 !important; } /* Trust items */ html.dark .bpp-trust-item { background:#0f172a !important; border-color:#334155 !important; } html.dark .bpp-trust-label { color:#94a3b8 !important; } /* FAQ */ html.dark .bpp-faq { border-color:#334155 !important; } html.dark .bpp-faq-item { border-bottom-color:#1e293b !important; } html.dark .bpp-faq-q { color:#f1f5f9 !important; } html.dark .bpp-faq-q:hover { background:#0f172a !important; } html.dark .bpp-faq-q i { color:#475569 !important; } html.dark .bpp-faq-a { color:#94a3b8 !important; } /* CTA */ html.dark .bpp-cta-sub { color:#64748b !important; } html.dark .bpp-btn-secondary { background:#1e293b !important; color:#94a3b8 !important; border-color:#334155 !important; } html.dark .bpp-btn-secondary:hover { background:#334155 !important; color:#e2e8f0 !important; } /* Dispute resolution step icon containers (scoped inside bpp-card) */ html.dark .bpp-card div[style*="background:#fdf2f8"] { background:rgba(233,75,127,.08) !important; } html.dark .bpp-card div[style*="background:#eff6ff"] { background:rgba(59,130,246,.08) !important; } html.dark .bpp-card div[style*="background:#f5f3ff"] { background:rgba(139,92,246,.08) !important; } html.dark .bpp-card div[style*="background:#f0fdf4"] { background:rgba(22,163,74,.08) !important; } html.dark .bpp-card div[style*="background:#fff7ed"] { background:rgba(249,115,22,.08) !important; } /* bpp-card-ico inline bg overrides */ html.dark .bpp-card-hd .bpp-card-ico[style*="background:#fdf2f8"] { background:rgba(233,75,127,.1) !important; } html.dark .bpp-card-hd .bpp-card-ico[style*="background:#eff6ff"] { background:rgba(59,130,246,.1) !important; } html.dark .bpp-card-hd .bpp-card-ico[style*="background:#f5f3ff"] { background:rgba(139,92,246,.1) !important; } html.dark .bpp-card-hd .bpp-card-ico[style*="background:#f0fdf4"] { background:rgba(22,163,74,.1) !important; } html.dark .bpp-card-hd .bpp-card-ico[style*="background:#fff7ed"] { background:rgba(249,115,22,.1) !important; } /* ══════════════════════════════════════════════════════════════ MY REPORTS PAGE (rp-*) ══════════════════════════════════════════════════════════════ */ /* Header */ html.dark .rp-header-back { background:#1e293b !important; border-color:#334155 !important; color:#94a3b8 !important; } html.dark .rp-header-back:hover { background:#334155 !important; border-color:#475569 !important; color:#e2e8f0 !important; } html.dark .rp-title { color:#f1f5f9 !important; } html.dark .rp-subtitle { color:#64748b !important; } html.dark .rp-refresh-btn { background:#1e293b !important; border-color:#334155 !important; color:#94a3b8 !important; } html.dark .rp-refresh-btn:hover { background:rgba(233,75,127,.06) !important; border-color:rgba(233,75,127,.35) !important; color:#E94B7F !important; } /* Stats */ html.dark .rp-stat-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .rp-stat-num { color:#f1f5f9 !important; } html.dark .rp-stat-lbl { color:#64748b !important; } /* Cards */ html.dark .rp-card { background:#1e293b !important; border-color:#334155 !important; box-shadow:0 2px 12px rgba(0,0,0,.25) !important; } html.dark .rp-head { border-bottom-color:#334155 !important; } html.dark .rp-head h2 { color:#f1f5f9 !important; } html.dark .rp-head-ico { background:#334155 !important; } /* Report items */ html.dark .rp-item { background:#0f172a !important; border-color:#334155 !important; } html.dark .rp-item.pending { background:rgba(194,65,12,.04) !important; border-color:rgba(253,186,116,.35) !important; } html.dark .rp-item.resolved { background:rgba(21,128,61,.04) !important; border-color:rgba(134,239,172,.3) !important; } html.dark .rp-item.dismissed { background:#0f172a !important; border-color:#334155 !important; } /* Badges */ html.dark .rp-badge.pending { background:rgba(194,65,12,.18) !important; color:#fdba74 !important; border-color:rgba(253,186,116,.35) !important; } html.dark .rp-badge.resolved { background:rgba(21,128,61,.18) !important; color:#86efac !important; border-color:rgba(134,239,172,.35) !important; } html.dark .rp-badge.dismissed { background:#1e293b !important; color:#64748b !important; border-color:#334155 !important; } /* Text */ html.dark .rp-date { color:#475569 !important; } html.dark .rp-reason { color:#f1f5f9 !important; } html.dark .rp-meta { color:#64748b !important; } html.dark .rp-meta i { color:#334155 !important; } html.dark .rp-details { background:#0a101e !important; border-color:#334155 !important; color:#94a3b8 !important; } html.dark .rp-admin-note { background:rgba(59,130,246,.08) !important; border-color:rgba(147,197,253,.2) !important; color:#93c5fd !important; } html.dark .rp-admin-note strong { color:#93c5fd !important; } html.dark .rp-admin-note-by { color:#60a5fa !important; } /* Empty state */ html.dark .rp-empty-ico { background:rgba(233,75,127,.1) !important; } html.dark .rp-empty-title { color:#f1f5f9 !important; } html.dark .rp-empty-sub { color:#64748b !important; } /* How it works */ html.dark .rp-step-ico { background:#334155 !important; } html.dark .rp-step-title { color:#f1f5f9 !important; } html.dark .rp-step-desc { color:#94a3b8 !important; } /* Marketplace chip */ html.dark .rp-mkt-chip { background:rgba(233,75,127,.08) !important; border-color:rgba(233,75,127,.2) !important; color:#f9a8d4 !important; } html.dark .rp-mkt-chip:hover { background:rgba(233,75,127,.14) !important; } /* ================================================================ REFERENCE CHIP (.ref-chip / wallet & transactions) ================================================================ */ html.dark .ref-code-wrap { background:#1e293b !important; border-color:#334155 !important; color:#94a3b8 !important; } html.dark .ref-code-wrap:hover { background:#253047 !important; border-color:#4f6280 !important; } html.dark .ref-hash-icon { color:#475569 !important; } html.dark .ref-text { color:#94a3b8 !important; } html.dark .ref-copy-btn { background:#1e293b !important; border-color:#334155 !important; color:#475569 !important; } html.dark .ref-copy-btn:hover { background:rgba(22,163,74,.12) !important; border-color:rgba(134,239,172,.3) !important; color:#86efac !important; } html.dark .ref-copy-btn.copied { background:rgba(22,163,74,.12) !important; border-color:rgba(134,239,172,.3) !important; color:#86efac !important; } /* ================================================================ LEGAL PAGES (terms, privacy, cookies, escrow-policy) Classes: .leg-* ================================================================ */ /* Page header */ html.dark .leg-header { background:#111827 !important; border-bottom-color:#1e293b !important; } html.dark .leg-header h1 { color:#f1f5f9 !important; } html.dark .leg-header-lead { color:#94a3b8 !important; } html.dark .leg-breadcrumb { color:#475569 !important; } html.dark .leg-breadcrumb a { color:#475569 !important; } html.dark .leg-breadcrumb a:hover { color:#E94B7F !important; } html.dark .leg-meta-tag { background:#1e293b !important; color:#64748b !important; border:1px solid #334155; } /* Table of contents */ html.dark .leg-toc { background:#1e293b !important; border-color:#334155 !important; } html.dark .leg-toc-h { color:#475569 !important; } html.dark .leg-toc-num { color:#334155 !important; } html.dark .leg-toc-list a { color:#94a3b8 !important; } html.dark .leg-toc-list a:hover { color:#E94B7F !important; } /* Article sections */ html.dark .leg-section { border-bottom-color:#1e293b !important; } html.dark .leg-section h2 { color:#f1f5f9 !important; } html.dark .leg-section-num { background:rgba(233,75,127,.15) !important; color:#f9a8d4 !important; } html.dark .leg-section p { color:#94a3b8 !important; } html.dark .leg-section li { color:#94a3b8 !important; } html.dark .leg-section strong { color:#e2e8f0 !important; } html.dark .leg-section a { color:#f9a8d4 !important; } /* Info box */ html.dark .leg-infobox { background:#1e293b !important; border-color:#334155 !important; border-left-color:#E94B7F !important; } html.dark .leg-infobox p { color:#94a3b8 !important; } html.dark .leg-infobox strong { color:#e2e8f0 !important; } /* Cookie type cards */ html.dark .leg-cookie-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .leg-cookie-name { color:#f1f5f9 !important; } html.dark .leg-cookie-desc { color:#64748b !important; } html.dark .badge-required { background:rgba(233,75,127,.15) !important; color:#f9a8d4 !important; } html.dark .badge-optional { background:rgba(22,163,74,.1) !important; color:#86efac !important; } /* Fee table */ html.dark .leg-fee-table th { color:#475569 !important; border-bottom-color:#334155 !important; } html.dark .leg-fee-table td { color:#94a3b8 !important; border-bottom-color:#1e293b !important; } html.dark .leg-fee-table td:first-child { color:#e2e8f0 !important; } /* Escrow steps */ html.dark .leg-step-title { color:#f1f5f9 !important; } html.dark .leg-step-desc { color:#64748b !important; } html.dark .leg-step-line { background:#334155 !important; } /* Related pages */ html.dark .leg-related { border-top-color:#1e293b !important; } html.dark .leg-related-h { color:#475569 !important; } html.dark .leg-related-link { color:#94a3b8 !important; border-color:#334155 !important; } html.dark .leg-related-link:hover { border-color:#E94B7F !important; color:#E94B7F !important; } /* ================================================================ ABOUT US PAGE Classes: .ab-* ================================================================ */ /* Page header */ html.dark .ab-header { background:#111827 !important; border-bottom-color:#1e293b !important; } html.dark .ab-header h1 { color:#f1f5f9 !important; } html.dark .ab-header-lead { color:#94a3b8 !important; } html.dark .ab-breadcrumb { color:#475569 !important; } html.dark .ab-breadcrumb a { color:#475569 !important; } html.dark .ab-breadcrumb a:hover { color:#E94B7F !important; } /* Stats — already dark bg, only tweak text */ html.dark .ab-stat-lbl { color:#475569 !important; } /* Body text */ html.dark .ab-section-h { color:#f1f5f9 !important; } html.dark .ab-section-p { color:#94a3b8 !important; } /* Timeline */ html.dark .ab-timeline::before { background:#334155 !important; } html.dark .ab-timeline-item::before { background:#E94B7F !important; border-color:#111827 !important; box-shadow:0 0 0 2px rgba(233,75,127,.3) !important; } html.dark .ab-timeline-year { color:#f9a8d4 !important; } html.dark .ab-timeline-title { color:#f1f5f9 !important; } html.dark .ab-timeline-desc { color:#64748b !important; } /* Value cards */ html.dark .ab-value-card { background:#1e293b !important; border-color:#334155 !important; } html.dark .ab-value-card:hover { border-color:rgba(233,75,127,.35) !important; } html.dark .ab-value-title { color:#f1f5f9 !important; } html.dark .ab-value-desc { color:#64748b !important; } /* Trust strip */ html.dark .ab-trust { background:#1e293b !important; border-color:#334155 !important; } html.dark .ab-trust-h { color:#f1f5f9 !important; } html.dark .ab-trust-title { color:#f1f5f9 !important; } html.dark .ab-trust-desc { color:#64748b !important; } /* Related */ html.dark .ab-related { border-top-color:#1e293b !important; } html.dark .ab-related-h { color:#475569 !important; } html.dark .ab-related-link { color:#94a3b8 !important; border-color:#334155 !important; background:transparent !important; } html.dark .ab-related-link:hover { border-color:#E94B7F !important; color:#E94B7F !important; } /* ── Product page modals (offer + report) ─────────────────── */ html.dark .ppv-modal-card { background:#1e293b !important; } html.dark .ppv-modal-title { color:#f1f5f9 !important; } html.dark .ppv-modal-label { color:#e2e8f0 !important; } html.dark .ppv-modal-input { background:#0f172a !important; border-color:#475569 !important; color:#e2e8f0 !important; } html.dark .ppv-modal-close-btn { background:#334155 !important; color:#94a3b8 !important; } html.dark .ppv-modal-handle { background:#475569 !important; } html.dark .ppv-modal-divider { background:#334155 !important; } html.dark .ppv-modal-cancel { background:#1e293b !important; color:#94a3b8 !important; border-color:#475569 !important; } html.dark .ppv-report-warn { background:rgba(234,88,12,.07) !important; border-color:rgba(234,88,12,.22) !important; } html.dark .ppv-report-warn-text { color:#fed7aa !important; } /* ───────────────────────────────────────────────────────────────────────────── Feature 16: Dark Mode — Seller Earnings & Analytics Pages ───────────────────────────────────────────────────────────────────────────── */ /* Earnings page stat cards */ html.dark .bg-white.rounded-2xl { background: #1e293b !important; border-color: #334155 !important; } html.dark .text-gray-900 { color: #f1f5f9 !important; } html.dark .text-gray-400 { color: #94a3b8 !important; } html.dark .text-gray-700 { color: #cbd5e1 !important; } html.dark .text-gray-600 { color: #94a3b8 !important; } html.dark .text-gray-500 { color: #64748b !important; } html.dark .bg-white { background: #1e293b !important; } html.dark .bg-gray-50 { background: #0f172a !important; } html.dark .bg-gray-100 { background: #1e293b !important; } html.dark .border-gray-100 { border-color: #334155 !important; } html.dark .border-gray-200 { border-color: #334155 !important; } html.dark .border-gray-300 { border-color: #475569 !important; } /* Earnings table */ html.dark table thead th { background: #0f172a !important; color: #94a3b8 !important; border-color: #334155 !important; } html.dark table tbody tr { border-color: #1e293b !important; } html.dark table tbody tr:nth-child(even) { background: #1a2540 !important; } html.dark table tbody tr:hover { background: rgba(233,75,127,.06) !important; } html.dark table td { color: #cbd5e1 !important; border-color: #334155 !important; } /* ── Wallet transaction table: override the global earnings-table striping The global rule above applies !important even-row bg to ALL s. These overrides restore the correct flat/transparent rows for .wlt-tbl ── */ html.dark .wlt-tbl thead th { background: #1e293b !important; color: #64748b !important; border-color: #334155 !important; } html.dark .wlt-tbl thead tr { background: #1e293b !important; border-bottom-color: #334155 !important; } html.dark .wlt-tbl tbody tr { background: transparent !important; border-bottom-color: #334155 !important; } html.dark .wlt-tbl tbody tr:nth-child(even) { background: transparent !important; } html.dark .wlt-tbl tbody tr:hover { background: rgba(255,255,255,.04) !important; } html.dark .wlt-tbl tbody tr:hover td { background: transparent !important; } html.dark .wlt-tbl td { color: #cbd5e1 !important; border-color: #334155 !important; } /* Earnings page colour accent cards */ html.dark .bg-green-50 { background: rgba(21,128,61,.12) !important; } html.dark .bg-yellow-50 { background: rgba(161,98,7,.12) !important; } html.dark .bg-pink-50 { background: rgba(233,75,127,.1) !important; } html.dark .bg-red-50 { background: rgba(220,38,38,.1) !important; } html.dark .bg-blue-50 { background: rgba(59,130,246,.1) !important; } html.dark .bg-purple-50 { background: rgba(124,58,237,.1) !important; } /* Analytics page - chart containers */ html.dark .apexcharts-canvas .apexcharts-plot-series text { fill: #94a3b8 !important; } html.dark .apexcharts-canvas { background: transparent !important; } html.dark .apexcharts-tooltip { background: #1e293b !important; border-color: #334155 !important; color: #f1f5f9 !important; } html.dark .apexcharts-xaxis-tick { stroke: #475569 !important; } html.dark .apexcharts-gridline { stroke: rgba(71,85,105,.3) !important; } /* Auction page dark mode */ html.dark .sauc-card { background: #1e293b !important; border-color: #334155 !important; } html.dark .sauc-input { background: #0f172a !important; border-color: #475569 !important; color: #f1f5f9 !important; } html.dark .sauc-table th { color: #64748b !important; border-color: #334155 !important; } html.dark .sauc-table td { color: #cbd5e1 !important; border-color: #1e293b !important; } /* Leaderboard dark mode (all overrides are now built into the page