/* ================================
   MARKETBLOX — DARK MODE
   Dark forest green palette
   ================================ */

/* ── CSS variable overrides ──────────────────────────────── */
html.dark,
body.dark {
  --bg: #0a1a10;
  --white: #0f2214;
  --text: #e0f0e3;
  --text2: #7ab87e;
  --text3: #4a7a52;
  --border: #1e3824;
  --green-light: rgba(0,200,83,0.14);
  --shadow: 0 2px 16px rgba(0,0,0,0.45);
  --shadow-md: 0 6px 30px rgba(0,0,0,0.55);
  --shadow-lg: 0 16px 60px rgba(0,0,0,0.65);
}

/* ── Explicit body overrides ─────────────────────────────── */
body.dark {
  background: var(--bg);
  color: var(--text);
}

/* ── Smooth transition when toggling ─────────────────────── */
body {
  transition: background-color 0.25s, color 0.25s;
}

/* ── Dark mode toggle button (in navbar) ─────────────────── */
.dark-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: 1.5px solid #c8dbd0;
  background: #f0f7f2;
  color: #3a5a42;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s, transform 0.2s;
  flex-shrink: 0;
}
.dark-toggle-btn:hover {
  background: #e0f5e9;
  border-color: var(--green);
  color: var(--green);
  transform: scale(1.07);
}
body.dark .dark-toggle-btn {
  background: #172e1c;
  border-color: #234028;
  color: #7ab87e;
}
body.dark .dark-toggle-btn:hover {
  background: #1c3521;
  border-color: #00c853;
  color: #00c853;
}

/* ── Fixed button (auth / no-navbar pages) ───────────────── */
.dark-toggle-fixed {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 9999;
  background: rgba(255,255,255,0.92);
  border: 1.5px solid #d0ddd4;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
  color: #5a6b5e;
}
.dark-toggle-fixed:hover {
  background: #f0faf3;
  border-color: #00c853;
  color: #00c853;
}
body.dark .dark-toggle-fixed {
  background: rgba(15,34,20,0.95);
  border-color: #234028;
  color: #7ab87e;
}
body.dark .dark-toggle-fixed:hover {
  background: #172e1c;
  border-color: #00c853;
  color: #00c853;
}

/* ── Scrollbar ───────────────────────────────────────────── */
body.dark ::-webkit-scrollbar-track { background: #0a1a10; }

/* ── Navbar ──────────────────────────────────────────────── */
body.dark .navbar {
  background: rgba(10,26,16,0.96);
  border-bottom-color: #1e3824;
}
/* Auth nav dropdown */
body.dark .auth-nav-dropdown {
  background: #132818;
  border-color: #234028;
  box-shadow: 0 24px 64px rgba(0,0,0,0.6);
}
body.dark .auth-dd-name { color: #e0f0e3; }
body.dark .auth-dd-email { color: #5a8a5e; }
body.dark .auth-dd-item { color: #cce8d0; }
body.dark .auth-dd-item:hover { background: #1c3521; }
body.dark .auth-dd-icon { background: #1c3521; border-color: rgba(0,200,83,0.18); }
body.dark .auth-dd-item:hover .auth-dd-icon { background: #00c853; color: #fff; border-color: transparent; }
body.dark .auth-dd-divider { background: linear-gradient(90deg, transparent, rgba(0,200,83,0.15), transparent); }
body.dark .auth-dd-logout { color: #ff7070; }
body.dark .auth-dd-logout .auth-dd-icon { color: #ff7070; background: #1f1510; border-color: rgba(255,100,100,0.12); }
body.dark .auth-dd-logout:hover { background: #1f1510; }
body.dark .auth-dd-logout:hover .auth-dd-icon { background: #d32f2f; color: #fff; }

body.dark .nav-link { color: #7ab87e; }
body.dark .nav-link:hover { color: #00c853; }
body.dark .nav-link-account { border-color: #1e3824; color: #7ab87e; }
body.dark .nav-link-account:hover { border-color: #00c853; color: #00c853; }
body.dark .nav-link-account.auth-logged-in { background: rgba(0,200,83,0.1); border-color: #00c853; color: #00c853; }
body.dark .hamburger span { background: #e0f0e3; }

/* ── Mobile menu ─────────────────────────────────────────── */
body.dark .mobile-menu { background: #0a1a10; }
body.dark .mm-header { background: #0a1a10; border-bottom-color: #1e3824; }
body.dark .mm-close { color: #e0f0e3; }
body.dark .mm-game-link { color: #e0f0e3; }
body.dark .mm-game-link:active { background: rgba(0,200,83,0.1); }
body.dark .mobile-divider { background: #1e3824; }
body.dark .mm-link-row { color: #7ab87e; }
body.dark .mm-link-row:hover { background: rgba(0,200,83,0.1); color: #00c853; }

/* Mobile dark mode toggle row */
.dark-toggle-mobile-row {
  display: flex;
  align-items: center;
  gap: .75rem;
  width: 100%;
  padding: .85rem 1.25rem;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: .92rem;
  font-weight: 600;
  color: #3a5a42;
  text-align: left;
}
.dark-toggle-mobile-row:hover { background: rgba(0,200,83,0.07); color: #00c853; }
body.dark .dark-toggle-mobile-row { color: #7ab87e; }
body.dark .dark-toggle-mobile-row:hover { background: rgba(0,200,83,0.1); color: #00c853; }

/* Currency picker */
body.dark .cp-btn { background: #172e1c; color: #e0f0e3; border-color: #234028; }
body.dark .cp-btn:hover { border-color: #00c853; color: #00c853; }
body.dark .cp-dropdown { background: #132818; border-color: #234028; box-shadow: 0 12px 40px rgba(0,0,0,0.55); }
body.dark .cp-item,
body.dark .cp-option { color: #cce8d0; }
body.dark .cp-item:hover,
body.dark .cp-option:hover { background: rgba(0,200,83,0.1); }
body.dark .cp-item.active,
body.dark .cp-option.active { background: rgba(0,200,83,0.15); color: #00c853; }

/* ── Hero ────────────────────────────────────────────────── */
body.dark .hero {
  background-color: #091508;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(155deg, #0d2014 0%, #0a1a10 40%, #091508 75%);
  background-size: 44px 44px, 44px 44px, auto;
}
body.dark .hero::before {
  background: radial-gradient(circle, rgba(0,200,83,0.14) 0%, transparent 65%);
}
body.dark .hero::after {
  background: radial-gradient(circle, rgba(0,200,83,0.07) 0%, transparent 70%);
}
body.dark .hero-title { color: #e0f0e3; }

body.dark .shop-hero-clean {
  background-color: var(--white);
  background-image:
    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 44px 44px;
}
body.dark .hero-particles span { background: rgba(0,200,83,0.45); }
body.dark .hero-sub { color: #7ab87e; }

/* Hero game cards */
body.dark .hgc {
  background: #132818;
  border-color: #234028;
  box-shadow: 0 2px 12px rgba(0,0,0,0.35);
}
body.dark .hgc:hover { border-color: #00c853; }
body.dark .hgc-name { color: #e0f0e3; }
body.dark .hgc-from { color: #7ab87e; }
body.dark .hgc-price { color: #00c853; }
body.dark .hgc-arrow { color: #4a7a52; }

/* Hero trust badges */
body.dark .hero-rating { background: #132818; border-color: #234028; color: #7ab87e; }
body.dark .hero-trust-item { color: #7ab87e; }

/* ── "How it Works" section ──────────────────────────────── */
body.dark .how { background: #07120a !important; }
body.dark .hiw-card {
  background: rgba(0,200,83,0.04);
  border-color: rgba(0,200,83,0.1);
}

/* ── Product cards (index + shop grid) ───────────────────── */
body.dark .product-card { background: #0f2214; border-color: #1e3824; }
body.dark .product-body { background: #0f2214; }
body.dark .product-img { background: #172e1c; }
body.dark .product-name { color: #e0f0e3; }
body.dark .product-price { color: #00c853; }
body.dark .product-meta { color: #4a7a52; }
body.dark .product-original { color: #4a7a52; }

/* ── Best sellers section ────────────────────────────────── */
body.dark .best-sellers-section { background: #07120a; }
body.dark .bs-card { background: #0f2214; border-color: #1e3824; }
body.dark .bs-body { background: #0f2214; }
body.dark .bs-img-wrap { background: #172e1c; }
body.dark .bs-name { color: #e0f0e3; }
body.dark .bs-price { color: #00c853; }
body.dark .section-title { color: #e0f0e3; }
body.dark .section-sub { color: #7ab87e; }

/* ── Features / Trust sections ───────────────────────────── */
body.dark .features-section { background: #07120a; }
body.dark .feature-card { background: #0f2214; border-color: #1e3824; }
body.dark .feature-title { color: #e0f0e3; }
body.dark .feature-desc { color: #7ab87e; }
body.dark .trust-section { background: #0a1a10; }
body.dark .trust-stat-value { color: #e0f0e3; }
body.dark .trust-stat-label { color: #7ab87e; }

/* ── Support / Help section ──────────────────────────────── */
body.dark .support-card { background: #0f2214; border-color: #1e3824; color: var(--text); }
body.dark .support-card:hover { border-color: rgba(0,200,83,0.3); }
body.dark .support-card h3 { color: #e0f0e3; }
body.dark .support-card p { color: #7ab87e; }
body.dark .sc-badge { background: rgba(0,200,83,0.15); color: #00c853; border-color: rgba(0,200,83,0.25); }
body.dark .sc-link { color: #00c853; }
body.dark .sc-icon-wrap { background: linear-gradient(135deg, rgba(0,200,83,0.18), rgba(0,200,83,0.08)); box-shadow: 0 4px 14px rgba(0,0,0,0.35); }

/* ── Cart drawer ─────────────────────────────────────────── */
body.dark .cart-drawer,
body.dark .drawer-header { background: #0f2214; }
body.dark .drawer-header { border-bottom-color: #1e3824; }
body.dark .drawer-title { color: #e0f0e3; }
body.dark .drawer-close { color: #7ab87e; }
body.dark .drawer-close:hover { background: rgba(0,200,83,0.1); }
body.dark .drawer-items { background: #0a1a10; }
body.dark .drawer-item { background: #0f2214; border-color: #1e3824; }
body.dark .drawer-item-name { color: #e0f0e3; }
body.dark .drawer-item-price { color: #00c853; }
body.dark .drawer-item-remove:hover { color: #ff7070; }
body.dark .qty-btn { background: #172e1c; border-color: #1e3824; color: #e0f0e3; }
body.dark .qty-btn:hover { background: rgba(0,200,83,0.15); border-color: #00c853; }
body.dark .qty-val { color: #e0f0e3; }
body.dark .drawer-footer { background: #0f2214; border-top-color: #1e3824; }
body.dark .drawer-total-label { color: #7ab87e; }
body.dark .drawer-total-val { color: #e0f0e3; }
body.dark .drawer-empty { color: #4a7a52; }
body.dark .drawer-suggestions-label { color: #4a7a52; }
body.dark .suggestion-card { background: #172e1c; border-color: #1e3824; }
body.dark .suggestion-card:hover { border-color: #00c853; }
body.dark .suggestion-name { color: #e0f0e3; }
body.dark .sugg-arrow { background: #172e1c; border-color: #1e3824; color: #7ab87e; }
body.dark .sugg-arrow:hover { border-color: #00c853; color: #00c853; }

/* ── Product page ────────────────────────────────────────── */
body.dark .breadcrumb { background: #0f2214; border-bottom-color: #1e3824; }
body.dark .breadcrumb a { color: #7ab87e; }
body.dark .main-image-wrap {
  background: linear-gradient(145deg, #0f2214, #172e1c);
  border-color: #234028;
}
body.dark .prod-name { color: #e0f0e3; }
body.dark .prod-price { color: #00c853; }
body.dark .prod-original { color: #4a7a52; }
body.dark .prod-desc { color: #7ab87e; }
body.dark .prod-features { background: #172e1c; border-color: #1e3824; }
body.dark .feat-icon-wrap { background: rgba(0,200,83,0.1); }
body.dark .feat-title { color: #e0f0e3; }
body.dark .feat-sub { color: #7ab87e; }
body.dark .prod-meta-row { border-top-color: #1e3824; color: #7ab87e; }
body.dark .mobile-buy-bar { background: rgba(10,26,16,0.97); border-top-color: #1e3824; }

/* ── Checkout ────────────────────────────────────────────── */
body.dark .co-card { background: #0f2214; box-shadow: 0 6px 30px rgba(0,0,0,0.4); }
body.dark .co-card-header { color: #e0f0e3; }
body.dark .co-item { background: #172e1c; border-color: #1e3824; }
body.dark .co-item-name { color: #e0f0e3; }
body.dark .co-item-price { color: #7ab87e; }
body.dark .co-label { color: #7ab87e; }
body.dark .co-divider { background: #1e3824; }
body.dark .co-summary-row { color: #7ab87e; }
body.dark .co-total-row { color: #e0f0e3; }
body.dark .co-promo-input { background: #172e1c; border-color: #1e3824; color: #e0f0e3; }
body.dark .co-promo-input:focus { border-color: #00c853; background: #1c3521; }
body.dark .co-discord-btn { background: #172e1c; border-color: #1e3824; }
body.dark .co-discord-linked { background: #172e1c; border-color: rgba(0,200,83,0.2); }
body.dark .co-wallet-row { background: #172e1c; border-color: #1e3824; }

/* ── Account ─────────────────────────────────────────────── */
body.dark .acc-profile-card {
  background: #0f2214;
  border: 1.5px solid #1e3824;
}
body.dark .acc-profile-name { color: #e0f0e3; }
body.dark .acc-profile-email { color: #7ab87e; }
body.dark .acc-logout-btn {
  background: #172e1c;
  border-color: #234028;
  color: #7ab87e;
}
body.dark .acc-logout-btn:hover { border-color: #ff7070; color: #ff7070; }

body.dark .acc-stat-card { background: #0f2214; border-color: #1e3824; }
body.dark .acc-balance-card { background: rgba(0,200,83,0.08); border-color: rgba(0,200,83,0.25); }
body.dark .acc-stat-label { color: #7ab87e; }
body.dark .acc-stat-value { color: #e0f0e3; }

body.dark .acc-tabs { border-bottom-color: #1e3824; }
body.dark .acc-tab { color: #7ab87e; }
body.dark .acc-tab:hover { color: #e0f0e3; background: #132818; }
body.dark .acc-tab.active { color: #00c853; border-bottom-color: #00c853; }

/* Order rows — hardcoded #fff in account.css */
body.dark .order-row { background: #0f2214 !important; border-color: #1e3824; }
body.dark .order-row:hover { border-color: #00c853; }
body.dark .order-date { color: #7ab87e; }
body.dark .order-item-tag { background: #172e1c; border-color: #234028; color: #7ab87e; }
body.dark .order-amount { color: #e0f0e3; }
body.dark .order-status-badge { background: #172e1c; color: #7ab87e; }

body.dark .wallet-balance-display { color: #e0f0e3; }
body.dark .acc-section-title { color: #e0f0e3; }

/* Topup modal */
body.dark .topup-modal { background: #0f2214 !important; border-color: #1e3824; }
body.dark .topup-custom-row input { background: #172e1c !important; border-color: #234028; color: #e0f0e3; }
body.dark .topup-input { background: #172e1c; border-color: #1e3824; color: #e0f0e3; }

/* Admin section */
body.dark .adm-stat { background: #0f2214 !important; border-color: #1e3824; }
body.dark .adm-stat-value { color: #e0f0e3; }
body.dark .adm-promo-form { background: #0f2214 !important; border-color: #1e3824; }
body.dark .adm-input { background: #172e1c !important; border-color: #234028; color: #e0f0e3; }
body.dark .adm-card { background: #0f2214 !important; border-color: #1e3824; }
body.dark .adm-table th { background: #172e1c; color: #7ab87e; border-bottom-color: #1e3824; }
body.dark .adm-table td { border-bottom-color: #1e3824; color: #e0f0e3; }
body.dark .adm-table tr:hover td { background: #132818; }
body.dark .adm-subtab { border-color: #1e3824; color: #7ab87e; }
body.dark .adm-subtab:hover { border-color: #00c853; color: #00c853; }
body.dark .adm-btn-toggle { border-color: #1e3824; color: #7ab87e; }
body.dark .adm-btn-toggle:hover { border-color: #00c853; color: #00c853; }
body.dark .adm-select {
  background: #172e1c !important;
  border-color: #234028 !important;
  color: #e0f0e3 !important;
}
body.dark .adm-select option {
  background: #172e1c;
  color: #e0f0e3;
}

/* ── Auth pages ──────────────────────────────────────────── */
body.dark.auth-body,
body.auth-body.dark { background: #0a1a10; }
body.dark .auth-card,
.dark .auth-card {
  background: #0f2214;
  border-color: rgba(0,200,83,0.2);
  box-shadow: 0 8px 40px rgba(0,0,0,0.5);
}
body.dark .auth-card-title,
.dark .auth-card-title { color: #e0f0e3; }
body.dark .auth-field input,
.dark .auth-field input { background: #172e1c; border-color: #234028; color: #e0f0e3; }
body.dark .auth-field input:focus,
.dark .auth-field input:focus { background: #1c3521; border-color: #00c853; }
body.dark .auth-field input::placeholder,
.dark .auth-field input::placeholder { color: #3a6040; }
body.dark .auth-logo,
.dark .auth-logo { color: #e0f0e3; }
body.dark .auth-bottom,
.dark .auth-bottom { color: #5a8a5e; }
body.dark .keep-me,
.dark .keep-me { color: #7ab87e; }
body.dark .auth-row .auth-link,
.dark .auth-row .auth-link { color: #00c853; }
body.dark .code-input,
.dark .code-input { background: #172e1c; border-color: #234028; color: #e0f0e3; }
body.dark .code-input::placeholder,
.dark .code-input::placeholder { color: #2e5034; }
body.dark .verify-email-text,
.dark .verify-email-text { color: #7ab87e; }
body.dark .verify-resend,
.dark .verify-resend { color: #5a8a5e; }

/* ── FAQ ─────────────────────────────────────────────────── */
body.dark .faq-section { background: #0a1a10; }
body.dark .faq-item { background: #0f2214; border-color: #1e3824; }
body.dark .faq-question { color: #e0f0e3; }
body.dark .faq-question:hover { background: rgba(0,200,83,0.05); }
body.dark .faq-answer { color: #7ab87e; background: #0f2214; border-top-color: #1e3824; }
body.dark .faq-icon { color: #4a7a52; }

/* ── Tutorial ────────────────────────────────────────────── */
body.dark .tutorial-card,
body.dark .step-card { background: #0f2214; border-color: #1e3824; }
body.dark .step-title { color: #e0f0e3; }
body.dark .step-desc { color: #7ab87e; }

/* tutorial.html inline-style class overrides */
body.dark .tut-hero { background: #091508; color: #e0f0e3; }
body.dark .tut-badge { background: rgba(0,200,83,0.15); color: #00c853; border-color: rgba(0,200,83,0.25); }
body.dark .tut-hero h1,
body.dark .tut-title { color: #e0f0e3; }
body.dark .tut-hero p,
body.dark .tut-sub { color: #7ab87e; }

body.dark .tut-step-num {
  background: #172e1c;
  border-color: rgba(0,200,83,0.35);
  color: #00c853;
}
body.dark .tut-step.open .tut-step-num,
body.dark .tut-step:hover .tut-step-num {
  background: var(--green);
  color: #fff;
  border-color: var(--green);
}

body.dark .tut-step-body {
  background: #172e1c;
  border-color: #234028;
  box-shadow: 0 4px 16px rgba(0,0,0,0.35);
}
body.dark .tut-step-body:hover {
  border-color: rgba(0,200,83,0.3);
}
body.dark .tut-step.open .tut-step-body {
  border-color: rgba(0,200,83,0.4);
}

body.dark .tut-step-name { color: #e0f0e3; }
body.dark .tut-step-chevron { color: #3a6040; }
body.dark .tut-step.open .tut-step-chevron { color: #00c853; }
body.dark .tut-step-text { color: #7ab87e; border-top-color: rgba(0,200,83,0.1); }
body.dark .tut-step-text a { color: #00c853; }
body.dark .tut-step-icon { background: rgba(0,200,83,0.12); border-color: rgba(0,200,83,0.2); }
body.dark .tut-step.open .tut-step-icon { background: var(--green); border-color: var(--green); }

body.dark .tut-feat {
  background: #0f2214;
  border-color: #1e3824;
}
body.dark .tut-feat-title { color: #e0f0e3; }
body.dark .tut-feat-sub { color: #7ab87e; }
body.dark .tut-feat-sub a { color: #00c853; }
body.dark .tut-feat-icon { background: linear-gradient(135deg, rgba(0,200,83,0.18), rgba(0,200,83,0.08)); border-color: rgba(0,200,83,0.25); }

body.dark .tut-cta h2 { color: #e0f0e3; }
body.dark .tut-cta p { color: #7ab87e; }

body.dark .tut-section-title { color: #e0f0e3; }
body.dark .tut-section-sub { color: #7ab87e; }
body.dark .tut-video-note { color: #4a7a52; }

/* ── Success ─────────────────────────────────────────────── */
body.dark .success-card { background: #0f2214; border-color: #1e3824; }
body.dark .success-title { color: #e0f0e3; }
body.dark .success-msg { color: #7ab87e; }
body.dark .success-order-id { color: #4a7a52; }

/* ── Chat widget ─────────────────────────────────────────── */
body.dark .chat-window { background: #0f2214; border-color: #1e3824; box-shadow: 0 20px 60px rgba(0,0,0,0.55); }
body.dark .chat-messages { background: #0a1a10; }
body.dark .chat-bot-msg { background: #172e1c; color: #e0f0e3; border-color: #1e3824; }
body.dark .chat-user-msg { background: #00a846; color: #fff; }
body.dark .chat-input-wrap { background: #0f2214; border-top-color: #1e3824; }
body.dark .chat-input { background: #172e1c; border-color: #1e3824; color: #e0f0e3; }
body.dark .chat-input::placeholder { color: #3a6040; }
body.dark .chat-input:focus { border-color: #00c853; }

/* ── Footer ──────────────────────────────────────────────── */
body.dark .footer { background: #060e08; border-top-color: #152018; }
body.dark .footer-link { color: #7ab87e; }
body.dark .footer-link:hover { color: #00c853; }
body.dark .footer-bottom { color: #4a7a52; border-top-color: #152018; }
body.dark .footer-tagline { color: #4a7a52; }

/* ── Codes page ──────────────────────────────────────────── */
body.dark .codes-card,
body.dark .code-item { background: #0f2214; border-color: #1e3824; }
body.dark .code-key { background: #172e1c; border-color: #1e3824; color: #00c853; }

/* ── Account: order cards, empty state, settings (auth.css hardcoded #fff) ── */
body.dark .acc-order-card {
  background: #0f2214 !important;
  border-color: #1e3824 !important;
}
body.dark .acc-order-card:hover { border-color: #00c853 !important; }
body.dark .acc-order-id { color: #00c853; }
body.dark .acc-order-date { color: #4a7a52; }
body.dark .acc-order-tag {
  background: #172e1c !important;
  border-color: #234028 !important;
  color: #7ab87e !important;
}
body.dark .acc-order-amount { color: #e0f0e3 !important; }

body.dark .acc-empty {
  background: #0f2214 !important;
  border-color: #234028 !important;
}
body.dark .acc-empty h3 { color: #e0f0e3 !important; }
body.dark .acc-empty p { color: #7ab87e !important; }

body.dark .acc-settings-card {
  background: #0f2214 !important;
  border-color: #1e3824 !important;
}
body.dark .acc-settings-title { color: #4a7a52 !important; }
body.dark .acc-settings-label { color: #4a7a52 !important; }
body.dark .acc-settings-input {
  background: #172e1c !important;
  border-color: #234028 !important;
  color: #e0f0e3 !important;
}
body.dark .acc-settings-input:focus {
  border-color: #00c853 !important;
}

/* ── Admin: wallet adjust user result card (inline styled, needs ID override) ── */
body.dark #walletUserInfo {
  background: #172e1c !important;
  border-color: #234028 !important;
  color: #e0f0e3 !important;
}
body.dark #walletUserInfo div,
body.dark #walletUserInfo strong { color: #e0f0e3 !important; }
body.dark #walletUserEmail2 { color: #7ab87e !important; }