/* ==========================================================================
   INTELLIWEALTH • MODERN LIGHT THEME & BEGINNER-FRIENDLY LAYOUT
   Inspiré du design Clean Pro Light (Crypto/Stock Exchange Terminal)
   ========================================================================== */

body.theme-clean-light {
    --bg-main: #f8fafc;
    --bg-app: #f4f6fa;
    --bg-card: #ffffff;
    --bg-card-hover: #f1f5f9;
    --bg-card-subtle: #f8fafc;
    --bg-subtle: #f8fafc;
    --bg-dark: #f1f5f9;
    --bg-darker: #e2e8f0;
    --bg-surface: #ffffff;
    --bg-elevated: #ffffff;
    --bg-input: #f8fafc;
    --bg-panel: #ffffff;
    --bg-modal: #ffffff;
    --border-subtle: #e2e8f0;
    --border-bright: #cbd5e1;
    --border-hover: #cbd5e1;
    --border-focus: #4f46e5;
    
    --primary: #4f46e5;
    --primary-hover: #4338ca;
    --primary-light: #eef2ff;
    
    --emerald: #10b981;
    --emerald-dark: #059669;
    --emerald-light: #ecfdf5;
    
    --rose: #ef4444;
    --rose-dark: #dc2626;
    --rose-light: #fef2f2;
    
    --amber: #f59e0b;
    --amber-light: #fffbeb;
    
    --purple: #8b5cf6;
    --purple-light: #f5f3ff;
    
    --text-main: #0f172a;
    --text-light: #0f172a;
    --text-secondary: #334155;
    --text-muted: #64748b;
    --text-subtle: #94a3b8;
    
    --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
    
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.02);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.03);
    
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--bg-app);
    color: var(--text-main);
    font-family: var(--font-sans);
    min-height: 100vh;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

/* Base Layout Structure */
.app-container {
    display: flex;
    min-height: 100vh;
    width: 100vw;
}

/* ==========================================================================
   1. SIDEBAR NAVIGATION
   ========================================================================== */
.sidebar {
    width: 250px;
    background: var(--bg-card);
    border-right: 1px solid var(--border-subtle);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: sticky;
    top: 0;
    height: 100vh;
    z-index: 50;
    padding: 1.5rem 1rem;
    box-shadow: var(--shadow-sm);
}

.sidebar-brand {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    text-decoration: none;
    color: inherit;
    padding: 0.25rem 0.5rem 1.5rem 0.5rem;
    border-bottom: 1px solid var(--border-subtle);
}

.brand-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #4f46e5, #8b5cf6);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    color: white;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.25);
}

.brand-name {
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--text-main);
}

.brand-sub {
    font-size: 0.72rem;
    color: var(--text-muted);
    font-weight: 500;
}

.sidebar-menu {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-top: 1.5rem;
    flex: 1;
}

.nav-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.7rem 0.85rem;
    border-radius: var(--radius-md);
    color: var(--text-muted);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.88rem;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.nav-item:hover {
    background: var(--bg-card-subtle);
    color: var(--text-main);
}

.nav-item.active {
    background: var(--primary-light);
    color: var(--primary);
    font-weight: 700;
    border-color: rgba(79, 70, 229, 0.15);
}

.nav-icon {
    font-size: 1.15rem;
}

.sidebar-bottom {
    border-top: 1px solid var(--border-subtle);
    padding-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.broker-pill {
    background: var(--emerald-light);
    border: 1px solid rgba(16, 185, 129, 0.25);
    color: var(--emerald-dark);
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-md);
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pulse-green {
    width: 8px;
    height: 8px;
    background: var(--emerald);
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(16, 185, 129, 0.5);
    animation: pulseG 2s infinite;
}

@keyframes pulseG {
    0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
    100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

/* ==========================================================================
   2. MAIN CONTENT AREA
   ========================================================================== */
.main-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-x: hidden;
}

/* Topbar */
.topbar {
    background: var(--bg-card);
    border-bottom: 1px solid var(--border-subtle);
    padding: 0.85rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 40;
    box-shadow: var(--shadow-sm);
}

.topbar-left {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.topbar-stats {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.stat-item {
    display: flex;
    flex-direction: column;
}

.stat-lbl {
    font-size: 0.7rem;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
}

.stat-val {
    font-size: 1.15rem;
    font-weight: 800;
    font-family: var(--font-mono);
    color: var(--text-main);
}

.topbar-right {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.autonomy-control {
    display: flex;
    align-items: center;
    background: var(--bg-card-subtle);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    padding: 3px;
    gap: 2px;
}

.auto-btn {
    padding: 0.35rem 0.75rem;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 700;
    border: none;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.2s ease;
}

.auto-btn.active {
    background: var(--bg-card);
    color: var(--primary);
    box-shadow: var(--shadow-sm);
}

/* Beginner Step Guide Banner */
.beginner-guide-strip {
    background: linear-gradient(135deg, #ffffff, #fafbff);
    border-bottom: 1px solid var(--border-subtle);
    padding: 0.75rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.guide-steps {
    display: flex;
    align-items: center;
    gap: 1.75rem;
}

.step-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-muted);
}

.step-item.active {
    color: var(--primary);
    font-weight: 700;
}

.step-num {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--bg-card-subtle);
    border: 1px solid var(--border-subtle);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 800;
}

.step-item.active .step-num {
    background: var(--primary);
    color: white;
    border-color: var(--primary);
}

.step-arrow {
    color: var(--text-subtle);
    font-size: 0.8rem;
}

/* ==========================================================================
   3. TRADING STAGE (3 COLUMNS LAYOUT)
   ========================================================================== */
.trading-stage {
    display: grid;
    grid-template-columns: 310px 1fr 340px;
    gap: 1.25rem;
    padding: 1.5rem 2rem;
    flex: 1;
    align-items: start;
}

@media (max-width: 1400px) {
    .trading-stage {
        grid-template-columns: 280px 1fr 310px;
        padding: 1rem;
    }
}

@media (max-width: 1100px) {
    .trading-stage {
        grid-template-columns: 1fr;
    }
}

/* --- COLUMN 1: WATCHLIST & SELECTOR --- */
.watchlist-card {
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    max-height: 85vh;
}

.watchlist-header {
    padding: 1.15rem;
    border-bottom: 1px solid var(--border-subtle);
}

.watchlist-tabs {
    display: flex;
    gap: 0.35rem;
    border-bottom: 1px solid var(--border-subtle);
    padding: 0 1.15rem;
}

.w-tab {
    padding: 0.65rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--text-muted);
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: all 0.2s ease;
}

.w-tab.active {
    color: var(--primary);
    border-bottom-color: var(--primary);
}

.watchlist-items-list {
    overflow-y: auto;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex: 1;
}

.asset-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0.85rem;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all 0.15s ease;
    border: 1px solid transparent;
}

.asset-row:hover {
    background: var(--bg-card-subtle);
}

.asset-row.selected {
    background: var(--primary-light);
    border-color: rgba(79, 70, 229, 0.2);
}

.asset-left {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.asset-star {
    color: var(--text-subtle);
    cursor: pointer;
    font-size: 0.95rem;
}

.asset-star.starred {
    color: var(--amber);
}

.asset-token-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--bg-card-subtle);
    border: 1px solid var(--border-subtle);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.85rem;
    color: var(--primary);
}

.asset-info strong {
    font-size: 0.9rem;
    font-weight: 700;
    font-family: var(--font-mono);
    color: var(--text-main);
    display: block;
}

.asset-info span {
    font-size: 0.72rem;
    color: var(--text-muted);
}

.asset-right {
    text-align: right;
}

.asset-p {
    font-family: var(--font-mono);
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--text-main);
}

.asset-chg {
    font-family: var(--font-mono);
    font-size: 0.75rem;
    font-weight: 600;
}

.text-green { color: var(--emerald); }
.text-red { color: var(--rose); }

/* --- COLUMN 2: CENTER CHART & QUICK TRADE --- */
.center-cockpit {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.chart-card {
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    padding: 1.5rem;
}

.chart-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.chart-title-area {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.chart-symbol-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.25rem;
    font-weight: 800;
    font-family: var(--font-mono);
}

.chart-stats-strip {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 0.78rem;
}

.chart-stat strong {
    font-family: var(--font-mono);
    font-weight: 700;
}

.chart-container-box {
    height: 380px;
    width: 100%;
    position: relative;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: #fafbfc;
    border: 1px solid var(--border-subtle);
}

/* Quick Trade Console */
.trade-console-card {
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    padding: 1.5rem;
}

.trade-tabs {
    display: flex;
    gap: 0.75rem;
    border-bottom: 1px solid var(--border-subtle);
    padding-bottom: 0.85rem;
    margin-bottom: 1.25rem;
}

.trade-tab-btn {
    padding: 0.45rem 1rem;
    border-radius: var(--radius-md);
    font-weight: 700;
    font-size: 0.82rem;
    border: 1px solid transparent;
    cursor: pointer;
    background: transparent;
    color: var(--text-muted);
}

.trade-tab-btn.active {
    background: var(--primary-light);
    color: var(--primary);
    border-color: rgba(79, 70, 229, 0.2);
}

.trade-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.input-box {
    background: var(--bg-card-subtle);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    padding: 0.65rem 0.85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.input-box label {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
}

.input-box input {
    border: none;
    background: transparent;
    font-family: var(--font-mono);
    font-weight: 700;
    text-align: right;
    font-size: 0.95rem;
    color: var(--text-main);
    width: 60%;
    outline: none;
}

.cro-levels-strip {
    background: rgba(79, 70, 229, 0.04);
    border: 1px solid rgba(79, 70, 229, 0.12);
    border-radius: var(--radius-md);
    padding: 0.75rem 1rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    font-size: 0.8rem;
}

.action-buttons-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.btn-buy {
    background: var(--emerald);
    color: white;
    font-weight: 700;
    padding: 0.85rem;
    border-radius: var(--radius-md);
    border: none;
    font-size: 0.95rem;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25);
    transition: all 0.2s ease;
}

.btn-buy:hover {
    background: var(--emerald-dark);
    transform: translateY(-1px);
}

.btn-sell {
    background: var(--rose);
    color: white;
    font-weight: 700;
    padding: 0.85rem;
    border-radius: var(--radius-md);
    border: none;
    font-size: 0.95rem;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);
    transition: all 0.2s ease;
}

.btn-sell:hover {
    background: var(--rose-dark);
    transform: translateY(-1px);
}

/* --- COLUMN 3: SENTINEL & LIVE TRANSACTIONS --- */
.sentinel-card {
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sentinel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-subtle);
    padding-bottom: 0.75rem;
}

.sentinel-title {
    font-weight: 800;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.positions-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pos-card {
    background: var(--bg-card-subtle);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    padding: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pos-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pos-pnl {
    font-family: var(--font-mono);
    font-weight: 800;
    font-size: 0.88rem;
}

.pos-trailing {
    font-size: 0.75rem;
    color: var(--text-muted);
    display: flex;
    justify-content: space-between;
}

.btn-close-pos {
    background: white;
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: var(--rose);
    border-radius: 6px;
    padding: 0.35rem 0.6rem;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-close-pos:hover {
    background: var(--rose-light);
}

/* Order Book / Transactions Feed */
.transactions-card {
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    padding: 1.25rem;
    margin-top: 1.25rem;
}

.order-book-table {
    width: 100%;
    font-size: 0.75rem;
    border-collapse: collapse;
}

.order-book-table th {
    text-align: left;
    color: var(--text-muted);
    font-weight: 600;
    padding-bottom: 0.5rem;
}

.order-book-table td {
    padding: 0.35rem 0;
    font-family: var(--font-mono);
}

.cell-buy { color: var(--emerald); font-weight: 700; }
.cell-sell { color: var(--rose); font-weight: 700; }

/* ==========================================================================
   GLOBAL OVERRIDES FOR BODY.THEME-CLEAN-LIGHT
   ========================================================================== */
body.theme-clean-light {
    --bg-main: #f8fafc;
    --bg-app: #f4f6fa;
    --bg-dark: #f4f6fa;
    --bg-surface: #ffffff;
    --bg-card: #ffffff;
    --bg-card-hover: #f1f5f9;
    --bg-card-subtle: #f8fafc;
    --bg-subtle: #f8fafc;
    --bg-panel: #ffffff;
    --bg-modal: #ffffff;
    --bg-input: #ffffff;
    --text-light: #0f172a;
    --text-main: #0f172a;
    --text-secondary: #334155;
    --text-muted: #64748b;
    --text-subtle: #94a3b8;
    --border-subtle: #e2e8f0;
    --border-color: #e2e8f0;
    --border-bright: #cbd5e1;
    --border-glow: rgba(79, 70, 229, 0.15);
    background-color: #f4f6fa !important;
    color: #0f172a !important;
}

body.theme-clean-light .top-nav {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    padding: 0.5rem 1.5rem !important;
    min-height: 56px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
}

body.theme-clean-light .brand-titles h1 {
    color: #0f172a !important;
}

body.theme-clean-light .card,
body.theme-clean-light .summary-card,
body.theme-clean-light .asset-card,
body.theme-clean-light .sentinel-pos-card,
body.theme-clean-light .order-book-card,
body.theme-clean-light .allocation-bar-card,
body.theme-clean-light .crypto-trade-panel,
body.theme-clean-light .crypto-matrix-card,
body.theme-clean-light .hero-card,
body.theme-clean-light .reports-header-banner,
body.theme-clean-light .agent-node-card,
body.theme-clean-light .proposal-ticket {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}

body.theme-clean-light .prop-sym-title {
    color: #0f172a !important;
    font-weight: 900 !important;
}

body.theme-clean-light .prop-metrics-grid {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

body.theme-clean-light .prop-m-lbl {
    color: #64748b !important;
}

body.theme-clean-light .prop-m-val {
    color: #0f172a !important;
}

body.theme-clean-light .prop-thesis-quote {
    background: #f8fafc !important;
    color: #334155 !important;
    border-left-color: #8b5cf6 !important;
}

body.theme-clean-light .agent-why-chip {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .agent-why-opinion {
    color: #475569 !important;
}

/* Sentinel Active Section Light Theme */
body.theme-clean-light .sentinel-cockpit-section {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
}

body.theme-clean-light .sentinel-cockpit-header {
    border-bottom: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .sentinel-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

body.theme-clean-light .sentinel-card:hover {
    border-color: rgba(79, 70, 229, 0.4) !important;
    box-shadow: 0 4px 14px rgba(79, 70, 229, 0.08) !important;
    transform: translateY(-2px);
}

body.theme-clean-light .sentinel-view-analysis-btn {
    background: rgba(14, 165, 233, 0.1) !important;
    border: 1px solid rgba(14, 165, 233, 0.3) !important;
    color: #0284c7 !important;
}

body.theme-clean-light .sentinel-view-analysis-btn:hover {
    background: rgba(14, 165, 233, 0.2) !important;
    color: #0369a1 !important;
}

/* Orders History & Carnet d'Ordres Light Theme */
body.theme-clean-light .orders-history-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
}

body.theme-clean-light .order-simple-item {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

body.theme-clean-light .order-simple-item:hover {
    background: #f1f5f9 !important;
}

body.theme-clean-light .order-filter-bar {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .order-filter-chip {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}

body.theme-clean-light .order-filter-chip.active {
    background: #4f46e5 !important;
    color: #ffffff !important;
    border-color: #4f46e5 !important;
}

/* Grand Modal Institutionnel & Sidebar Copilot Thème Clair */
body.theme-clean-light #reportModal .modal-card {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 25px 65px rgba(0, 0, 0, 0.15) !important;
}

body.theme-clean-light .report-modal-copilot-sidebar {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .modal-copilot-header {
    background: #f1f5f9 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .modal-copilot-pills {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .modal-copilot-pill {
    background: #f0f9ff !important;
    border: 1px solid #bae6fd !important;
    color: #0284c7 !important;
}

body.theme-clean-light .modal-copilot-input-bar {
    background: #f1f5f9 !important;
    border-top: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .simply-snowflake-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

body.theme-clean-light .fair-value-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

body.theme-clean-light .fair-value-gauge-track {
    background: #e2e8f0 !important;
}

body.theme-clean-light .news-item-pill {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

body.theme-clean-light .news-item-pill:hover {
    background: #eef2ff !important;
    border-color: rgba(79, 70, 229, 0.3) !important;
    color: #4f46e5 !important;
}

body.theme-clean-light .autogen-debate-section {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 1rem !important;
}

body.theme-clean-light .dialogue-bubble {
    color: #0f172a !important;
}

body.theme-clean-light .dialogue-standard {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

body.theme-clean-light .dialogue-macro {
    background: #fffbeb !important;
    border-color: #fde68a !important;
}
body.theme-clean-light .dialogue-macro .dialogue-name {
    color: #b45309 !important;
}

body.theme-clean-light .dialogue-name {
    color: #0f172a !important;
}

body.theme-clean-light .dialogue-role {
    color: #64748b !important;
}

body.theme-clean-light h1,
body.theme-clean-light h2,
body.theme-clean-light h3,
body.theme-clean-light h4,
body.theme-clean-light strong,
body.theme-clean-light .summary-value,
body.theme-clean-light .asset-price,
body.theme-clean-light .node-name {
    color: #0f172a !important;
}

body.theme-clean-light .text-muted,
body.theme-clean-light .summary-label,
body.theme-clean-light .brand-sub,
body.theme-clean-light .t-lbl {
    color: #64748b !important;
}

body.theme-clean-light .chat-input-field,
body.theme-clean-light .filter-chip,
body.theme-clean-light .filter-btn {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

body.theme-clean-light .filter-chip.active,
body.theme-clean-light .filter-btn.active {
    background: #4f46e5 !important;
    color: #ffffff !important;
    border-color: #4f46e5 !important;
}

body.theme-clean-light .autonomy-control-card,
body.theme-clean-light .status-pill {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

body.theme-clean-light .auto-pill-btn {
    color: #64748b !important;
}

body.theme-clean-light .auto-pill-btn.active {
    background: #ffffff !important;
    color: #4f46e5 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
}

body.theme-clean-light .modal-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1) !important;
    color: #0f172a !important;
}

body.theme-clean-light .wallstreet-ticker-tape {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    position: relative !important;
    height: 32px !important;
    z-index: 10 !important;
}

body.theme-clean-light .ticker-tape-badge {
    background: #4f46e5 !important;
    color: #ffffff !important;
}

body.theme-clean-light .wallstreet-ticker-item {
    border-right: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

/* Beginner Step-by-Step Flow Banner */
.beginner-workflow-bar {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.beginner-steps-chain {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.b-step {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all 0.15s ease;
}

.b-step:hover {
    color: #4f46e5;
}

.b-step.active {
    color: #4f46e5;
    font-weight: 700;
}

.b-step-badge {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 800;
    font-family: var(--font-mono);
}

.b-step.active .b-step-badge {
    background: #4f46e5;
    color: #ffffff;
    border-color: #4f46e5;
}

.b-step-arrow {
    color: #cbd5e1;
    font-size: 0.85rem;
}

/* ==========================================================================
   ORGANIZED LEFT SIDEBAR & MODERN LAYOUT (MOCKUP INSPIRATION)
   ========================================================================== */
.app-layout {
    display: flex;
    min-height: 100vh;
    width: 100%;
    background: var(--bg-app);
}

.app-sidebar {
    width: var(--sidebar-width, 240px);
    min-width: 180px;
    max-width: 480px;
    background: #ffffff;
    border-right: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: sticky;
    top: 0;
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    overscroll-behavior: none;
    z-index: 100;
    padding: 0;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.02);
    flex-shrink: 0;
    box-sizing: border-box;
}

.sidebar-scroll-container {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    padding: 0.4rem 0.75rem 0.6rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.4) transparent;
}

.sidebar-scroll-container::-webkit-scrollbar {
    width: 4px;
}

.sidebar-scroll-container::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.4);
    border-radius: 4px;
}

.sidebar-footer {
    flex-shrink: 0;
    margin-top: auto;
    padding: 0.65rem 0.75rem 0.75rem;
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
    box-sizing: border-box;
}

.sidebar-brand-box {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 1rem;
}

.sidebar-brand-symbol {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    box-shadow: 0 4px 10px rgba(79, 70, 229, 0.25);
}

.sidebar-brand-title {
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0f172a;
    line-height: 1.2;
}

.sidebar-brand-title span {
    color: #4f46e5;
}

.sidebar-brand-sub {
    font-size: 0.72rem;
    color: #64748b;
    font-weight: 500;
}

/* Sidebar Beginner Guide Card */
.sidebar-beginner-card {
    background: linear-gradient(135deg, #eef2ff, #f8fafc);
    border: 1px solid rgba(79, 70, 229, 0.15);
    border-radius: 12px;
    padding: 0.85rem;
    margin-bottom: 1.25rem;
}

.sidebar-beginner-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.78rem;
    font-weight: 700;
    color: #4f46e5;
    margin-bottom: 0.5rem;
}

.sidebar-step-list {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.sidebar-step-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #475569;
    padding: 0.35rem 0.5rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.sidebar-step-item:hover {
    background: rgba(79, 70, 229, 0.08);
    color: #4f46e5;
    font-weight: 600;
}

.sidebar-step-badge {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 800;
    color: #4f46e5;
}

/* Sidebar Navigation Items */
.sidebar-nav-list {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex: 1;
}

.sidebar-nav-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-radius: 10px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #475569;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.sidebar-nav-item:hover {
    background: #f8fafc;
    color: #0f172a;
}

.sidebar-nav-item.active {
    background: linear-gradient(135deg, #fdfbf7 0%, #f7f1e1 100%);
    border: 1px solid rgba(197, 160, 89, 0.45);
    border-left: 4px solid #c5a059;
    color: #14171c;
    font-weight: 800;
    box-shadow: 0 4px 16px rgba(197, 160, 89, 0.14);
}

.sidebar-nav-item.active .sidebar-badge {
    background: rgba(197, 160, 89, 0.18);
    color: #856221;
    border: 1px solid rgba(197, 160, 89, 0.35);
}

.sidebar-badge {
    margin-left: auto;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
}

.sidebar-badge.live {
    background: #ecfdf5;
    color: #059669;
}

/* Sidebar Footer */
.sidebar-footer {
    border-top: 1px solid #e2e8f0;
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.sidebar-status-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.6rem 0.75rem;
    font-size: 0.75rem;
}

/* Main Content Area */
.app-main-container {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: var(--bg-app);
}

@media (max-width: 1024px) {
    .app-sidebar {
        display: none;
    }
}

/* Light Mode Overrides for Previously Dark Heroes & Cards */
body.theme-clean-light .autonomous-command-hero {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
}

body.theme-clean-light .autonomous-command-hero::before {
    background: linear-gradient(90deg, #4f46e5, #06b6d4, #10b981) !important;
}

body.theme-clean-light .auto-mode-explanation-strip {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

body.theme-clean-light .auto-inbox-section {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .inbox-proposal-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

body.theme-clean-light .sentinel-live-cockpit,
body.theme-clean-light .sentinel-cockpit-hero {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    color: #0f172a !important;
}

body.theme-clean-light .sentinel-cockpit-header {
    border-bottom: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .sentinel-pos-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

body.theme-clean-light .orders-card,
body.theme-clean-light .order-book-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
}

body.theme-clean-light .orders-table,
body.theme-clean-light .orders-table tr,
body.theme-clean-light .orders-table td,
body.theme-clean-light .orders-table th {
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}

body.theme-clean-light .orders-table th {
    background: #f8fafc !important;
    color: #64748b !important;
}

body.theme-clean-light .order-item {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

body.theme-clean-light .deep-analysis-section,
body.theme-clean-light .audit-card,
body.theme-clean-light .macro-matrix-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    color: #0f172a !important;
}

body.theme-clean-light .telemetry-banner {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

body.theme-clean-light .telemetry-feed {
    color: #0f172a !important;
}

/* Top Navigation Tabs - Purple Pill Style like Mockup */
body.theme-clean-light .main-tabs .tab-btn {
    border-radius: 999px !important;
    padding: 0.5rem 1rem !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid transparent !important;
}

body.theme-clean-light .main-tabs .tab-btn:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

body.theme-clean-light .main-tabs .tab-btn.active {
    background: #4f46e5 !important;
    color: #ffffff !important;
    border-color: #4f46e5 !important;
    box-shadow: 0 3px 10px rgba(79, 70, 229, 0.25) !important;
}

body.theme-clean-light .main-tabs .tab-btn.active .chat-live-badge,
body.theme-clean-light .main-tabs .tab-btn.active .tab-count-badge {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   PURGE DES CASES SOMBRES : AUDIT DE RISQUE, COCKPIT & MODALES
   ========================================================================== */

/* 1. Audit Approfondi du Portefeuille */
body.theme-clean-light .portfolio-deep-audit-section {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    color: #0f172a !important;
}

body.theme-clean-light .portfolio-deep-audit-section [style*="var(--bg-subtle)"],
body.theme-clean-light .portfolio-deep-audit-section [style*="background: var(--bg-subtle)"] {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

body.theme-clean-light .portfolio-deep-audit-section h3,
body.theme-clean-light .portfolio-deep-audit-section h4 {
    color: #0f172a !important;
    font-weight: 800 !important;
}

body.theme-clean-light .portfolio-deep-audit-section p,
body.theme-clean-light .portfolio-deep-audit-section span {
    color: #334155;
}

body.theme-clean-light .audit-macro-card,
body.theme-clean-light .audit-cro-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}

body.theme-clean-light .audit-macro-card p,
body.theme-clean-light .audit-cro-card p {
    color: #334155 !important;
    font-weight: 500 !important;
}

/* 2. Cockpit de Risk Management & Gouvernance */
body.theme-clean-light .risk-management-cockpit {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    color: #0f172a !important;
}

body.theme-clean-light .risk-cockpit-header h3 {
    color: #0f172a !important;
    font-weight: 800 !important;
}

body.theme-clean-light .risk-kpi-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02) !important;
}

body.theme-clean-light .risk-kpi-card .kpi-title {
    color: #475569 !important;
    font-weight: 700 !important;
}

body.theme-clean-light .risk-kpi-card .kpi-main-val {
    color: #0f172a !important;
}

body.theme-clean-light .risk-kpi-card .kpi-sub-text {
    color: #64748b !important;
    font-weight: 500 !important;
}

/* 3. Lignes de Recommandations & Arbitrages Détenus */
body.theme-clean-light .audit-rec-row {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}

body.theme-clean-light .audit-rec-row .rec-symbol {
    color: #0f172a !important;
    font-weight: 800 !important;
}

body.theme-clean-light .audit-rec-row .rec-advice {
    color: #334155 !important;
    border-top: 1px solid #e2e8f0 !important;
}

/* 4. Modale Mode Mentor (Purger les dégradés sombres) */
body.theme-clean-light .mentor-modal-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12) !important;
    color: #0f172a !important;
}

body.theme-clean-light .mentor-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}

body.theme-clean-light .mentor-card h4,
body.theme-clean-light .mentor-card h5 {
    color: #0f172a !important;
}

body.theme-clean-light .mentor-card p,
body.theme-clean-light .mentor-card span {
    color: #334155 !important;
}

/* 5. Contraste Général : Zéro Texte Clair sur Fond Clair */
body.theme-clean-light .text-muted {
    color: #64748b !important;
    font-weight: 500;
}

body.theme-clean-light h1,
body.theme-clean-light h2,
body.theme-clean-light h3,
body.theme-clean-light h4,
body.theme-clean-light strong {
    color: #0f172a !important;
}

body.theme-clean-light p {
    color: #334155;
}

body.theme-clean-light input,
body.theme-clean-light select,
body.theme-clean-light textarea {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}

body.theme-clean-light input::placeholder {
    color: #94a3b8 !important;
}

/* ==========================================================================
   MODALE DE CONFIRMATION CUSTOM PRO LIGHT & MICRO-ANIMATIONS
   ========================================================================== */
@keyframes confirmPopIn {
    0% {
        opacity: 0;
        transform: scale(0.92) translateY(12px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

body.theme-clean-light .custom-confirm-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15) !important;
    color: #0f172a !important;
}

body.theme-clean-light #confirmModalCancelBtn:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #94a3b8 !important;
}

body.theme-clean-light #confirmModalActionBtn:hover {
    filter: brightness(1.08) !important;
    transform: translateY(-1px) !important;
}

/* ==========================================================================
   RAPPORT D'INVESTISSEMENT & DÉBAT AUTOGEN (PURGE TOTALE DU DARK)
   ========================================================================== */
body.theme-clean-light .debate-box {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 0.9rem 1rem !important;
    gap: 0.65rem !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

body.theme-clean-light .debate-item {
    color: #1e293b !important;
    font-size: 0.84rem !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
}

body.theme-clean-light .debate-item span {
    color: #1e293b !important;
}

body.theme-clean-light .debate-tag {
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    letter-spacing: 0.03em !important;
}

body.theme-clean-light .debate-tag.tag-bull {
    background: #ecfdf5 !important;
    color: #047857 !important;
    border: 1px solid #a7f3d0 !important;
}

body.theme-clean-light .debate-tag.tag-bear {
    background: #fef2f2 !important;
    color: #b91c1c !important;
    border: 1px solid #fecaca !important;
}

body.theme-clean-light .pillars-mini-row {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 0.75rem 0.5rem !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0.4rem !important;
}

body.theme-clean-light .pillar-name {
    color: #64748b !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
}

body.theme-clean-light .pillar-score {
    font-size: 1.05rem !important;
    font-weight: 800 !important;
}

body.theme-clean-light .report-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    padding: 1.4rem !important;
    transition: all 0.2s ease !important;
}

body.theme-clean-light .report-card:hover {
    box-shadow: 0 10px 28px rgba(79, 70, 229, 0.08) !important;
    border-color: rgba(79, 70, 229, 0.35) !important;
    transform: translateY(-2px) !important;
}

body.theme-clean-light .report-card p {
    color: #334155 !important;
    font-size: 0.84rem !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
}

body.theme-clean-light .report-cro-strip {
    border-top: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    font-size: 0.78rem !important;
    font-weight: 500 !important;
    padding-top: 0.85rem !important;
}

body.theme-clean-light .report-cro-strip strong {
    color: #4f46e5 !important;
    font-weight: 700 !important;
}

body.theme-clean-light .report-ticker {
    color: #0f172a !important;
    font-weight: 800 !important;
}

body.theme-clean-light .report-price {
    color: #475569 !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   COCKPIT RADAR & AUTOGEN MISSION CONTROL LIGHT
   ========================================================================== */
body.theme-clean-light .cockpit-radar-section {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
}

body.theme-clean-light .cockpit-radar-header {
    border-bottom: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .agent-radar-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}

body.theme-clean-light .agent-radar-card:hover {
    background: #f1f5f9 !important;
    border-color: rgba(79, 70, 229, 0.4) !important;
    box-shadow: 0 6px 18px rgba(79, 70, 229, 0.08) !important;
}

body.theme-clean-light .agent-radar-name {
    color: #0f172a !important;
}

/* ==========================================================================
   SCREENER QUANTITATIF & CARTES ACTIONS LIGHT
   ========================================================================== */
body.theme-clean-light .screener-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03) !important;
}

body.theme-clean-light .screener-card:hover {
    border-color: rgba(79, 70, 229, 0.4) !important;
    box-shadow: 0 8px 24px rgba(79, 70, 229, 0.08) !important;
}

body.theme-clean-light .screener-ticker {
    color: #0f172a !important;
}

body.theme-clean-light .screener-company-name {
    color: #64748b !important;
}

body.theme-clean-light .screener-ai-score {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

body.theme-clean-light .screener-tag {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .screener-tag.tag-bucket {
    background: #eef2ff !important;
    color: #4f46e5 !important;
    border: 1px solid rgba(79, 70, 229, 0.2) !important;
}

body.theme-clean-light .screener-metrics-row {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .sm-lbl {
    color: #64748b !important;
}

body.theme-clean-light .market-category-switcher-bar {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}

body.theme-clean-light .market-subtab-btn {
    color: #64748b !important;
}

body.theme-clean-light .market-subtab-btn:hover {
    background: #f8fafc !important;
    color: #0f172a !important;
}

body.theme-clean-light .market-subtab-btn.active {
    background: #eef2ff !important;
    color: #4f46e5 !important;
    border-color: rgba(79, 70, 229, 0.25) !important;
    box-shadow: 0 2px 8px rgba(79, 70, 229, 0.08) !important;
}

body.theme-clean-light .subtab-badge {
    background: #f1f5f9 !important;
    color: #475569 !important;
}

/* ==========================================================================
   CONTRÔLES D'AUTONOMIE, INBOX ET CARTES DE DÉCISION
   ========================================================================== */
body.theme-clean-light .auto-mode-switcher-card,
body.theme-clean-light .auto-inbox-section,
body.theme-clean-light .execution-decision-card,
body.theme-clean-light .cro-advice-strip,
body.theme-clean-light .scalping-info-banner,
body.theme-clean-light .chat-active-agent-bar,
body.theme-clean-light .network-node-card,
body.theme-clean-light .telemetry-banner,
body.theme-clean-light .tv-execution-header {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}

body.theme-clean-light .auto-mode-explanation-strip {
    background: #f8fafc !important;
    border-left: 3px solid #4f46e5 !important;
    color: #334155 !important;
}

body.theme-clean-light .agent-photo-wrap {
    background: #f1f5f9 !important;
}

body.theme-clean-light .canvas-tooltip {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

body.theme-clean-light .main-tabs {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
}

/* ==========================================================================
   TOAST NOTIFICATIONS (PURGE DU NOIR ET DU SLATE ILLISIBLE)
   ========================================================================== */
body.theme-clean-light .toast-pill {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    color: #0f172a !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1) !important;
    font-size: 0.86rem !important;
    font-weight: 600 !important;
    backdrop-filter: blur(12px) !important;
    padding: 0.85rem 1.35rem !important;
}

body.theme-clean-light .toast-pill span {
    color: #0f172a !important;
    font-weight: 600 !important;
}

/* ==========================================================================
   SIDEBAR ACTIVE NAVIGATION PURGE DU BLOC FONCÉ
   ========================================================================== */
body.theme-clean-light .sidebar-nav-item.active {
    background: linear-gradient(135deg, #fdfbf7 0%, #f7f1e1 100%) !important;
    color: #14171c !important;
    border: 1px solid rgba(197, 160, 89, 0.45) !important;
    border-left: 4px solid #c5a059 !important;
    box-shadow: 0 4px 16px rgba(197, 160, 89, 0.14) !important;
    font-weight: 800 !important;
}

body.theme-clean-light .sidebar-nav-item.active .sidebar-badge {
    background: rgba(197, 160, 89, 0.18) !important;
    color: #856221 !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
}

/* ==========================================================================
   LAB FINRL & HERO AUTONOME PURGE
   ========================================================================== */
body.theme-clean-light .autonomous-command-hero {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    color: #0f172a !important;
}

body.theme-clean-light .research-proof-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}

body.theme-clean-light .research-proof-card h4 {
    color: #4f46e5 !important;
    font-weight: 700 !important;
}

body.theme-clean-light .research-proof-card p {
    color: #334155 !important;
    line-height: 1.5 !important;
}

body.theme-clean-light .clean-select {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}

/* ==========================================================================
   DERNIERS CONTENEURS ET BANDES DE DONNÉES
   ========================================================================== */
body.theme-clean-light .f-corridor-strip,
body.theme-clean-light .memo-sig-card,
body.theme-clean-light .chat-suggestions-bar,
body.theme-clean-light .node-telemetry,
body.theme-clean-light .node-inspector-card,
body.theme-clean-light .agent-radar-activity,
body.theme-clean-light .why-thesis-text,
body.theme-clean-light .sentinel-pnl-strip,
body.theme-clean-light .mentor-metric-strip,
body.theme-clean-light .practice-metric-item,
body.theme-clean-light .mentor-qa-box,
body.theme-clean-light .mentor-qa-input,
body.theme-clean-light .laser-label {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

body.theme-clean-light .why-thesis-text,
body.theme-clean-light .agent-radar-activity {
    color: #334155 !important;
    border-left: 3px solid #4f46e5 !important;
}

body.theme-clean-light .modal-overlay,
body.theme-clean-light .node-inspector-modal {
    background: rgba(15, 23, 42, 0.45) !important;
    backdrop-filter: blur(8px) !important;
}

/* ==========================================================================
   STRATEGY STUDIO & MANDATE ENGINE
   ========================================================================== */
.strategy-preset-card {
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.strategy-preset-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(79, 70, 229, 0.08) !important;
    border-color: #a5b4fc !important;
}
.strategy-preset-card.active-preset {
    border-color: #4f46e5 !important;
    background: #fdfefe !important;
}

@media (max-width: 1100px) {
    .strategy-columns-grid {
        grid-template-columns: 1fr !important;
    }
}

.btn-clear-inbox {
    background: #fff1f2 !important;
    color: #e11d48 !important;
    border: 1px solid #fecdd3 !important;
}

.btn-clear-inbox:hover {
    background: #ffe4e6 !important;
    border-color: #f43f5e !important;
    color: #be123c !important;
}

/* ==========================================================================
   LIGHT THEME: GLOBAL PORTFOLIO ALLOCATION STRIP & CARNET D'ORDRES
   ========================================================================== */
body.theme-clean-light .global-alloc-strip-wrapper {
    background: #e2e8f0 !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #cbd5e1 !important;
}

body.theme-clean-light .order-simple-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

body.theme-clean-light .order-simple-item:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

body.theme-clean-light .order-simple-item.order-item-buy {
    border-left: 3px solid #059669 !important;
}

body.theme-clean-light .order-simple-item.order-item-sell {
    border-left: 3px solid #e11d48 !important;
}

/* ==========================================================================
   LIGHT THEME: COPILOT DRAWER & CHAT
   ========================================================================== */
body.theme-clean-light .copilot-messages-container {
    background: #f8fafc !important;
    color: #0f172a !important;
}

body.theme-clean-light .copilot-welcome-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

body.theme-clean-light .copilot-welcome-card h4 {
    color: #0f172a !important;
}

body.theme-clean-light .btn-copilot-pill {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}

body.theme-clean-light .btn-copilot-pill:hover {
    background: #f1f5f9 !important;
    border-color: #0284c7 !important;
    color: #0284c7 !important;
}

body.theme-clean-light .copilot-assistant-bubble {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05) !important;
}

body.theme-clean-light .copilot-quote {
    background: #f1f5f9 !important;
    border-left: 3px solid #0284c7 !important;
    color: #334155 !important;
}

/* COPILOT DRAWER & INPUT CONSOLE (LIGHT THEME) */
body.theme-clean-light .copilot-side-panel {
    background: #ffffff !important;
    border-left: 1.5px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.08) !important;
}

body.theme-clean-light .copilot-drawer-header {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .copilot-title-text {
    background: none !important;
    -webkit-text-fill-color: #0f172a !important;
    color: #0f172a !important;
}

body.theme-clean-light .copilot-subtitle-text {
    color: #64748b !important;
}

body.theme-clean-light .copilot-grounding-banner {
    background: #f1f5f9 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}

body.theme-clean-light #copilotGroundedStatusText {
    color: #334155 !important;
}

body.theme-clean-light .copilot-messages-container {
    background: #ffffff !important;
}

body.theme-clean-light .copilot-quick-prompts-bar {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .btn-copilot-pill {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

body.theme-clean-light .btn-copilot-pill:hover {
    background: #f1f5f9 !important;
    border-color: #0284c7 !important;
    color: #0284c7 !important;
}

body.theme-clean-light .copilot-input-container {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    padding: 0.75rem 1rem 0.95rem !important;
}

body.theme-clean-light .copilot-input-box {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 14px !important;
    padding: 0.65rem 0.85rem !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.2s ease !important;
}

body.theme-clean-light .copilot-input-box:focus-within {
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15), 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}

body.theme-clean-light .copilot-textarea {
    color: #0f172a !important;
    font-size: 0.88rem !important;
}

body.theme-clean-light .copilot-textarea::placeholder {
    color: #94a3b8 !important;
}

body.theme-clean-light .copilot-input-footer {
    border-top: 1px solid #f1f5f9 !important;
    padding-top: 0.45rem !important;
    margin-top: 0.35rem !important;
}

body.theme-clean-light .copilot-tag-live {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #059669 !important;
    border: 1px solid rgba(16, 185, 129, 0.25) !important;
    border-radius: 6px !important;
    padding: 2px 7px !important;
}

body.theme-clean-light .copilot-tag-cro {
    background: rgba(217, 119, 6, 0.1) !important;
    color: #b45309 !important;
    border: 1px solid rgba(217, 119, 6, 0.25) !important;
    border-radius: 6px !important;
    padding: 2px 7px !important;
}

body.theme-clean-light .btn-copilot-send {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    box-shadow: 0 2px 8px rgba(2, 132, 199, 0.25) !important;
}

body.theme-clean-light .copilot-typing-indicator {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

body.theme-clean-light .copilot-quick-tile {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .copilot-quick-tile:hover {
    background: #f8fafc !important;
    border-color: #0284c7 !important;
}

body.theme-clean-light .tile-content strong {
    color: #0f172a !important;
}

body.theme-clean-light .copilot-drawer-header {
    background: #ffffff !important;
    border-bottom: 2px solid #0284c7 !important;
}

body.theme-clean-light .copilot-title-text {
    background: none !important;
    -webkit-text-fill-color: #0f172a !important;
    color: #0f172a !important;
}

body.theme-clean-light .copilot-md-h4,
body.theme-clean-light .copilot-md-bold {
    color: #0f172a !important;
}

/* Force high contrast inside table cards regardless of light mode setting */
body.theme-clean-light .copilot-side-panel table td strong,
body.theme-clean-light .copilot-side-panel table td .copilot-md-bold,
body.theme-clean-light .copilot-table-wrapper td strong,
body.theme-clean-light .copilot-table-wrapper td .copilot-md-bold {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

body.theme-clean-light .copilot-side-panel table td em,
body.theme-clean-light .copilot-table-wrapper td em {
    color: #93c5fd !important;
}

body.theme-clean-light .copilot-md-code {
    background: #f1f5f9 !important;
    color: #0284c7 !important;
}

/* ==========================================================================
   PORTFOLIO ASSET CARDS (LIGHT LUXURY BESPOKE THEME)
   ========================================================================== */
body.theme-clean-light .asset-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.theme-clean-light .asset-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;
    border-color: #cbd5e1 !important;
}

body.theme-clean-light .asset-card.is-held {
    border-left: 4px solid #10b981 !important;
}

body.theme-clean-light .asset-card.is-watching {
    border-left: 4px solid #0ea5e9 !important;
}

body.theme-clean-light .asset-ticker-title {
    color: #0f172a !important;
    font-weight: 800 !important;
    font-size: 1.05rem !important;
}

body.theme-clean-light .asset-card-subtitle-row {
    color: #64748b !important;
    font-size: 0.74rem !important;
}

body.theme-clean-light .badge-held {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #059669 !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    font-weight: 800 !important;
}

body.theme-clean-light .badge-watch {
    background: rgba(14, 165, 233, 0.1) !important;
    color: #0284c7 !important;
    border: 1px solid rgba(14, 165, 233, 0.25) !important;
}

body.theme-clean-light .badge-weight {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700 !important;
}

body.theme-clean-light .held-position-luxury-box {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02) !important;
    padding: 0.65rem 0.85rem !important;
    margin: 0.5rem 0 !important;
}

body.theme-clean-light .held-metric-label {
    color: #64748b !important;
    font-weight: 700 !important;
    font-size: 0.65rem !important;
    text-transform: uppercase !important;
}

body.theme-clean-light .held-metric-val {
    color: #0f172a !important;
    font-weight: 800 !important;
    font-size: 0.84rem !important;
}

body.theme-clean-light .held-metric-pnl-row {
    border-top: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .pnl-label {
    color: #64748b !important;
    font-weight: 600 !important;
}

body.theme-clean-light .asset-price-luxury {
    color: #0f172a !important;
    font-size: 1.35rem !important;
    font-weight: 900 !important;
}

body.theme-clean-light .asset-thesis-luxury {
    color: #475569 !important;
    border-left: 2.5px solid #3b82f6 !important;
    background: rgba(241, 245, 249, 0.5) !important;
    padding: 4px 8px !important;
    border-radius: 0 4px 4px 0 !important;
}

body.theme-clean-light .verdict-pill-luxury.verdict-hold {
    background: #fef3c7 !important;
    color: #b45309 !important;
    border: 1px solid #fcd34d !important;
    box-shadow: none !important;
}

body.theme-clean-light .verdict-pill-luxury.verdict-buy {
    background: #d1fae5 !important;
    color: #047857 !important;
    border: 1px solid #6ee7b7 !important;
    box-shadow: none !important;
}

body.theme-clean-light .verdict-pill-luxury.verdict-sell {
    background: #fee2e2 !important;
    color: #b91c1c !important;
    border: 1px solid #fca5a5 !important;
    box-shadow: none !important;
}

body.theme-clean-light .watching-luxury-box {
    background: #f0f9ff !important;
    border: 1px dashed #7dd3fc !important;
}

body.theme-clean-light .btn-luxury-trade.sell {
    background: #fff1f2 !important;
    color: #e11d48 !important;
    border: 1px solid #fecdd3 !important;
}

body.theme-clean-light .btn-luxury-trade.sell:hover {
    background: #ffe4e6 !important;
    border-color: #f43f5e !important;
}

body.theme-clean-light .btn-luxury-trade.buy {
    background: #ecfdf5 !important;
    color: #059669 !important;
    border: 1px solid #a7f3d0 !important;
}

body.theme-clean-light .btn-luxury-trade.buy:hover {
    background: #d1fae5 !important;
}

body.theme-clean-light .allocation-legend {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .legend-chip {
    color: #334155 !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .asset-card-footer-luxury {
    border-top: 1px solid #f1f5f9 !important;
}

body.theme-clean-light .footer-chip-btn.chart {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

body.theme-clean-light .footer-chip-btn.audit {
    background: #fdf4ff !important;
    border: 1px solid #f0abfc !important;
    color: #a21caf !important;
}

/* Metric Values in Capital Summary Box (Light Theme) */
body.theme-clean-light .metric-total {
    color: #0f172a !important;
}

body.theme-clean-light .metric-stocks {
    color: #0284c7 !important;
}

body.theme-clean-light .metric-crypto {
    color: #7c3aed !important;
}

body.theme-clean-light .metric-cash {
    color: #059669 !important;
}

body.theme-clean-light #heroStockPctPill,
body.theme-clean-light #cryptoHeroStockPctPill {
    color: #0284c7 !important;
}

body.theme-clean-light #heroCryptoPctPill,
body.theme-clean-light #cryptoHeroCryptoPctPill {
    color: #7c3aed !important;
}

body.theme-clean-light #heroCashPctPill,
body.theme-clean-light #cryptoHeroCashPctPill {
    color: #059669 !important;
}

/* ==========================================================================
   CAPITAL SUMMARY CARD (LIGHT THEME LUXURY BESPOKE)
   ========================================================================== */
body.theme-clean-light .capital-summary-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

body.theme-clean-light .capital-metric-box {
    border-right: 1px solid #f1f5f9 !important;
}

body.theme-clean-light .cap-lbl {
    color: #64748b !important;
    font-weight: 700 !important;
    font-size: 0.73rem !important;
    letter-spacing: 0.04em !important;
}

body.theme-clean-light .cap-val {
    font-family: var(--font-mono) !important;
    font-weight: 800 !important;
}

body.theme-clean-light .metric-total {
    color: #0f172a !important;
    font-size: 1.55rem !important;
    font-weight: 900 !important;
}

body.theme-clean-light .metric-stocks {
    color: #0284c7 !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
}

body.theme-clean-light .metric-crypto {
    color: #7c3aed !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
}

body.theme-clean-light .metric-cash {
    color: #059669 !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
}

body.theme-clean-light .cap-sub {
    color: #64748b !important;
    font-size: 0.8rem !important;
}

body.theme-clean-light .global-allocation-bar-container {
    grid-column: 1 / -1 !important;
    margin-top: 0.75rem !important;
    padding-top: 0.75rem !important;
    border-top: 1px solid #f1f5f9 !important;
}

body.theme-clean-light .global-alloc-strip-wrapper {
    background: #e2e8f0 !important;
    border: 1px solid #cbd5e1 !important;
    height: 8px !important;
    border-radius: 999px !important;
}

body.theme-clean-light .global-alloc-legend {
    color: #475569 !important;
    font-size: 0.78rem !important;
    margin-top: 0.4rem !important;
}

body.theme-clean-light .global-alloc-legend strong {
    color: #0f172a !important;
    font-family: var(--font-mono) !important;
}

/* ==========================================================================
   BOUCLIER DE HEDGING INVERSE COCKPIT (LIGHT THEME LUXURY)
   ========================================================================== */
body.theme-clean-light .hedging-cockpit-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
}

body.theme-clean-light .hedging-status-pill {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #059669 !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

body.theme-clean-light .hedging-toggle-lbl {
    color: #334155 !important;
}

body.theme-clean-light .hedging-explanation-box {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .hedging-exp-title {
    color: #0284c7 !important;
}

body.theme-clean-light .hedging-exp-text {
    color: #1e293b !important;
}

body.theme-clean-light .h-stat-box {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .h-stat-label {
    color: #64748b !important;
}

body.theme-clean-light .h-stat-val {
    color: #0f172a !important;
}

/* ==========================================================================
   BUTTONS & ACTION PILLS (LIGHT THEME - NO DARK BLACK BLOTCHES)
   ========================================================================== */
body.theme-clean-light .btn-action-outline {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #1e293b !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

body.theme-clean-light .btn-action-outline:hover {
    background: #f8fafc !important;
    border-color: #0284c7 !important;
    color: #0284c7 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

body.theme-clean-light #btnRefreshDeepAudit {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-weight: 700 !important;
}

body.theme-clean-light #btnRefreshDeepAudit:hover {
    background: #f1f5f9 !important;
    border-color: #0284c7 !important;
    color: #0284c7 !important;
}

body.theme-clean-light #themeToggleBtn,
body.theme-clean-light #sidebarThemeToggleBtn {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0284c7 !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

body.theme-clean-light #themeToggleBtn:hover,
body.theme-clean-light #sidebarThemeToggleBtn:hover {
    background: #f0f9ff !important;
    border-color: #0284c7 !important;
    color: #0369a1 !important;
}

body.theme-clean-light .btn-sidebar-toggle {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #475569 !important;
}

body.theme-clean-light .btn-sidebar-toggle:hover {
    background: #f1f5f9 !important;
    border-color: #0284c7 !important;
    color: #0284c7 !important;
}

/* ==========================================================================
   SIDEBAR RESIZER (LIGHT THEME)
   ========================================================================== */
body.theme-clean-light .sidebar-resizer:hover,
body.theme-clean-light.is-resizing-sidebar .sidebar-resizer {
    background: #0284c7 !important;
    box-shadow: 0 0 10px rgba(2, 132, 199, 0.6) !important;
}

/* ==========================================================================
   MODERN EXECUTIVE COPILOT INPUT BOX (LIGHT THEME)
   ========================================================================== */
body.theme-clean-light .copilot-input-container {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    padding: 0.85rem 1.1rem 1rem !important;
}

body.theme-clean-light .copilot-input-box {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 16px !important;
    padding: 0.75rem 1rem 0.65rem !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.theme-clean-light .copilot-input-box:focus-within {
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15), 0 6px 20px rgba(0, 0, 0, 0.08) !important;
}

body.theme-clean-light .copilot-textarea {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    resize: none !important;
    color: #0f172a !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    font-family: inherit !important;
    min-height: 46px !important;
    max-height: 140px !important;
}

body.theme-clean-light .copilot-textarea::placeholder {
    color: #94a3b8 !important;
    font-style: italic !important;
}

body.theme-clean-light .copilot-input-footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 0.4rem !important;
    padding-top: 0.45rem !important;
    border-top: 1px solid #f1f5f9 !important;
}

body.theme-clean-light .copilot-footer-actions {
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
}

body.theme-clean-light .copilot-enter-hint {
    font-size: 0.68rem !important;
    color: #94a3b8 !important;
    font-family: var(--font-mono) !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

body.theme-clean-light .btn-copilot-send {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    font-size: 0.82rem !important;
    padding: 6px 14px !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    box-shadow: 0 2px 8px rgba(2, 132, 199, 0.25) !important;
    transition: all 0.2s ease !important;
}

body.theme-clean-light .btn-copilot-send:hover {
    transform: translateY(-1px) scale(1.02) !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.4) !important;
}

/* AUDIT MACRO CARD & CRO VERDICT (LIGHT THEME) */
body.theme-clean-light .audit-macro-card,
body.theme-clean-light .audit-cro-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
}

body.theme-clean-light .audit-macro-tags {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.6rem;
    font-size: 0.74rem;
    flex-wrap: wrap;
}

body.theme-clean-light .audit-macro-tag-fed {
    background: #f1f5f9 !important;
    color: #334155 !important;
    padding: 3px 8px !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .audit-macro-tag-risk.is-danger {
    background: #fef2f2 !important;
    color: #dc2626 !important;
    padding: 3px 8px !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
    border: 1px solid #fecaca !important;
}

body.theme-clean-light .audit-macro-tag-risk.is-safe {
    background: #ecfdf5 !important;
    color: #059669 !important;
    padding: 3px 8px !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
    border: 1px solid #a7f3d0 !important;
}

body.theme-clean-light .audit-macro-tag-bias {
    background: #e0f2fe !important;
    color: #0369a1 !important;
    padding: 3px 8px !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
    border: 1px solid #bae6fd !important;
}

body.theme-clean-light .audit-macro-tag-geo {
    background: #f8fafc !important;
    color: #475569 !important;
    padding: 3px 8px !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .audit-macro-synthesis {
    line-height: 1.55 !important;
    color: #334155 !important;
    font-size: 0.84rem !important;
}

body.theme-clean-light .audit-macro-synthesis-label {
    color: #0f172a !important;
    font-weight: 700 !important;
}

body.theme-clean-light .audit-macro-catalysts {
    margin-top: 0.55rem !important;
    padding-top: 0.5rem !important;
    border-top: 1px dashed #e2e8f0 !important;
    font-size: 0.74rem !important;
    color: #64748b !important;
}

body.theme-clean-light .audit-macro-catalysts strong {
    color: #475569 !important;
}

body.theme-clean-light .audit-macro-catalysts ul {
    margin: 0.25rem 0 0 1rem !important;
    padding: 0 !important;
}

body.theme-clean-light #auditCroVerdictText {
    color: #334155 !important;
    line-height: 1.55 !important;
    font-size: 0.84rem !important;
}

/* ==========================================================================
   PROPFIRM CHALLENGE CALCULATOR (LIGHT CLEAN THEME - CRISP WHITE & READABLE)
   ========================================================================== */
body.theme-clean-light .prop-calculator-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

body.theme-clean-light .prop-calc-title {
    color: #0f172a !important;
}

body.theme-clean-light .prop-calc-desc {
    color: #64748b !important;
}

body.theme-clean-light .prop-mode-banner {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light #propModeBannerTitle {
    color: #b45309 !important;
    font-weight: 800 !important;
}

body.theme-clean-light #propModeBannerText {
    color: #334155 !important;
}

body.theme-clean-light #propModeBannerText strong {
    color: #0f172a !important;
    font-weight: 700 !important;
}

body.theme-clean-light .prop-gauge-box {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .gauge-title {
    color: #1e293b !important;
}

body.theme-clean-light .gauge-progress-track {
    background: #e2e8f0 !important;
}

body.theme-clean-light .prop-payout-estimate-box {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
}

body.theme-clean-light .prop-payout-desc {
    color: #166534 !important;
}

body.theme-clean-light .prop-guide-accordion {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .guide-acc-title {
    color: #0f172a !important;
}

body.theme-clean-light .guide-acc-desc {
    color: #64748b !important;
}

body.theme-clean-light .prop-switch-group {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
}

body.theme-clean-light .prop-switch-label {
    color: #475569 !important;
}

body.theme-clean-light .btn-tier-select,
body.theme-clean-light .btn-split-select {
    color: #475569 !important;
}

body.theme-clean-light .btn-tier-select.active,
body.theme-clean-light .btn-split-select.active {
    background: #0284c7 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   CRYPTO TERMINAL & WATCHLIST (LIGHT CLEAN THEME)
   ========================================================================== */
body.theme-clean-light .crypto-chart-panel,
body.theme-clean-light .crypto-order-module,
body.theme-clean-light #cryptoTerminalWhyBox {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

body.theme-clean-light .crypto-chart-panel > div:first-child {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

body.theme-clean-light #cryptoTerminalChartTitle {
    color: #0f172a !important;
}

body.theme-clean-light #tvRightWatchlistPanel > div:last-child {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .tv-watchlist-table {
    width: 100% !important;
    background: #ffffff !important;
}

body.theme-clean-light .tv-watchlist-table th {
    background: #f8fafc !important;
    color: #64748b !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 6px 8px !important;
}

body.theme-clean-light .tv-watchlist-table td,
body.theme-clean-light .tv-watchlist-row td {
    color: #1e293b !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 6px 8px !important;
}

body.theme-clean-light .tv-watchlist-row td strong {
    color: #0f172a !important;
    font-weight: 700 !important;
}

body.theme-clean-light .tv-watchlist-row:hover {
    background: #f1f5f9 !important;
}

body.theme-clean-light .tv-watchlist-row.active {
    background: #e0f2fe !important;
    border-left: 3px solid #0284c7 !important;
}

body.theme-clean-light .macro-sentinel-cockpit {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
}

body.theme-clean-light .macro-sentinel-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

body.theme-clean-light .macro-card-val {
    color: #0f172a !important;
}

body.theme-clean-light .macro-info-bubble {
    background: rgba(14, 165, 233, 0.1) !important;
    border-color: rgba(14, 165, 233, 0.3) !important;
    color: #0284c7 !important;
}

body.theme-clean-light .macro-info-bubble .macro-tooltip-box {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    color: #334155 !important;
}

body.theme-clean-light .macro-tooltip-title {
    color: #0284c7 !important;
    border-bottom-color: #e2e8f0 !important;
}

body.theme-clean-light .macro-tooltip-desc {
    color: #475569 !important;
}

body.theme-clean-light .execution-decision-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

body.theme-clean-light .exec-sym-title {
    color: #0f172a !important;
}

body.theme-clean-light .agent-micro-pill {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #475569 !important;
}

body.theme-clean-light .btn-toggle-thesis {
    border-color: #cbd5e1 !important;
    color: #0284c7 !important;
}

body.theme-clean-light .exec-action-btn-sm {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #334155 !important;
}