/* ============================================================
   ARIES TRADING PLATFORM — THEME.CSS
   Green/White/Minimalist Design System
   Inspired by: behance.net/gallery/204871621
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@400;500;600;700;800&display=swap');

/* ─────────────────────────────────────────────────────────────
   DESIGN TOKENS
   ───────────────────────────────────────────────────────────── */
:root {
    /* Primary Brand */
    --primary:          #00A859;
    --primary-light:    #00C96A;
    --primary-dark:     #008A48;
    --primary-dim:      rgba(0, 168, 89, 0.08);
    --primary-border:   rgba(0, 168, 89, 0.20);
    --primary-glow:     0 0 20px rgba(0, 168, 89, 0.12);

    /* Backgrounds */
    --bg-body:          #F9FAFB;
    --bg-white:         #FFFFFF;
    --bg-card:          #FFFFFF;
    --bg-sidebar:       #FFFFFF;
    --bg-input:         #F3F4F6;
    --bg-hover:         #F0FDF4;
    --bg-elevated:      #FFFFFF;
    --bg-surface:       #F9FAFB;
    --bg-deep:          #F3F4F6;
    --bg-void:          #F9FAFB;

    /* Semantic Colors */
    --green:            #00A859;
    --green-dim:        rgba(0, 168, 89, 0.08);
    --green-border:     rgba(0, 168, 89, 0.20);
    --red:              #EF4444;
    --red-dim:          rgba(239, 68, 68, 0.08);
    --red-border:       rgba(239, 68, 68, 0.20);
    --blue:             #3B82F6;
    --blue-dim:         rgba(59, 130, 246, 0.08);
    --orange:           #F59E0B;
    --orange-dim:       rgba(245, 158, 11, 0.08);

    /* Text */
    --text-primary:     #111827;
    --text-secondary:   #6B7280;
    --text-muted:       #9CA3AF;
    --text-white:       #FFFFFF;
    --text-green:       var(--primary);
    --text-gold:        var(--primary); /* Map gold refs to green */
    --text-dark:        #111827;

    /* Borders */
    --border-light:     #E5E7EB;
    --border-soft:      #F3F4F6;
    --border-mid:       #D1D5DB;
    --border-gold:      var(--primary-border);

    /* Radius */
    --radius-sm:        8px;
    --radius-md:        12px;
    --radius-lg:        16px;
    --radius-xl:        20px;
    --radius-full:      9999px;

    /* Shadows */
    --shadow-sm:        0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md:        0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-lg:        0 4px 16px rgba(0, 0, 0, 0.08);
    --shadow-card:      0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);

    /* Layout */
    --sidebar-w:        260px;
    --sidebar-w-collapsed: 72px;
    --header-h:         64px;

    /* Transitions */
    --ease:             all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    /* Typography */
    --font-body:        'Inter', system-ui, -apple-system, sans-serif;
    --font-head:        'Montserrat', 'Inter', sans-serif;
    --font-mono:        'JetBrains Mono', 'Courier New', monospace;

    /* Legacy mappings (so old var references don't break) */
    --gold:             var(--primary);
    --gold-bright:      var(--primary-light);
    --gold-dim:         var(--primary-dim);
    --gold-border:      var(--primary-border);
    --gold-glow:        var(--primary-glow);
    --bg-card:          #FFFFFF;
}

/* Kill all theme class overrides — single Aries theme */
body.theme-darkgreen,
body.theme-darkgold,
body.theme-softblue,
body.theme-darkred,
body.theme-darkwhite,
body.theme-darkpurple,
body[class*="theme-"]:not(.aries-dark) {
    /* All themes now map to the same Aries palette */
    --bg-void:          #F9FAFB !important;
    --bg-deep:          #F3F4F6 !important;
    --bg-surface:       #F9FAFB !important;
    --bg-elevated:      #FFFFFF !important;
    --bg-card:          #FFFFFF !important;
    --bg-input:         #F3F4F6 !important;
    --sidebar-bg:       #FFFFFF !important;
    --gold:             #00A859 !important;
    --gold-bright:      #00C96A !important;
    --gold-dim:         rgba(0, 168, 89, 0.08) !important;
    --gold-border:      rgba(0, 168, 89, 0.20) !important;
    --green:            #00A859 !important;
    --green-dim:        rgba(0, 168, 89, 0.08) !important;
    --green-border:     rgba(0, 168, 89, 0.20) !important;
    --red:              #EF4444 !important;
    --text-primary:     #111827 !important;
    --text-secondary:   #6B7280 !important;
    --text-muted:       #9CA3AF !important;
    --border-soft:      #F3F4F6 !important;
    --border-mid:       #E5E7EB !important;
    --border-gold:      rgba(0, 168, 89, 0.20) !important;
}


/* ─────────────────────────────────────────────────────────────
   BASE RESET
   ───────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    font-family: var(--font-body) !important;
    background: var(--bg-body) !important;
    color: var(--text-primary) !important;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* ─────────────────────────────────────────────────────────────
   SIDEBAR — Slim, White, Minimalist
   ───────────────────────────────────────────────────────────── */
.sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: var(--sidebar-w) !important;
    height: 100vh !important;
    background: var(--bg-white) !important;
    border-right: 1px solid var(--border-light) !important;
    display: flex !important;
    flex-direction: column !important;
    z-index: 1040 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    box-shadow: none !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Logo Area */
.sidebar .logo-area {
    padding: 20px 16px 16px !important;
    border-bottom: 1px solid var(--border-light) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    background: transparent !important;
}

.sidebar .brand-logo-wrapper {
    display: flex !important;
    align-items: center !important;
}

.sidebar .brand-logo {
    max-height: 60px !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    filter: none !important;
    display: block !important;
}

/* Navigation Links */
.sidebar .nav {
    padding: 12px 12px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.sidebar .nav-link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    border-radius: var(--radius-md) !important;
    color: var(--text-secondary) !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: var(--ease) !important;
    white-space: nowrap !important;
    background: transparent !important;
    border: none !important;
}

.sidebar .nav-link i,
.sidebar .nav-link .bi {
    font-size: 1.15rem !important;
    width: 22px !important;
    text-align: center !important;
    color: var(--text-muted) !important;
    transition: var(--ease) !important;
}

.sidebar .nav-link:hover {
    background: var(--bg-hover) !important;
    color: var(--primary) !important;
}

.sidebar .nav-link:hover i,
.sidebar .nav-link:hover .bi {
    color: var(--primary) !important;
}

.sidebar .nav-link.active {
    background: var(--primary-dim) !important;
    color: var(--primary) !important;
    font-weight: 600 !important;
}

.sidebar .nav-link.active i,
.sidebar .nav-link.active .bi {
    color: var(--primary) !important;
}

/* Theme Switcher — hide it since we're single-theme now */
.dtc-sidebar-theme {
    display: none !important;
}

/* Currency Selector in Sidebar — restyle for light theme */
#nxCurBtnWrapper {
    padding: 8px 12px !important;
    margin-top: auto !important;
}

#nxCurBtn {
    background: var(--bg-body) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-md) !important;
    color: var(--text-secondary) !important;
    font-family: var(--font-body) !important;
}

#nxCurBtn:hover {
    border-color: var(--primary-border) !important;
    background: var(--primary-dim) !important;
}

#nxCurCode {
    color: var(--primary) !important;
    font-weight: 700 !important;
}

#nxCurDrop {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-lg) !important;
}

#nxCurDrop .nx-cur-opt {
    border-color: var(--border-light) !important;
    background: var(--bg-body) !important;
    color: var(--text-primary) !important;
}

#nxCurDrop .nx-cur-opt:hover {
    border-color: var(--primary-border) !important;
    background: var(--primary-dim) !important;
}

#nxCurDrop span[style*="color:rgba(0,168,89"],
#nxCurDrop span[style*="color:#00A859"] {
    color: var(--primary) !important;
}


/* ─────────────────────────────────────────────────────────────
   MAIN WRAPPER & CONTENT
   ───────────────────────────────────────────────────────────── */
.main-wrapper {
    display: flex !important;
    min-height: 100vh !important;
    background: var(--bg-body) !important;
}

.main-content {
    flex: 1 !important;
    margin-left: var(--sidebar-w) !important;
    padding: 28px 32px !important;
    min-height: 100vh !important;
    background: var(--bg-body) !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}


/* ─────────────────────────────────────────────────────────────
   MOBILE NAV HEADER
   ───────────────────────────────────────────────────────────── */
.mobile-nav,
header.mobile-nav {
    display: none !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1050 !important;
    background: var(--bg-white) !important;
    border-bottom: 1px solid var(--border-light) !important;
    padding: 12px 16px !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-shadow: var(--shadow-sm) !important;
}

.mobile-nav .mobile-logo {
    font-family: var(--font-head) !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    color: var(--text-primary) !important;
    letter-spacing: 0.5px !important;
}

.mobile-nav #menu-btn,
.mobile-nav button {
    background: var(--bg-body) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-sm) !important;
    color: var(--text-primary) !important;
    font-size: 1.25rem !important;
    padding: 6px 10px !important;
    cursor: pointer !important;
}


/* ─────────────────────────────────────────────────────────────
   PORTAL HEADER
   ───────────────────────────────────────────────────────────── */
.portal-header {
    margin-bottom: 24px !important;
}

.portal-header h2,
.portal-header .fw-bold {
    font-family: var(--font-head) !important;
    color: var(--text-primary) !important;
    font-weight: 700 !important;
}

.portal-header .text-muted {
    color: var(--text-secondary) !important;
}


/* ─────────────────────────────────────────────────────────────
   CARDS — White, Rounded, Subtle Borders
   ───────────────────────────────────────────────────────────── */
.card,
.aries-card,
[class*="card"] {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-card) !important;
    color: var(--text-primary) !important;
    overflow: hidden !important;
}

.card-header {
    background: transparent !important;
    border-bottom: 1px solid var(--border-light) !important;
    padding: 16px 20px !important;
    color: var(--text-primary) !important;
}

.card-body {
    padding: 20px !important;
    color: var(--text-primary) !important;
}

.card-footer {
    background: var(--bg-body) !important;
    border-top: 1px solid var(--border-light) !important;
}

/* Metric / Stat cards (the 4 top dashboard cards) */
.stat-card,
.metric-card,
.kpi-card {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-md) !important;
    padding: 20px !important;
    box-shadow: var(--shadow-card) !important;
}


/* ─────────────────────────────────────────────────────────────
   BUTTONS
   ───────────────────────────────────────────────────────────── */
.btn-primary,
.btn-success,
[class*="btn-primary"],
button[style*="background:#00A859"],
button[style*="background:rgba(0,168,89"],
a[style*="background:#00A859"] {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #FFFFFF !important;
    border-radius: var(--radius-sm) !important;
    font-weight: 600 !important;
    font-family: var(--font-body) !important;
    transition: var(--ease) !important;
    box-shadow: none !important;
}

.btn-primary:hover,
.btn-success:hover {
    background: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 168, 89, 0.25) !important;
}

.btn-outline-primary,
.btn-outline-success {
    background: transparent !important;
    border: 1.5px solid var(--primary) !important;
    color: var(--primary) !important;
    border-radius: var(--radius-sm) !important;
    font-weight: 600 !important;
}

.btn-outline-primary:hover,
.btn-outline-success:hover {
    background: var(--primary-dim) !important;
    color: var(--primary) !important;
}

.btn-secondary,
.btn-outline-secondary {
    background: var(--bg-body) !important;
    border: 1px solid var(--border-light) !important;
    color: var(--text-secondary) !important;
    border-radius: var(--radius-sm) !important;
}

.btn-danger {
    background: var(--red) !important;
    border-color: var(--red) !important;
    border-radius: var(--radius-sm) !important;
}


/* ─────────────────────────────────────────────────────────────
   FORMS & INPUTS
   ───────────────────────────────────────────────────────────── */
.form-control,
.form-select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="date"],
select,
textarea {
    background: var(--bg-input) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-sm) !important;
    color: var(--text-primary) !important;
    font-family: var(--font-body) !important;
    font-size: 0.875rem !important;
    padding: 10px 14px !important;
    transition: var(--ease) !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px var(--primary-dim) !important;
    outline: none !important;
    background: var(--bg-white) !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
    color: var(--text-muted) !important;
}

.form-label,
label {
    color: var(--text-secondary) !important;
    font-weight: 500 !important;
    font-size: 0.8125rem !important;
    margin-bottom: 6px !important;
}


/* ─────────────────────────────────────────────────────────────
   TABLES
   ───────────────────────────────────────────────────────────── */
.table,
table {
    color: var(--text-primary) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.table thead th,
table thead th {
    background: var(--bg-body) !important;
    color: var(--text-secondary) !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-bottom: 1px solid var(--border-light) !important;
    padding: 12px 16px !important;
    border-top: none !important;
}

.table tbody td,
table tbody td {
    padding: 12px 16px !important;
    border-bottom: 1px solid var(--border-soft) !important;
    vertical-align: middle !important;
    color: var(--text-primary) !important;
    background: transparent !important;
}

.table tbody tr:hover td,
table tbody tr:hover td {
    background: var(--bg-hover) !important;
}

.table-dark,
.table-dark th,
.table-dark td {
    background: var(--bg-white) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-light) !important;
}


/* ─────────────────────────────────────────────────────────────
   BADGES & PILLS
   ───────────────────────────────────────────────────────────── */
.badge {
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    border-radius: var(--radius-full) !important;
    padding: 4px 10px !important;
}

.badge.bg-success,
.badge[style*="background:#00c853"],
.badge[style*="background:#10b981"] {
    background: var(--green-dim) !important;
    color: var(--primary) !important;
}

.badge.bg-danger,
.badge[style*="background:#ff4d6d"],
.badge[style*="background:#ef4444"] {
    background: var(--red-dim) !important;
    color: var(--red) !important;
}


/* ─────────────────────────────────────────────────────────────
   MODALS
   ───────────────────────────────────────────────────────────── */
.modal-content {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-lg) !important;
    color: var(--text-primary) !important;
}

.modal-header {
    border-bottom: 1px solid var(--border-light) !important;
    background: transparent !important;
    color: var(--text-primary) !important;
}

.modal-footer {
    border-top: 1px solid var(--border-light) !important;
    background: transparent !important;
}

.modal-backdrop {
    background: rgba(0, 0, 0, 0.3) !important;
}


/* ─────────────────────────────────────────────────────────────
   ALERTS & TOASTS
   ───────────────────────────────────────────────────────────── */
.alert {
    border-radius: var(--radius-md) !important;
    font-size: 0.875rem !important;
}

.alert-success {
    background: var(--green-dim) !important;
    border: 1px solid var(--green-border) !important;
    color: var(--primary-dark) !important;
}

.alert-danger {
    background: var(--red-dim) !important;
    border: 1px solid var(--red-border) !important;
    color: var(--red) !important;
}


/* ─────────────────────────────────────────────────────────────
   TICKER BAR (CoinMarketCap Widget)
   ───────────────────────────────────────────────────────────── */
.crypto-ticker-bar {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-md) !important;
    overflow: hidden !important;
}


/* ─────────────────────────────────────────────────────────────
   CHARTS — Green area fills
   ───────────────────────────────────────────────────────────── */
/* Chart containers */
.chart-container,
[id*="chart"],
[id*="Chart"] {
    background: var(--bg-white) !important;
    border-radius: var(--radius-md) !important;
}


/* ─────────────────────────────────────────────────────────────
   SCROLLBARS
   ───────────────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border-mid); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }


/* ─────────────────────────────────────────────────────────────
   UTILITY OVERRIDES (catch old dark-theme inline styles)
   ───────────────────────────────────────────────────────────── */
/* Override common dark inline backgrounds */
[style*="background:#0d1526"],
[style*="background:#0a1628"],
[style*="background:#020817"],
[style*="background:#060d1e"],
[style*="background:#010409"],
[style*="background:#0f1f3a"],
[style*="background: #0d1526"],
[style*="background: #0a1628"],
[style*="background:rgba(10, 22, 40"],
[style*="background:rgba(5, 12, 26"],
[style*="background:rgba(0,0,0"] {
    background: var(--bg-white) !important;
}

/* Override gold colors to green */
[style*="color:#00A859"],
[style*="color: #00A859"],
[style*="color:#00A859"],
[style*="color: #00A859"],
[style*="color:rgba(0,168,89"],
[style*="color:rgba(0,168,89"] {
    color: var(--primary) !important;
}

/* Override gold borders */
[style*="border:1px solid rgba(0,168,89"],
[style*="border:1px solid #00A859"],
[style*="border-color:#00A859"] {
    border-color: var(--primary-border) !important;
}

/* Override gold backgrounds */
[style*="background:rgba(0,168,89"],
[style*="background:rgba(0,168,89"],
[style*="background:#00A859"] {
    background: var(--primary-dim) !important;
}

/* Light text on dark backgrounds — make them dark on light */
.text-white { color: var(--text-primary) !important; }
.text-light { color: var(--text-secondary) !important; }
.text-muted { color: var(--text-secondary) !important; }
.text-dark  { color: var(--text-primary) !important; }

/* Background utilities */
.bg-dark  { background: var(--bg-body) !important; }
.bg-light { background: var(--bg-body) !important; }


/* ─────────────────────────────────────────────────────────────
   DROPDOWN MENUS
   ───────────────────────────────────────────────────────────── */
.dropdown-menu {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-lg) !important;
    color: var(--text-primary) !important;
}

.dropdown-item {
    color: var(--text-secondary) !important;
    padding: 8px 16px !important;
    font-size: 0.875rem !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: var(--bg-hover) !important;
    color: var(--primary) !important;
}


/* ─────────────────────────────────────────────────────────────
   TABS & NAVS
   ───────────────────────────────────────────────────────────── */
.nav-tabs {
    border-bottom: 1px solid var(--border-light) !important;
}

.nav-tabs .nav-link {
    color: var(--text-secondary) !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    padding: 10px 16px !important;
    font-weight: 500 !important;
}

.nav-tabs .nav-link.active {
    color: var(--primary) !important;
    border-bottom-color: var(--primary) !important;
    background: transparent !important;
}

.nav-pills .nav-link {
    border-radius: var(--radius-sm) !important;
    color: var(--text-secondary) !important;
    font-weight: 500 !important;
}

.nav-pills .nav-link.active {
    background: var(--primary) !important;
    color: #FFFFFF !important;
}


/* ─────────────────────────────────────────────────────────────
   PROGRESS BARS
   ───────────────────────────────────────────────────────────── */
.progress {
    background: var(--bg-body) !important;
    border-radius: var(--radius-full) !important;
    height: 8px !important;
}

.progress-bar {
    background: var(--primary) !important;
    border-radius: var(--radius-full) !important;
}


/* ─────────────────────────────────────────────────────────────
   ACCORDION
   ───────────────────────────────────────────────────────────── */
.accordion-item {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
    color: var(--text-primary) !important;
}

.accordion-button {
    background: var(--bg-white) !important;
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    background: var(--primary-dim) !important;
    color: var(--primary) !important;
}

.accordion-body {
    color: var(--text-secondary) !important;
}


/* ─────────────────────────────────────────────────────────────
   CHAT / COMMENTS SECTION
   ───────────────────────────────────────────────────────────── */
.chat-bubble,
.comment-bubble,
[class*="chat-msg"] {
    border-radius: var(--radius-md) !important;
}


/* ─────────────────────────────────────────────────────────────
   RESPONSIVE
   ───────────────────────────────────────────────────────────── */
@media (max-width: 991px) {
    .sidebar {
        transform: translateX(-100%) !important;
        width: 280px !important;
        box-shadow: var(--shadow-lg) !important;
    }

    .sidebar.active {
        transform: translateX(0) !important;
    }

    .mobile-nav,
    header.mobile-nav {
        display: flex !important;
    }

    .main-content {
        margin-left: 0 !important;
        padding: 20px 16px !important;
    }

    #sidebar-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1035;
        backdrop-filter: blur(2px);
    }

    #sidebar-overlay.active {
        display: block;
    }
}

@media (max-width: 576px) {
    .main-content {
        padding: 16px 12px !important;
    }

    .row.g-3 > [class*="col-"],
    .row.g-4 > [class*="col-"] {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}


/* ─────────────────────────────────────────────────────────────
   TYPOGRAPHY ENHANCEMENTS
   ───────────────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-head) !important;
    color: var(--text-primary) !important;
    font-weight: 700 !important;
}

a {
    color: var(--primary) !important;
    text-decoration: none !important;
}

a:hover {
    color: var(--primary-dark) !important;
}

/* Prevent sidebar links from getting underlines */
.sidebar a { text-decoration: none !important; }


/* ─────────────────────────────────────────────────────────────
   SIDEBAR OVERLAY
   ───────────────────────────────────────────────────────────── */
#sidebar-overlay {
    background: rgba(0, 0, 0, 0.25) !important;
    backdrop-filter: blur(2px) !important;
}

#sidebar-overlay.active {
    display: block !important;
}


/* ─────────────────────────────────────────────────────────────
   PORTFOLIO & WALLET SPECIFIC
   ───────────────────────────────────────────────────────────── */
/* Asset list items */
.asset-row,
.crypto-asset-row {
    border-bottom: 1px solid var(--border-soft) !important;
    padding: 14px 0 !important;
}

/* PnL colors */
.pnl-positive, .text-success { color: var(--primary) !important; }
.pnl-negative, .text-danger  { color: var(--red) !important; }

/* ─────────────────────────────────────────────────────────────
   GENERIC INLINE STYLE OVERRIDES (catch-all for legacy)
   ───────────────────────────────────────────────────────────── */
/* Override dark card inline styles */
div[style*="background:#0d1526"],
div[style*="background: #0d1526"],
div[style*="background:#0a1628"],
div[style*="background: #0a1628"] {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
}

/* Override inline gold/dark borders */
div[style*="border:1px solid rgba(0,168,89"] {
    border: 1px solid var(--border-light) !important;
}

/* Fix text colors in overridden containers */
div[style*="background:#0d1526"] *,
div[style*="background:#0a1628"] *,
div[style*="background:#020817"] * {
    color: var(--text-primary);
}

/* Ensure text colors are correct after overriding dark backgrounds */
[style*="color:#f1f5f9"],
[style*="color:#e2e8f0"],
[style*="color: #f1f5f9"],
[style*="color: #e2e8f0"] {
    color: var(--text-primary) !important;
}

[style*="color:#94a3b8"],
[style*="color:#7c8fa8"],
[style*="color: #94a3b8"],
[style*="color: #7c8fa8"],
[style*="color:#475569"] {
    color: var(--text-secondary) !important;
}

[style*="color:#64748b"],
[style*="color:#334155"],
[style*="color:#3d5068"] {
    color: var(--text-muted) !important;
}


/* ─────────────────────────────────────────────────────────────
   LANGUAGE WIDGET OVERRIDE
   ───────────────────────────────────────────────────────────── */
[id*="lang"],
.lang-switcher,
.language-dropdown {
    background: var(--bg-white) !important;
    border-color: var(--border-light) !important;
    color: var(--text-primary) !important;
}


/* ─────────────────────────────────────────────────────────────
   TOOLTIP OVERRIDES
   ───────────────────────────────────────────────────────────── */
.tooltip-inner {
    background: var(--text-primary) !important;
    color: var(--text-white) !important;
    border-radius: var(--radius-sm) !important;
    font-size: 0.75rem !important;
}


/* ─────────────────────────────────────────────────────────────
   AVATAR / PROFILE
   ───────────────────────────────────────────────────────────── */
.rounded-circle.bg-primary {
    background: var(--primary) !important;
}

/* Profile pic styling */
.avatar-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--primary);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
}


/* ─────────────────────────────────────────────────────────────
   NOTIFICATION DOT
   ───────────────────────────────────────────────────────────── */
.notification-dot {
    background: var(--red) !important;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
}


/* ─────────────────────────────────────────────────────────────
   PRINT STYLES
   ───────────────────────────────────────────────────────────── */
@media print {
    .sidebar, .mobile-nav { display: none !important; }
    .main-content { margin-left: 0 !important; padding: 0 !important; }
    .card { box-shadow: none !important; border: 1px solid #ddd !important; }
}


/* ─────────────────────────────────────────────────────────────
   COMPREHENSIVE INLINE STYLE OVERRIDES
   Catches all legacy dark-theme inline styles
   ───────────────────────────────────────────────────────────── */

/* TradingView / Market chart container */
[style*="background:#131722"],
[style*="background: #131722"] {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-md) !important;
}

/* Crypto-ticker bar dark override */
.crypto-ticker-bar {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
}

/* Gold-colored elements → Green */
.currency-label { color: var(--primary) !important; }
.label-gold-header th { color: var(--primary) !important; }
.asset-name-gold { color: var(--text-primary) !important; }
.brand-name { color: var(--primary) !important; }

/* Button gold outline → Green outline */
.btn-gold-outline {
    background: var(--primary-dim) !important;
    border: 1px solid var(--primary-border) !important;
    color: var(--primary) !important;
}
.btn-gold-outline:hover {
    background: rgba(0, 168, 89, 0.15) !important;
    border-color: var(--primary) !important;
}

/* Inline gold gradient buttons */
[style*="background:linear-gradient(135deg,#00A859"],
[style*="background:linear-gradient(135deg, #00A859"],
button[style*="background:linear-gradient(135deg,#00A859"] {
    background: #00A859 !important;
    color: #FFFFFF !important;
}

/* Top Traders Card / stat cards with dark bg */
[style*="background:#0d1526"] {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
}

/* Gold-colored headings */
[style*="color:#00A859"],
[style*="color: #00A859"] {
    color: var(--primary) !important;
}

/* Gold-colored semi-transparent text */
[style*="color:rgba(0,168,89"] {
    color: var(--primary) !important;
}

/* Gold borders on inline elements */
[style*="border:2px solid rgba(0,168,89"],
[style*="border:1px solid rgba(0,168,89"] {
    border-color: var(--primary-border) !important;
}

/* Gold background pills/badges */
[style*="background:rgba(0,168,89,0.12)"],
[style*="background:rgba(0,168,89,0.05)"],
[style*="background:rgba(0,168,89,0.07)"] {
    background: var(--primary-dim) !important;
}

/* Fix light text that was white-on-dark */
[style*="color:#fff"],
[style*="color: #fff"],
[style*="color:white"],
[style*="color: white"] {
    /* Don't override universally — only in formerly-dark containers */
}

/* Rank colors - update gold to green */
.rounded-circle[style*="background:linear-gradient(135deg,#00A859"] {
    background: #00A859 !important;
}

/* Avatar circle override */
.avatar-circle[style*="background: #0d6efd"],
.avatar-circle[style*="background:#0d6efd"],
div[style*="background: #0d6efd"] {
    background: var(--primary) !important;
}

/* Portfolio overview link */
a[style*="color:#00A859"] {
    color: var(--primary) !important;
}

/* Stat card dark bgs */
.stat-card[style*="background:#0d1526"],
div.stat-card[style*="background:#0d1526"] {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
}

/* Force all text in overridden cards to be dark */
[style*="background:#0d1526"] h6,
[style*="background:#0d1526"] span,
[style*="background:#0d1526"] p,
[style*="background:#0d1526"] div,
[style*="background:#0d1526"] small {
    color: var(--text-primary) !important;
}

[style*="background:#0d1526"] [style*="color:#00A859"] {
    color: var(--primary) !important;
}

/* Currency dropdown overrides */
#nxCurDrop {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
    box-shadow: var(--shadow-lg) !important;
    color: var(--text-primary) !important;
}

#nxCurDrop span,
#nxCurDrop button {
    color: var(--text-primary) !important;
}

/* Chart.js/ApexCharts legend text */
.apexcharts-legend-text,
.apexcharts-yaxis-label,
.apexcharts-xaxis-label {
    fill: var(--text-secondary) !important;
    color: var(--text-secondary) !important;
}

.apexcharts-gridline {
    stroke: var(--border-light) !important;
}

/* Signals page specific */
.signal-card {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
}

/* Help/FAQ page */
.faq-card,
.help-card {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
}

/* Settings page specifics */
.settings-section,
.settings-card {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-md) !important;
}

/* Analytics page */
.analytics-card,
.chart-card {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
}

/* Wallet page specifics */
.wallet-card,
.deposit-card,
.withdrawal-card {
    background: var(--bg-white) !important;
    border: 1px solid var(--border-light) !important;
}

/* Copy trade button */
.btn-copy-trade,
[class*="copy-trade"] {
    background: var(--primary) !important;
    color: #fff !important;
    border: none !important;
}

/* Live positions badge */
.live-badge,
.pulse-dot {
    background: var(--primary) !important;
}

/* Rounded pill badges */
.rounded-pill[style*="background:linear-gradient"] {
    background: var(--primary) !important;
    color: #fff !important;
}

/* Override any remaining dark text on light bg */
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
    color: var(--text-primary) !important;
}

.main-content .text-muted,
.main-content .text-secondary {
    color: var(--text-secondary) !important;
}

/* Fix coin marquee widget for light theme */
#coinmarketcap-widget-marquee {
    filter: invert(0) !important;
}


/* ─────────────────────────────────────────────────────────────
   ISSUE FIX: All gray/muted text → Dark Green Pine (#1B4332)
   ───────────────────────────────────────────────────────────── */
:root {
    --text-secondary: #1B4332 !important;
    --text-muted:     #2D6A4F !important;
}

.text-muted,
.text-secondary,
.small.text-muted,
small,
.form-label,
label,
.label-tiny,
.ap-section-label,
[style*="color:#6B7280"],
[style*="color: #6B7280"],
[style*="color:#9CA3AF"],
[style*="color: #9CA3AF"],
[style*="color:rgba(0,168,89,0.50)"],
[style*="color:rgba(0,168,89,0.35)"],
[style*="color:rgba(255,255,255,0.5)"] {
    color: #1B4332 !important;
}

/* Secondary labels and descriptions */
p.text-muted,
span.text-muted,
div.text-muted,
.card-subtitle,
.text-secondary,
th {
    color: #2D6A4F !important;
}

/* Table headers → dark green */
.table thead th,
table thead th,
.label-gold-header th {
    color: #1B4332 !important;
}

/* Placeholder text stays lighter but green-tinted */
.form-control::placeholder,
input::placeholder,
textarea::placeholder {
    color: #40916C !important;
}


/* ─────────────────────────────────────────────────────────────
   ISSUE FIX: Mobile card overflow — prevent data spilling
   ───────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    /* Balance card — stack vertically on mobile */
    .stat-card {
        padding: 16px !important;
        overflow: hidden !important;
        word-break: break-word !important;
    }

    .balance-large {
        font-size: 1.6rem !important;
        word-break: break-all !important;
        overflow-wrap: break-word !important;
    }

    /* Portal header — stack on mobile */
    .portal-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .portal-header .d-flex {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    /* All cards — prevent horizontal overflow */
    .card, .stat-card, .s-card, [class*="card"] {
        overflow: hidden !important;
        max-width: 100% !important;
    }

    /* Flex rows — allow wrapping on mobile */
    .d-flex {
        flex-wrap: wrap !important;
    }

    /* Open positions — stack properly */
    div[style*="display:flex;justify-content:space-between"] {
        flex-wrap: wrap !important;
        gap: 4px !important;
    }

    /* Data values — prevent overflow */
    span[style*="font-family"],
    .dtc-balance-display,
    .price-text-white {
        font-size: 0.85rem !important;
        word-break: break-all !important;
    }

    /* Row columns — full width on small screens */
    .row > [class*="col-md-"],
    .row > [class*="col-lg-"],
    .row > [class*="col-xl-"] {
        max-width: 100% !important;
    }

    /* Account manager card */
    .account-manager-card,
    [class*="manager"] {
        overflow: hidden !important;
    }
}

@media (max-width: 480px) {
    .balance-large {
        font-size: 1.3rem !important;
    }

    .main-content {
        padding: 12px 10px !important;
    }

    .stat-card {
        padding: 12px !important;
    }
}


/* ─────────────────────────────────────────────────────────────
   ISSUE FIX: Market chart dark gap on mobile
   ───────────────────────────────────────────────────────────── */
#market-chart-container,
[id*="tradingview"],
[id*="TradingView"],
.tradingview-widget-container,
.tradingview-widget-container iframe {
    background: #FFFFFF !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Kill any dark gaps around chart */
#market-chart-container > *,
.chart-wrapper,
[style*="background:#FFFFFF"] {
    background: #FFFFFF !important;
}

@media (max-width: 768px) {
    #market-chart-container,
    .tradingview-widget-container {
        min-height: 300px !important;
        height: auto !important;
        border-radius: 8px !important;
    }

    /* Remove any fixed height/position that causes gap */
    [style*="position:absolute"][style*="background:#FFFFFF"] {
        position: relative !important;
    }
}


/* ═══════════════════════════════════════════════════════════════
   ARIES DARK MODE
   Toggle between light (#F9FAFB) and dark (#121212) backgrounds
   ═══════════════════════════════════════════════════════════════ */

/* Mode toggle button styling */
.aries-mode-toggle button:hover {
    background: var(--bg-hover, rgba(0,168,89,0.06)) !important;
}

/* ── DARK MODE OVERRIDES ──────────────────────────────────── */
body.aries-dark {
    --bg-body:       #121212 !important;
    --bg-white:      #1e1e1e !important;
    --bg-card:       #1e1e1e !important;
    --bg-sidebar:    #1a1a1a !important;
    --bg-input:      #2a2a2a !important;
    --bg-hover:      #1a2e1f !important;
    --bg-elevated:   #1e1e1e !important;
    --bg-surface:    #1a1a1a !important;
    --bg-deep:       #0e0e0e !important;
    --bg-void:       #121212 !important;
    --border-light:  #2e2e2e !important;
    --border-soft:   #252525 !important;
    --border-mid:    #3a3a3a !important;
    --text-primary:  #E8ECF1 !important;
    --text-secondary:#9CA3AF !important;
    --text-muted:    #6B7280 !important;
    --text-white:    #E8ECF1 !important;
    --gold:          #00A859 !important;
    --gold-dim:      rgba(0,168,89,0.15) !important;
    --gold-border:   rgba(0,168,89,0.25) !important;
    --green:         #00A859 !important;
    --shadow-card:   0 2px 8px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.2) !important;
    --shadow-sm:     0 1px 3px rgba(0,0,0,0.25) !important;
    --shadow-md:     0 4px 12px rgba(0,0,0,0.3) !important;
    --shadow-lg:     0 8px 24px rgba(0,0,0,0.4) !important;
}

body.aries-dark {
    background: #121212 !important;
    color: #E8ECF1 !important;
}

body.aries-dark .main-wrapper {
    background: #121212 !important;
}

body.aries-dark .main-content,
body.aries-dark main.main-content {
    background: #121212 !important;
    color: #E8ECF1 !important;
}

/* Sidebar dark */
body.aries-dark .sidebar {
    background: #1a1a1a !important;
    border-right-color: #2e2e2e !important;
}

body.aries-dark .sidebar .logo-area {
    border-bottom-color: #2e2e2e !important;
}

body.aries-dark .sidebar .nav-link {
    color: #9CA3AF !important;
}

body.aries-dark .sidebar .nav-link:hover {
    background: #1a2e1f !important;
    color: #00A859 !important;
}

body.aries-dark .sidebar .nav-link.active {
    background: rgba(0,168,89,0.12) !important;
    color: #00A859 !important;
}

body.aries-dark .sidebar .nav-link i,
body.aries-dark .sidebar .nav-link .bi {
    color: #6B7280 !important;
}

body.aries-dark .sidebar .nav-link:hover i,
body.aries-dark .sidebar .nav-link.active i {
    color: #00A859 !important;
}

/* Cards dark */
body.aries-dark .card,
body.aries-dark .stat-card,
body.aries-dark .s-card,
body.aries-dark [class*="card"] {
    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
    color: #E8ECF1 !important;
}

body.aries-dark .card-header {
    background: transparent !important;
    border-bottom-color: #2e2e2e !important;
    color: #E8ECF1 !important;
}

body.aries-dark .card-body {
    color: #E8ECF1 !important;
}

/* Text overrides for dark mode */
body.aries-dark h1, body.aries-dark h2, body.aries-dark h3,
body.aries-dark h4, body.aries-dark h5, body.aries-dark h6,
body.aries-dark .fw-bold, body.aries-dark strong,
body.aries-dark .text-dark {
    color: #E8ECF1 !important;
}

body.aries-dark .text-muted,
body.aries-dark .text-secondary,
body.aries-dark small,
body.aries-dark label,
body.aries-dark .form-label {
    color: #9CA3AF !important;
}

body.aries-dark p,
body.aries-dark span,
body.aries-dark div,
body.aries-dark li,
body.aries-dark td {
    color: #D1D5DB;
}

/* Force dark text overrides on inline styles */
body.aries-dark [style*="color:#111827"],
body.aries-dark [style*="color: #111827"],
body.aries-dark [style*="color:#1B4332"],
body.aries-dark [style*="color: #1B4332"],
body.aries-dark [style*="color:#2D6A4F"],
body.aries-dark [style*="color: #2D6A4F"] {
    color: #E8ECF1 !important;
}

/* Forms dark */
body.aries-dark .form-control,
body.aries-dark .form-select,
body.aries-dark input,
body.aries-dark select,
body.aries-dark textarea {
    background: #2a2a2a !important;
    border-color: #2e2e2e !important;
    color: #E8ECF1 !important;
}

body.aries-dark .form-control:focus,
body.aries-dark input:focus,
body.aries-dark select:focus,
body.aries-dark textarea:focus {
    border-color: rgba(0,168,89,0.5) !important;
    background: #1e1e1e !important;
}

body.aries-dark .form-control::placeholder,
body.aries-dark input::placeholder {
    color: #6B7280 !important;
}

/* Tables dark */
body.aries-dark .table,
body.aries-dark table {
    color: #E8ECF1 !important;
}

body.aries-dark .table thead th,
body.aries-dark table thead th {
    background: #1a1a1a !important;
    color: #00A859 !important;
    border-bottom-color: #2e2e2e !important;
}

body.aries-dark .table tbody td,
body.aries-dark table tbody td {
    border-bottom-color: #2a2a2a !important;
    color: #D1D5DB !important;
}

body.aries-dark .table tbody tr:hover td {
    background: #1a2e1f !important;
}

/* Buttons remain green */
body.aries-dark .btn-primary,
body.aries-dark .btn-gold,
body.aries-dark .btn-success {
    background: #00A859 !important;
    color: #fff !important;
}

body.aries-dark .btn-secondary,
body.aries-dark .btn-outline-secondary {
    background: #2a2a2a !important;
    border-color: #2e2e2e !important;
    color: #9CA3AF !important;
}

/* Modals dark */
body.aries-dark .modal-content {
    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
    color: #E8ECF1 !important;
}

body.aries-dark .modal-header {
    border-bottom-color: #2e2e2e !important;
}

body.aries-dark .modal-footer {
    border-top-color: #2e2e2e !important;
}

/* Dropdowns dark */
body.aries-dark .dropdown-menu {
    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
}

body.aries-dark .dropdown-item {
    color: #9CA3AF !important;
}

body.aries-dark .dropdown-item:hover {
    background: #1a2e1f !important;
    color: #00A859 !important;
}

/* Currency selector dark */
body.aries-dark #nxCurBtn {
    background: #2a2a2a !important;
    border-color: #2e2e2e !important;
    color: #9CA3AF !important;
}

body.aries-dark #nxCurDrop {
    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
}

/* Mobile nav dark */
body.aries-dark .mobile-nav,
body.aries-dark header.mobile-nav {
    background: #1a1a1a !important;
    border-bottom-color: #2e2e2e !important;
}

body.aries-dark .mobile-nav .mobile-logo {
    color: #E8ECF1 !important;
}

/* Alerts dark */
body.aries-dark .alert-success {
    background: rgba(0,168,89,0.12) !important;
    border-color: rgba(0,168,89,0.25) !important;
}

body.aries-dark .alert-danger {
    background: rgba(239,68,68,0.12) !important;
    border-color: rgba(239,68,68,0.25) !important;
}

/* Badge overrides */
body.aries-dark .badge.bg-success {
    background: rgba(0,168,89,0.15) !important;
}

/* Accordion dark */
body.aries-dark .accordion-item {
    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
}

body.aries-dark .accordion-button {
    background: #1e1e1e !important;
    color: #E8ECF1 !important;
}

body.aries-dark .accordion-button:not(.collapsed) {
    background: rgba(0,168,89,0.12) !important;
    color: #00A859 !important;
}

/* Ticker bar dark */
body.aries-dark .crypto-ticker-bar {
    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
}

/* Inline dark bg overrides */
body.aries-dark [style*="background:#FFFFFF"],
body.aries-dark [style*="background: #FFFFFF"],
body.aries-dark [style*="background:#fff"],
body.aries-dark [style*="background: #fff"],
body.aries-dark [style*="background:white"],
body.aries-dark [style*="background:#F9FAFB"],
body.aries-dark [style*="background: #F9FAFB"],
body.aries-dark [style*="background:#F3F4F6"] {
    background: #1e1e1e !important;
}

body.aries-dark [style*="border:1px solid #E5E7EB"],
body.aries-dark [style*="border: 1px solid #E5E7EB"] {
    border-color: #2e2e2e !important;
}

/* Scrollbar dark */
body.aries-dark ::-webkit-scrollbar-thumb { background: #3a3a3a; }
body.aries-dark ::-webkit-scrollbar-thumb:hover { background: #6B7280; }

/* Chart container dark */
body.aries-dark #market-chart-container {
    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
}

/* Logo invert for dark mode (optional — remove if your logo works on dark) */
body.aries-dark .brand-logo {
    filter: brightness(0) invert(1) !important;
}

/* Chat widget dark */
body.aries-dark .chat-window {
    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
}


/* ═══════════════════════════════════════════════════════════════
   NUCLEAR DARK MODE OVERRIDE
   These rules go LAST so they win all specificity battles.
   ═══════════════════════════════════════════════════════════════ */

/* Body & main layout */
body.aries-dark,
body.aries-dark .main-wrapper,
body.aries-dark .main-content,
body.aries-dark main.main-content {
    background: #121212 !important;
    color: #E8ECF1 !important;
}

/* Sidebar */
body.aries-dark .sidebar {
    background: #1a1a1a !important;
    border-right: 1px solid #2e2e2e !important;
}

body.aries-dark .sidebar .logo-area {
    border-bottom-color: #2e2e2e !important;
    background: transparent !important;
}

body.aries-dark .sidebar .nav-link {
    color: #9CA3AF !important;
}

body.aries-dark .sidebar .nav-link:hover {
    background: rgba(0,168,89,0.10) !important;
    color: #00A859 !important;
}

body.aries-dark .sidebar .nav-link.active {
    background: rgba(0,168,89,0.12) !important;
    color: #00A859 !important;
}

body.aries-dark .sidebar .nav-link i {
    color: inherit !important;
}

/* ALL cards, stat-cards, and card-like containers */
body.aries-dark .card,
body.aries-dark .card-header,
body.aries-dark .card-body,
body.aries-dark .card-footer,
body.aries-dark .stat-card,
body.aries-dark .s-card,
body.aries-dark .w-card,
body.aries-dark .signal-card,
body.aries-dark .faq-card,
body.aries-dark .help-card,
body.aries-dark .settings-section,
body.aries-dark .settings-card,
body.aries-dark .analytics-card,
body.aries-dark .chart-card,
body.aries-dark .wallet-card,
body.aries-dark .deposit-card,
body.aries-dark .withdrawal-card,
body.aries-dark [class*="card"] {
    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
    color: #E8ECF1 !important;
}

/* Card headers specifically */
body.aries-dark .card-header {
    border-bottom-color: #2e2e2e !important;
}

body.aries-dark .card-footer {
    background: #1a1a1a !important;
    border-top-color: #2e2e2e !important;
}

/* Mobile nav */
body.aries-dark .mobile-nav,
body.aries-dark header.mobile-nav {
    background: #1a1a1a !important;
    border-bottom-color: #2e2e2e !important;
}

body.aries-dark .mobile-nav .mobile-logo,
body.aries-dark .mobile-nav button {
    color: #E8ECF1 !important;
}

/* Forms */
body.aries-dark .form-control,
body.aries-dark .form-select,
body.aries-dark input[type="text"],
body.aries-dark input[type="email"],
body.aries-dark input[type="password"],
body.aries-dark input[type="number"],
body.aries-dark input[type="tel"],
body.aries-dark input[type="date"],
body.aries-dark select,
body.aries-dark textarea {
    background: #2a2a2a !important;
    border-color: #2e2e2e !important;
    color: #E8ECF1 !important;
}

body.aries-dark .form-control:focus,
body.aries-dark input:focus,
body.aries-dark textarea:focus,
body.aries-dark select:focus {
    background: #1e1e1e !important;
    border-color: #00A859 !important;
    box-shadow: 0 0 0 3px rgba(0,168,89,0.15) !important;
}

body.aries-dark .form-control::placeholder,
body.aries-dark input::placeholder,
body.aries-dark textarea::placeholder {
    color: #6B7280 !important;
}

body.aries-dark label,
body.aries-dark .form-label {
    color: #9CA3AF !important;
}

/* Tables */
body.aries-dark table,
body.aries-dark .table {
    color: #E8ECF1 !important;
}

body.aries-dark table thead th,
body.aries-dark .table thead th {
    background: #1a1a1a !important;
    color: #00A859 !important;
    border-color: #2e2e2e !important;
}

body.aries-dark table tbody td,
body.aries-dark .table tbody td {
    color: #D1D5DB !important;
    border-color: #2a2a2a !important;
    background: transparent !important;
}

body.aries-dark table tbody tr:hover td,
body.aries-dark .table tbody tr:hover td {
    background: rgba(0,168,89,0.06) !important;
}

/* ALL text overrides */
body.aries-dark h1, body.aries-dark h2, body.aries-dark h3,
body.aries-dark h4, body.aries-dark h5, body.aries-dark h6 {
    color: #E8ECF1 !important;
}

body.aries-dark .fw-bold,
body.aries-dark strong,
body.aries-dark .text-dark,
body.aries-dark .text-primary {
    color: #E8ECF1 !important;
}

body.aries-dark .text-muted,
body.aries-dark .text-secondary,
body.aries-dark small {
    color: #9CA3AF !important;
}

body.aries-dark a {
    color: #00A859 !important;
}

body.aries-dark a:hover {
    color: #00C96A !important;
}

body.aries-dark .sidebar a {
    text-decoration: none !important;
}

/* Modals */
body.aries-dark .modal-content {
    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
    color: #E8ECF1 !important;
}

body.aries-dark .modal-header {
    border-bottom-color: #2e2e2e !important;
    color: #E8ECF1 !important;
}

body.aries-dark .modal-footer {
    border-top-color: #2e2e2e !important;
}

body.aries-dark .modal-backdrop {
    background: rgba(0,0,0,0.6) !important;
}

/* Dropdowns */
body.aries-dark .dropdown-menu {
    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
}

body.aries-dark .dropdown-item {
    color: #9CA3AF !important;
}

body.aries-dark .dropdown-item:hover {
    background: rgba(0,168,89,0.10) !important;
    color: #00A859 !important;
}

/* Accordion */
body.aries-dark .accordion-item,
body.aries-dark .accordion-button {
    background: #1e1e1e !important;
    color: #E8ECF1 !important;
    border-color: #2e2e2e !important;
}

body.aries-dark .accordion-button:not(.collapsed) {
    background: rgba(0,168,89,0.10) !important;
    color: #00A859 !important;
}

body.aries-dark .accordion-body {
    background: #1e1e1e !important;
    color: #D1D5DB !important;
}

/* Alerts */
body.aries-dark .alert-success {
    background: rgba(0,168,89,0.12) !important;
    border-color: rgba(0,168,89,0.25) !important;
    color: #00A859 !important;
}

body.aries-dark .alert-danger {
    background: rgba(239,68,68,0.12) !important;
    border-color: rgba(239,68,68,0.25) !important;
    color: #EF4444 !important;
}

/* Badges */
body.aries-dark .badge {
    color: inherit !important;
}

/* Progress bars */
body.aries-dark .progress {
    background: #2a2a2a !important;
}

/* Tabs */
body.aries-dark .nav-tabs {
    border-bottom-color: #2e2e2e !important;
}

body.aries-dark .nav-tabs .nav-link {
    color: #9CA3AF !important;
}

body.aries-dark .nav-tabs .nav-link.active {
    color: #00A859 !important;
    border-bottom-color: #00A859 !important;
    background: transparent !important;
}

body.aries-dark .nav-pills .nav-link.active {
    background: #00A859 !important;
    color: #fff !important;
}

/* Currency selector */
body.aries-dark #nxCurBtn {
    background: #2a2a2a !important;
    border-color: #2e2e2e !important;
    color: #9CA3AF !important;
}

body.aries-dark #nxCurDrop {
    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
}

body.aries-dark #nxCurDrop button {
    background: #2a2a2a !important;
    border-color: #2e2e2e !important;
    color: #D1D5DB !important;
}

body.aries-dark #nxCurCode {
    color: #00A859 !important;
}

/* Crypto ticker */
body.aries-dark .crypto-ticker-bar {
    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
}

/* Tooltip */
body.aries-dark .tooltip-inner {
    background: #E8ECF1 !important;
    color: #121212 !important;
}

/* Catch-all: any element with inline white/light backgrounds */
body.aries-dark [style*="background:#FFFFFF"],
body.aries-dark [style*="background: #FFFFFF"],
body.aries-dark [style*="background:#fff"],
body.aries-dark [style*="background: #fff"],
body.aries-dark [style*="background:white"],
body.aries-dark [style*="background: white"],
body.aries-dark [style*="background:#F9FAFB"],
body.aries-dark [style*="background: #F9FAFB"],
body.aries-dark [style*="background:#F3F4F6"],
body.aries-dark [style*="background: #F3F4F6"] {
    background: #1e1e1e !important;
}

/* Catch-all: inline light borders */
body.aries-dark [style*="border:1px solid #E5E7EB"],
body.aries-dark [style*="border: 1px solid #E5E7EB"],
body.aries-dark [style*="border-color:#E5E7EB"],
body.aries-dark [style*="border:1px solid rgba(0,168,89"] {
    border-color: #2e2e2e !important;
}

/* Catch-all: inline dark text on light bg */
body.aries-dark [style*="color:#111827"],
body.aries-dark [style*="color: #111827"],
body.aries-dark [style*="color:#1B4332"],
body.aries-dark [style*="color: #1B4332"] {
    color: #E8ECF1 !important;
}

body.aries-dark [style*="color:#2D6A4F"],
body.aries-dark [style*="color: #2D6A4F"] {
    color: #9CA3AF !important;
}

/* Chat widget */
body.aries-dark .chat-window {
    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
}

body.aries-dark .chat-window div[style*="background:#F9FAFB"] {
    background: #1a1a1a !important;
}

/* Scrollbars */
body.aries-dark ::-webkit-scrollbar-track { background: #121212; }
body.aries-dark ::-webkit-scrollbar-thumb { background: #3a3a3a; }
body.aries-dark ::-webkit-scrollbar-thumb:hover { background: #6B7280; }

/* Logo — invert for dark bg */
body.aries-dark .brand-logo {
    filter: brightness(0) invert(1) !important;
}

/* Mode toggle button highlight in dark */
body.aries-dark .aries-mode-toggle button {
    color: #9CA3AF !important;
}

body.aries-dark .aries-mode-toggle button:hover {
    background: rgba(0,168,89,0.10) !important;
    color: #00A859 !important;
}


/* ── MARKET.PHP SPECIFIC DARK MODE FIXES ────────────────── */
body.aries-dark .bg-dark {
    background: #1e1e1e !important;
}

body.aries-dark .accordion-item {
    background: #1e1e1e !important;
    border-color: #2e2e2e !important;
}

body.aries-dark .accordion-button {
    background: #1e1e1e !important;
    color: #E8ECF1 !important;
}

body.aries-dark .accordion-button:not(.collapsed) {
    background: rgba(0,168,89,0.10) !important;
    color: #00A859 !important;
}

body.aries-dark .accordion-body {
    background: #1e1e1e !important;
}

body.aries-dark .table-dark {
    --bs-table-bg: #1e1e1e !important;
    background: #1e1e1e !important;
    color: #E8ECF1 !important;
}

body.aries-dark .table-dark td,
body.aries-dark .table-dark th {
    background: transparent !important;
    color: #E8ECF1 !important;
    border-color: #2e2e2e !important;
}

body.aries-dark .asset-row:hover td {
    background: rgba(0,168,89,0.08) !important;
}

/* Execution desk inputs */
body.aries-dark .form-control,
body.aries-dark .form-select,
body.aries-dark input,
body.aries-dark select,
body.aries-dark textarea {
    background: #2a2a2a !important;
    border-color: #2e2e2e !important;
    color: #E8ECF1 !important;
}

body.aries-dark .form-control:focus,
body.aries-dark input:focus {
    border-color: #00A859 !important;
    box-shadow: 0 0 0 3px rgba(0,168,89,0.15) !important;
    background: #1e1e1e !important;
}

/* Border-secondary in dark mode */
body.aries-dark .border-secondary {
    border-color: #2e2e2e !important;
}

body.aries-dark .border-bottom.border-secondary {
    border-color: #2e2e2e !important;
}

/* Text overrides — preserve green/red */
body.aries-dark .text-primary {
    color: #00A859 !important;
}

body.aries-dark .text-warning {
    color: #F59E0B !important;
}

body.aries-dark .text-white {
    color: #E8ECF1 !important;
}

body.aries-dark .text-white-50 {
    color: #9CA3AF !important;
}

body.aries-dark .text-muted {
    color: #9CA3AF !important;
}

/* Live positions table */
body.aries-dark #live-table,
body.aries-dark #history-table {
    color: #E8ECF1 !important;
}

body.aries-dark .live-trade-row td {
    color: #E8ECF1 !important;
    border-color: #2e2e2e !important;
}

/* Header bar */
body.aries-dark .portal-header,
body.aries-dark header {
    color: #E8ECF1 !important;
}

/* Badge overrides */
body.aries-dark .badge.bg-primary-subtle {
    background: rgba(0,168,89,0.15) !important;
    color: #00A859 !important;
}

body.aries-dark .badge.bg-danger {
    background: #EF4444 !important;
    color: #fff !important;
}

body.aries-dark .badge.bg-success {
    background: #00A859 !important;
    color: #fff !important;
}

/* Tab buttons */
body.aries-dark .btn-outline-secondary {
    border-color: #3a3a3a !important;
    color: #9CA3AF !important;
}

body.aries-dark .btn-outline-secondary:hover {
    background: #2a2a2a !important;
    color: #E8ECF1 !important;
}

/* Mobile dark mode */
@media (max-width: 991px) {
    body.aries-dark .mobile-nav,
    body.aries-dark header.mobile-nav {
        background: #1a1a1a !important;
        border-bottom: 1px solid #2e2e2e !important;
    }

    body.aries-dark .mobile-nav .mobile-logo {
        color: #E8ECF1 !important;
    }

    body.aries-dark .mobile-nav #menu-btn,
    body.aries-dark .mobile-nav button {
        background: #2a2a2a !important;
        border-color: #2e2e2e !important;
        color: #E8ECF1 !important;
    }

    body.aries-dark #sidebar-overlay,
    body.aries-dark #sidebar-overlay.active {
        background: rgba(0, 0, 0, 0.6) !important;
    }

    body.aries-dark .sidebar {
        background: #1a1a1a !important;
        border-right: 1px solid #2e2e2e !important;
        box-shadow: 4px 0 20px rgba(0, 0, 0, 0.5) !important;
    }
}


/* ══════════════════════════════════════════════════════════
   BRIGHT MODE: ALL text → Dark Green (#1B4332)
   Zero white, zero grey, zero light text anywhere.
   EXCEPT: text on green/dark backgrounds stays white.
   ══════════════════════════════════════════════════════════ */

/* Global: everything dark green in light mode */
body:not(.aries-dark),
body:not(.aries-dark) div,
body:not(.aries-dark) span,
body:not(.aries-dark) p,
body:not(.aries-dark) li,
body:not(.aries-dark) td,
body:not(.aries-dark) th,
body:not(.aries-dark) label,
body:not(.aries-dark) small,
body:not(.aries-dark) h1,
body:not(.aries-dark) h2,
body:not(.aries-dark) h3,
body:not(.aries-dark) h4,
body:not(.aries-dark) h5,
body:not(.aries-dark) h6,
body:not(.aries-dark) .fw-bold,
body:not(.aries-dark) strong,
body:not(.aries-dark) .text-muted,
body:not(.aries-dark) .text-secondary,
body:not(.aries-dark) .text-dark,
body:not(.aries-dark) .text-light,
body:not(.aries-dark) .text-white-50 {
    color: #1B4332;
}

/* PRESERVE: Green accent text stays green */
body:not(.aries-dark) .text-success,
body:not(.aries-dark) .text-primary,
body:not(.aries-dark) .neon-green,
body:not(.aries-dark) .currency-label,
body:not(.aries-dark) a,
body:not(.aries-dark) [style*="color:#00A859"] {
    color: #00A859 !important;
}

/* PRESERVE: Red text stays red */
body:not(.aries-dark) .text-danger,
body:not(.aries-dark) .neon-red,
body:not(.aries-dark) [style*="color:#EF4444"] {
    color: #EF4444 !important;
}

/* PRESERVE: PnL cells keep their dynamic colors */
body:not(.aries-dark) .profit-loss,
body:not(.aries-dark) .current-price {
    color: inherit;
}

/* PRESERVE: White text on GREEN backgrounds (buttons, badges, chat header) */
body:not(.aries-dark) .btn-primary,
body:not(.aries-dark) .btn-success,
body:not(.aries-dark) .btn-gold,
body:not(.aries-dark) .btn-danger,
body:not(.aries-dark) .badge.bg-success,
body:not(.aries-dark) .badge.bg-danger,
body:not(.aries-dark) .badge.bg-primary,
body:not(.aries-dark) [style*="background:#00A859"],
body:not(.aries-dark) .nav-pills .nav-link.active,
body:not(.aries-dark) .live-badge {
    color: #FFFFFF !important;
}

/* PRESERVE: White text inside green-bg containers (chat header, buttons) */
body:not(.aries-dark) [style*="background:#00A859"] *,
body:not(.aries-dark) div[style*="background:#00A859"] div,
body:not(.aries-dark) div[style*="background:#00A859"] span,
body:not(.aries-dark) div[style*="background:#00A859"] i,
body:not(.aries-dark) div[style*="background:#00A859"] label {
    color: #FFFFFF !important;
}

/* Chat widget: force white on green header */
#chat-widget-container div[style*="background:#00A859"],
#chat-widget-container div[style*="background:#00A859"] * {
    color: #FFFFFF !important;
}

/* Client chat bubble: white text */
#chat-load div[style*="background:#00A859"] {
    color: #FFFFFF !important;
}

/* Admin chat bubble: dark green text */
#chat-load div[style*="background:#f0f0f0"] {
    color: #1B4332 !important;
}

/* Dark mode: admin bubble gets dark bg */
body.aries-dark #chat-load div[style*="background:#f0f0f0"] {
    background: #2a2a2a !important;
    color: #E8ECF1 !important;
    border-color: #3a3a3a !important;
}

/* Sidebar nav links: dark green, green when active */
body:not(.aries-dark) .sidebar .nav-link {
    color: #1B4332 !important;
}

body:not(.aries-dark) .sidebar .nav-link.active {
    color: #00A859 !important;
}

body:not(.aries-dark) .sidebar .nav-link:hover {
    color: #00A859 !important;
}

/* Close/action buttons keep white text */
body:not(.aries-dark) .btn-danger {
    color: #FFFFFF !important;
}

/* Execute order button white text */
body:not(.aries-dark) #execute-btn,
body:not(.aries-dark) #confirm-trade-btn {
    color: #FFFFFF !important;
}

/* Tab buttons that are active (green bg) */
body:not(.aries-dark) .btn-primary {
    color: #FFFFFF !important;
}

/* Floating chat bubble icon */
body:not(.aries-dark) #chat-widget-container label[for="chat-toggle"] i {
    color: #FFFFFF !important;
}