:root {
    color-scheme: dark;
}

.app-theme-light {
    --bg-app: #f8fafc;
    --bg-panel: #ffffff;
    --bg-sidebar: #ffffff;
    --bg-hover: #f1f5f9;
    --border-subtle: #cbd5e1;
    --text-primary: #0f172a;
    --text-muted: #64748b;
    --scrollbar-thumb: #94a3b8;
    --scrollbar-thumb-hover: #64748b;
    color-scheme: light;
}

.app-theme-light {
    background: #f8fafc;
    color: #0f172a;
}

.app-theme-light :where(
    [class~="bg-slate-950"],
    [class~="bg-slate-950/20"],
    [class~="bg-slate-950/10"],
    [class~="bg-slate-950/25"],
    [class~="bg-slate-950/30"],
    [class~="bg-slate-950/35"],
    [class~="bg-slate-950/40"],
    [class~="bg-slate-950/45"],
    [class~="bg-slate-950/50"],
    [class~="bg-slate-950/60"],
    [class~="bg-slate-950/70"],
    [class~="bg-slate-950/75"],
    [class~="bg-slate-950/80"],
    [class~="bg-slate-950/85"],
    [class~="bg-slate-950/90"],
    [class~="bg-slate-950/95"],
    [class*="bg-[#020817]"],
    [class*="bg-[#061022]"]
) {
    background-color: #f8fafc;
}

.app-theme-light :where(
    [class~="bg-slate-900"],
    [class~="bg-slate-900/20"],
    [class~="bg-slate-900/30"],
    [class~="bg-slate-900/35"],
    [class~="bg-slate-900/40"],
    [class~="bg-slate-900/50"],
    [class~="bg-slate-900/55"],
    [class~="bg-slate-900/60"],
    [class~="bg-slate-900/70"],
    [class~="bg-slate-900/80"],
    [class~="bg-slate-900/90"],
    [class~="bg-slate-900/92"],
    [class~="bg-slate-900/94"],
    [class~="bg-slate-900/95"]
) {
    background-color: #ffffff;
}

.app-theme-light :where(
    [class~="bg-slate-800"],
    [class~="bg-slate-800/30"],
    [class~="bg-slate-800/40"],
    [class~="bg-slate-800/50"],
    [class~="bg-slate-800/60"],
    [class~="bg-slate-800/70"]
) {
    background-color: #f1f5f9;
}

.app-theme-light :where(
    [class~="border-slate-950/30"],
    [class~="border-slate-800"],
    [class~="border-slate-800/60"],
    [class~="border-slate-800/70"],
    [class~="border-slate-800/80"],
    [class~="border-slate-700"],
    [class~="border-slate-700/70"],
    [class~="border-slate-600"]
) {
    border-color: #cbd5e1;
}

.app-theme-light :where(
    [class~="text-white"],
    [class~="text-slate-50"],
    [class~="text-slate-100"],
    [class~="text-slate-200"],
    [class~="text-slate-200/90"],
    [class~="text-slate-300"],
    [class~="text-slate-300/80"]
) {
    color: #0f172a;
}

.app-theme-light [class~="text-slate-400"] {
    color: #475569;
}

.app-theme-light :where(
    [class~="text-slate-500"],
    [class~="text-slate-600"],
    [class~="text-slate-700"]
) {
    color: #64748b;
}

.app-theme-light :where(
    [class~="bg-blue-500"],
    [class~="bg-blue-600"],
    [class~="bg-cyan-600"],
    [class~="bg-emerald-600"],
    [class~="bg-green-600"],
    [class~="bg-red-600"],
    [class~="bg-rose-600"]
) {
    color: #ffffff;
}

.app-theme-light input[type="date"]::-webkit-calendar-picker-indicator,
.app-theme-light input[type="time"]::-webkit-calendar-picker-indicator {
    filter: none;
}

.theme-toggle {
    display: inline-flex;
    min-width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0 0.7rem;
    border: 1px solid #334155;
    border-radius: 0.55rem;
    background: rgba(15, 23, 42, 0.75);
    color: #cbd5e1;
    font-size: 0.75rem;
    font-weight: 700;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.theme-toggle:hover {
    border-color: #0891b2;
    color: #ffffff;
}

.app-theme-light .theme-toggle {
    border-color: #cbd5e1;
    background: #ffffff;
    color: #334155;
}

.app-theme-light .theme-toggle:hover {
    border-color: #0891b2;
    background: #f0f9ff;
    color: #0f172a;
}

.app-theme-light :where(.card, .form-dark, .input-flat) {
    border-color: #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.app-theme-light .nav-menu-shell {
    background: radial-gradient(circle at 50% 110%, rgba(8, 145, 178, 0.06), transparent 34%), #ffffff;
}

.app-theme-light :where(.brand-name, .nav-item:hover) {
    color: #0f172a;
}

.app-theme-light :where(.brand-row, .brand-row-collapsed, .nav-reminder-host) {
    border-color: #e2e8f0;
}

.app-theme-light :where(.sidebar-toggle, .nav-reminder-host) {
    background: #f8fafc;
}

.app-theme-light .sidebar-toggle:hover {
    background: #f1f5f9;
    color: #0f172a;
}

.app-theme-light .nav-item {
    color: #475569;
}

.app-theme-light .nav-item.is-active {
    border-color: rgba(8, 145, 178, 0.22);
    background: linear-gradient(90deg, rgba(6, 182, 212, 0.14), rgba(14, 116, 144, 0.05));
    color: #0f172a;
}

.app-theme-light .zen-reminder-card {
    border-color: #cbd5e1;
    background: radial-gradient(circle at 14% 8%, rgba(34, 211, 238, 0.12), transparent 32%), #f8fafc;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.app-theme-light .zen-reminder-card p {
    color: #0f172a;
}

.app-theme-light .career-dashboard {
    --panel: rgba(255, 255, 255, 0.94);
    --panel-strong: #ffffff;
    --border: #cbd5e1;
    --border-soft: #dbe3ee;
    --muted: #64748b;
    --soft: #475569;
    color: #0f172a;
}

.app-theme-light .career-dashboard :where(
    .metric-card,
    .panel,
    .focus-card,
    .progress-metric-card,
    .next-milestone,
    .milestone-card,
    .coach-tip-card,
    .development-stage,
    .segmented-control,
    .dashboard-loading,
    .dashboard-error
) {
    border-color: #dbe3ee;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.app-theme-light .career-dashboard :where(
    .welcome-row h1,
    .panel-heading h2,
    .metric-card > strong,
    .direction-donut strong,
    .direction-stats strong,
    .development-stage h3,
    .trade-table td strong,
    .focus-card > h2,
    .focus-action p,
    .milestone-card > h3,
    .priority-list article strong,
    .coach-tip-card h3,
    .next-milestone h3,
    .emotion-table td strong
) {
    color: #0f172a;
}

.app-theme-light .career-dashboard :where(
    .welcome-row p,
    .panel-heading p,
    .metric-card > span,
    .metric-card > small,
    .chart-summary span,
    .chart-axis-row,
    .empty-chart,
    .mini-caption,
    .small-empty,
    .r-row > span,
    .r-row > strong,
    .direction-stats span,
    .direction-stats small,
    .development-stage > p,
    .stage-step,
    .trade-table th,
    .trade-table td,
    .focus-evidence,
    .focus-footer > span,
    .milestone-card > p,
    .milestone-card > small,
    .priority-list article span,
    .priority-list article p,
    .coach-tip-card p
) {
    color: #64748b;
}

.app-theme-light .career-dashboard :where(
    .period-control select,
    .direction-donut > div,
    .progress-ring > div
) {
    border-color: #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.app-theme-light .career-dashboard .grid-line {
    stroke: #e2e8f0;
}

/* Authenticated light theme: semantic utility colours */
.app-theme-light :is(
    [class~="text-cyan-200"],
    [class~="text-cyan-300"],
    [class~="text-cyan-400"]
) {
    color: #0e7490;
}

.app-theme-light :is(
    [class~="text-emerald-200"],
    [class~="text-emerald-300"],
    [class~="text-emerald-400"],
    [class~="text-green-300"],
    [class~="text-green-400"]
) {
    color: #047857;
}

.app-theme-light :is(
    [class~="text-blue-200"],
    [class~="text-blue-300"],
    [class~="text-blue-400"]
) {
    color: #1d4ed8;
}

.app-theme-light :is(
    [class~="text-amber-200"],
    [class~="text-amber-300"],
    [class~="text-amber-400"]
) {
    color: #b45309;
}

.app-theme-light :is(
    [class~="text-red-200"],
    [class~="text-red-300"],
    [class~="text-red-400"],
    [class~="text-rose-200"],
    [class~="text-rose-300"],
    [class~="text-rose-400"]
) {
    color: #be123c;
}

/* Dashboard */
.app-theme-light .career-dashboard .metric-card.primary {
    border-color: #99f6e4;
    background: linear-gradient(145deg, #ecfeff 0%, #f0fdfa 100%);
    box-shadow: 0 10px 26px rgba(13, 148, 136, 0.08);
}

.app-theme-light .career-dashboard .focus-card {
    border-color: #a5f3fc;
    background: linear-gradient(145deg, #ecfeff 0%, #ffffff 72%);
}

.app-theme-light .career-dashboard :is(.focus-action, .progress-track, .r-row > i) {
    border-color: #dbe3ee;
    background: #f1f5f9;
}

/* Behavioural Intelligence */
.app-theme-light .beh-page {
    --beh-bg: #f8fafc;
    --beh-panel: #ffffff;
    --beh-border: #cbd5e1;
    --beh-text: #0f172a;
    --beh-muted: #64748b;
    --beh-cyan: #0f766e;
    --beh-blue: #2563eb;
    --beh-positive: #047857;
    --beh-negative: #be123c;
    --beh-warning: #b45309;
    color: #0f172a;
    background:
        radial-gradient(circle at 78% -12%, rgba(59, 130, 246, 0.08), transparent 32%),
        radial-gradient(circle at 10% 0%, rgba(13, 148, 136, 0.08), transparent 27%),
        #f8fafc;
}

.app-theme-light .beh-page :is(.beh-range, .beh-section-nav, .beh-filters) {
    border-color: #cbd5e1;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

.app-theme-light .beh-page :is(.beh-discipline-card, .beh-process-card, .beh-panel) {
    border-color: #d6e0eb;
    background: linear-gradient(145deg, #ffffff, #f8fafc);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.app-theme-light .beh-page :is(
    .beh-outcome-grid button,
    .beh-records article,
    .beh-leak-list button,
    .beh-emotion-list button,
    .beh-heatmap button,
    .beh-cohorts button,
    .beh-score-ring > div,
    .beh-empty
) {
    border-color: #dbe3ee;
    background: #f8fafc;
    color: #1e293b;
}

.app-theme-light .beh-page :is(
    .beh-filter-toggle,
    .beh-performance-link,
    .beh-filter-actions button,
    .beh-filters input,
    .beh-filters select
) {
    border-color: #cbd5e1;
    background: #ffffff;
    color: #334155;
}

.app-theme-light .beh-page :is(.beh-range button:hover, .beh-filter-toggle:hover, .beh-performance-link:hover) {
    color: #0f172a;
    background: #eff6ff;
}

.app-theme-light .beh-page :is(h1, h2, h3) {
    color: #0f172a;
}

.app-theme-light .beh-page :is(
    .beh-header p,
    .beh-header small,
    .beh-section-heading p,
    .beh-discipline-copy p,
    .beh-coverage span,
    .beh-outcome-grid small,
    .beh-records span,
    .beh-records small,
    .beh-leak-list small,
    .beh-emotion-list small,
    .beh-heatmap small,
    .beh-cohorts span,
    .beh-cohorts small
) {
    color: #64748b;
}

.app-theme-light .beh-page :is(.beh-section-nav a, .beh-range button) {
    color: #475569;
}

.app-theme-light .beh-page :is(.beh-coverage i, .beh-emotion-list i, .beh-heat-cells i.no-data) {
    background: #e2e8f0;
}

/* Performance Analytics */
.app-theme-light .pi-page {
    --pi-bg: #f8fafc;
    --pi-panel: #ffffff;
    --pi-panel-strong: #f8fafc;
    --pi-border: #cbd5e1;
    --pi-text: #0f172a;
    --pi-muted: #64748b;
    --pi-positive: #047857;
    --pi-negative: #be123c;
    --pi-warning: #b45309;
    --pi-blue: #2563eb;
    color: #0f172a;
    background:
        radial-gradient(circle at 78% -12%, rgba(59, 130, 246, 0.08), transparent 32%),
        radial-gradient(circle at 10% 0%, rgba(13, 148, 136, 0.07), transparent 27%),
        #f8fafc;
}

.app-theme-light .pi-page :is(.pi-section-nav, .pi-filter-panel) {
    border-color: #cbd5e1;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

.app-theme-light .pi-page :is(.pi-kpi, .pi-insight-card, .pi-discipline-card, .pi-panel) {
    border-color: #d6e0eb;
    background: linear-gradient(145deg, #ffffff, #f8fafc);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.app-theme-light .pi-page :is(.pi-insight-card.positive, .pi-insight-card.warning, .pi-insight-card.danger) {
    background: linear-gradient(90deg, rgba(13, 148, 136, 0.07), transparent 42%), #ffffff;
}

.app-theme-light .pi-page :is(
    .pi-range-button,
    .pi-filter-toggle,
    .pi-button,
    .pi-filter-panel input,
    .pi-filter-panel select
) {
    border-color: #cbd5e1;
    background: #ffffff;
    color: #334155;
}

.app-theme-light .pi-page :is(.pi-range-button:hover, .pi-filter-toggle:hover, .pi-filter-toggle.active) {
    color: #1d4ed8;
    background: #eff6ff;
}

.app-theme-light .pi-page :is(.pi-button.primary) {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

.app-theme-light .pi-page :is(h1, h2, h3, .pi-kpi strong, .pi-playbook-name strong, .pi-review-list strong) {
    color: #0f172a;
}

.app-theme-light .pi-page :is(
    .pi-header p,
    .pi-period-context,
    .pi-kpi span,
    .pi-kpi small,
    .pi-chart-legend,
    .pi-chart-note,
    .pi-panel-heading > small,
    .pi-table-wrap th,
    .pi-table-wrap td,
    .pi-playbook-name small,
    .pi-review-list span,
    .pi-empty
) {
    color: #64748b;
}

.app-theme-light .pi-page :is(.pi-section-nav a, .pi-legend-row) {
    color: #475569;
}

.app-theme-light .pi-page :is(.pi-highlight-list, .pi-table-wrap td, .pi-review-list a, .pi-r-stats, .pi-coverage) {
    border-color: #e2e8f0;
}

/* Account and profile settings */
.app-theme-light .account-settings-tabs {
    border-color: #cbd5e1;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07);
}

.app-theme-light .account-settings-tabs__item {
    color: #475569;
}

.app-theme-light .account-settings-tabs__item:hover {
    color: #0f172a;
    background: #f1f5f9;
}

.app-theme-light .account-settings-tabs__item--active {
    border-color: #99f6e4;
    color: #065f46;
    background: linear-gradient(135deg, #ecfdf5, #f0fdfa);
}

.app-theme-light .account-settings-tabs__icon {
    border-color: #dbe3ee;
    color: #475569;
    background: #f1f5f9;
}

.app-theme-light .account-settings-tabs__item--active .account-settings-tabs__icon {
    border-color: #99f6e4;
    color: #047857;
    background: #d1fae5;
}

.app-theme-light .account-settings-tabs__item small,
.app-theme-light .account-settings-tabs__item--active small {
    color: #64748b;
}

.app-theme-light .trading-accounts-panel {
    --ta-border: #cbd5e1;
    --ta-border-strong: #94a3b8;
    --ta-surface: #ffffff;
    --ta-surface-strong: #f8fafc;
    --ta-text: #0f172a;
    --ta-muted: #64748b;
    --ta-teal: #0f766e;
    color: #0f172a;
}

.app-theme-light .trading-account-list {
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.app-theme-light .trading-account-row {
    border-color: #e2e8f0;
    background: #ffffff;
}

.app-theme-light .trading-account-row:hover {
    background: #f8fafc;
}

.app-theme-light .trading-account-row--active {
    background: linear-gradient(90deg, #ecfdf5, #ffffff 64%);
}

.app-theme-light .trading-account-row__mark {
    border-color: #6ee7b7;
    color: #065f46;
    background: #d1fae5;
}

.app-theme-light .trading-account-pill {
    border-color: #6ee7b7;
    color: #047857;
    background: #d1fae5;
}

.app-theme-light .trading-account-row__meta :is(small, strong) {
    color: #64748b;
}

.app-theme-light .trading-account-action--secondary {
    border-color: #cbd5e1;
    color: #334155;
    background: #ffffff;
}

.app-theme-light .trading-account-action--danger-ghost {
    border-color: #fecdd3;
    color: #be123c;
    background: #fff1f2;
}

.app-theme-light .trading-account-drawer {
    --ta-border: #dbe3ee;
    --ta-border-strong: #cbd5e1;
    --ta-text: #0f172a;
    --ta-muted: #64748b;
    --ta-teal: #0f766e;
    border-color: #cbd5e1;
    color: #0f172a;
    background: #ffffff;
    box-shadow: -24px 0 70px rgba(15, 23, 42, 0.18);
}

.app-theme-light .trading-account-drawer :is(.trading-account-drawer__header h3, .drawer-field__label) {
    color: #0f172a;
}

.app-theme-light .trading-account-drawer :is(.drawer-close, .drawer-control input, .drawer-control select) {
    border-color: #cbd5e1;
    color: #0f172a;
    background: #f8fafc;
    color-scheme: light;
}

.app-theme-light .trading-account-drawer .drawer-control select option {
    color: #0f172a;
    background: #ffffff;
}

.app-theme-light .trading-account-drawer .trading-account-drawer__footer {
    border-color: #dbe3ee;
    background: #f8fafc;
}

/* Contact Support */
.app-theme-light .support-page {
    color: #0f172a;
}

.app-theme-light .support-page .support-hero {
    border-color: #a5f3fc;
    background: linear-gradient(135deg, #ecfeff, #f8fafc 60%, #eff6ff);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
}

.app-theme-light .support-page :is(.support-info-card, .support-form-panel, .support-success) {
    border-color: #cbd5e1;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.app-theme-light .support-page :is(.support-hero h1, .support-form-heading h2, .support-success h2, .support-info-card strong) {
    color: #0f172a;
}

.app-theme-light .support-page :is(
    .support-hero p,
    .support-form-heading p,
    .support-info-card p,
    .support-success p,
    .support-checklist li,
    .support-privacy-note,
    .support-field-help,
    .support-form-footer p
) {
    color: #64748b;
}

.app-theme-light .support-page :is(.support-info-card--links a, .support-field label, .support-label-row label) {
    color: #334155;
}

.app-theme-light .support-page :is(
    .support-field input:not([type="checkbox"]):not([type="file"]),
    .support-field select,
    .support-field textarea,
    .support-upload,
    .support-attachment,
    .support-diagnostics
) {
    border-color: #cbd5e1;
    background: #f8fafc;
    color: #0f172a;
    color-scheme: light;
    box-shadow: inset 0 1px 0 #ffffff;
}

.app-theme-light .support-page :is(
    .support-upload strong,
    .support-attachment strong,
    .support-diagnostics strong
) {
    color: #1e293b;
}

.app-theme-light .support-page :is(
    .support-upload small,
    .support-attachment small,
    .support-diagnostics small,
    .support-label-row small
) {
    color: #64748b;
}

.app-theme-light .support-page .support-button--secondary {
    border-color: #cbd5e1;
    color: #334155;
    background: #ffffff;
}

.app-theme-light .support-page :is(.support-info-card, .support-form-panel, .support-success) {
    border-color: #cbd5e1;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.app-theme-light .support-page :is(
    .support-hero h1,
    .support-form-heading h2,
    .support-success h2,
    .support-info-card--response strong,
    .support-upload strong,
    .support-attachment strong,
    .support-diagnostics strong
) {
    color: #0f172a;
}

.app-theme-light .support-page :is(
    .support-hero p,
    .support-form-heading p,
    .support-info-card p,
    .support-success p,
    .support-checklist li,
    .support-info-card--links a,
    .support-privacy-note,
    .support-field label,
    .support-label-row label,
    .support-field-help,
    .support-form-footer p
) {
    color: #475569;
}

.app-theme-light .support-page :is(
    .support-form-panel input:not([type="checkbox"]):not([type="file"]),
    .support-form-panel select,
    .support-form-panel textarea
) {
    border-color: #cbd5e1;
    color: #0f172a;
    background: #f8fafc;
    box-shadow: inset 0 1px 0 #ffffff;
    color-scheme: light;
}

.app-theme-light .support-page :is(
    .support-upload,
    .support-attachment,
    .support-diagnostics,
    .support-reference
) {
    border-color: #cbd5e1;
    background: #f8fafc;
}

.app-theme-light .support-page :is(.support-form-heading, .support-form-footer, .support-info-card--links a + a) {
    border-color: #e2e8f0;
}

/* Application chrome */
.app-theme-light .app-sidebar {
    border-color: #dbe3ee;
    background: #f8fafc;
    box-shadow: 8px 0 28px rgba(15, 23, 42, 0.05);
}

.app-theme-light .app-topbar {
    border-color: #dbe3ee;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 4  14px rgba(15, 23, 42, 0.04);
}

.app-theme-light .nav-menu-shell {
    background:
        radial-gradient(circle at 50% 108%, rgba(13, 148, 136, 0.07), transparent 34%),
        #f8fafc;
}

.app-theme-light .nav-menu-shell .brand-row {
    border-color: #dbe3ee;
}

.app-theme-light .nav-menu-shell .brand-name {
    color: #0f172a;
}

.app-theme-light .nav-menu-shell .brand-subtitle {
    color: #475569;
}

.app-theme-light .nav-menu-shell .sidebar-toggle {
    border-color: #a5f3fc;
    color: #0e7490;
    background: #ecfeff;
}

.app-theme-light .nav-menu-shell .sidebar-toggle:hover {
    border-color: #22d3ee;
    color: #155e75;
    background: #cffafe;
}

.app-theme-light .nav-menu-shell .nav-section-heading span {
    color: #0f766e;
}

.app-theme-light .nav-menu-shell .nav-section-line {
    background: linear-gradient(90deg, #cbd5e1, transparent);
}

.app-theme-light .nav-menu-shell .nav-item {
    border-color: transparent;
    color: #334155;
}

.app-theme-light .nav-menu-shell .nav-item:hover {
    background: #eef2f7;
    color: #0f172a;
}

.app-theme-light .nav-menu-shell .nav-item.is-active {
    border-color: #a5f3fc;
    background: linear-gradient(90deg, #cffafe, #ecfeff 72%, #f8fafc);
    color: #0f172a;
    box-shadow: inset 3px 0 0 #06b6d4;
}

.app-theme-light .nav-menu-shell .nav-reminder-host {
    border-color: #dbe3ee;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.75), #f8fafc 28%);
}

.app-theme-light .nav-menu-shell .zen-reminder-card {
    border-color: #bae6fd;
    background: linear-gradient(145deg, #ecfeff, #ffffff);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.app-theme-light :is(.beh-section-nav, .pi-section-nav, .period-review-nav, .trade-review-nav) {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}

/* Trades */
.app-theme-light .trades-toolbar-grid .trades-performance-title {
    color: #0f172a;
}

.app-theme-light .trades-toolbar-grid .trade-metric-card {
    border-color: #d6e0eb;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.app-theme-light .trades-toolbar-grid :is(.trade-metric-label, .trade-metric-note, .trades-performance-subtitle) {
    color: #64748b;
}

.app-theme-light .trades-toolbar-grid .trade-metric-value {
    color: #0f172a;
}

.app-theme-light .trades-toolbar-grid .trade-metric-value.is-positive {
    color: #047857;
}

.app-theme-light .trades-toolbar-grid .trade-metric-value.is-negative {
    color: #be123c;
}

.app-theme-light .trades-actions-panel .trade-action-secondary {
    border-color: #cbd5e1;
    background: #ffffff;
    color: #334155;
}

.app-theme-light .trades-actions-panel .trade-action-broker {
    border-color: #99f6e4;
    background: #ecfdf5;
    color: #047857;
}

.app-theme-light .trades-actions-panel .trade-action-broker.has-work {
    border-color: #fcd34d;
    background: #fffbeb;
    color: #92400e;
}

.app-theme-light .broker-import-strip {
    border-color: #dbe3ee;
    background: #ffffff;
}

.app-theme-light .broker-import-strip.is-review {
    border-color: #fcd34d;
    background: #fffbeb;
}

.app-theme-light .broker-import-strip.is-error {
    border-color: #fda4af;
    background: #fff1f2;
}

.app-theme-light .broker-import-strip :is(.broker-import-title, .broker-import-cta) {
    color: #0f172a;
}

.app-theme-light .broker-import-strip :is(.broker-import-description, .broker-import-meta) {
    color: #64748b;
}

.app-theme-light .broker-import-strip .broker-import-cta {
    border-color: #cbd5e1;
    background: #ffffff;
}

.app-theme-light .trades-data-table tbody tr:nth-child(even) {
    background: #f1f5f9;
}

.app-theme-light .trades-data-table tbody tr:nth-child(odd) {
    background: #ffffff;
}

.app-theme-light .trades-data-table :is(th, td) {
    border-color: #e2e8f0;
    color: #334155;
}

.app-theme-light .trades-data-table th {
    color: #475569;
    background: #f8fafc;
}

.app-theme-light .trades-data-table .trade-actions-column,
.app-theme-light .trades-data-table thead .trade-actions-column,
.app-theme-light .trades-data-table .trade-data-row:hover .trade-actions-column {
    border-color: #dbe3ee;
    background: #f8fafc;
    box-shadow: -12px 0 22px rgba(15, 23, 42, 0.07);
}

.app-theme-light .trades-data-table .trade-row-actions button {
    color: #475569;
}

.app-theme-light .trade-mobile-card {
    border-color: #dbe3ee;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.app-theme-light .trade-mobile-actions,
.app-theme-light .trade-mobile-actions button {
    border-color: #e2e8f0;
    background: #f8fafc;
    color: #475569;
}

/* Calendar */
.app-theme-light .calendar-page {
    --calendar-bg: #f3f6fa;
    --calendar-panel: #ffffff;
    --calendar-panel-strong: #f8fafc;
    --calendar-border: #cbd5e1;
    --calendar-muted: #64748b;
    --calendar-text: #0f172a;
    --calendar-blue: #2563eb;
    --calendar-positive: #047857;
    --calendar-negative: #be123c;
    --calendar-warning: #b45309;
    --calendar-neutral: #64748b;
    color: #0f172a;
    background:
        radial-gradient(circle at 78% -10%, rgba(59, 130, 246, 0.07), transparent 32%),
        radial-gradient(circle at 8% 14%, rgba(16, 185, 129, 0.06), transparent 28%),
        #f3f6fa;
}

.app-theme-light .calendar-page .calendar-hero :is(h1, h2) {
    color: #0f172a;
}

.app-theme-light .calendar-page .calendar-eyebrow {
    color: #2563eb;
}

.app-theme-light .calendar-page :is(.month-identity, .calendar-metric, .calendar-coach, .calendar-card, .insight-widget) {
    border-color: #d6e0eb;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.app-theme-light .calendar-page :is(.month-identity strong, .calendar-metric strong, .coach-copy strong, .coach-stat strong, .month-title strong, .widget-heading h2, .playbook-row strong) {
    color: #0f172a;
}

.app-theme-light .calendar-page :is(.calendar-hero p, .calendar-hero small, .month-identity-label, .calendar-metric .metric-label, .calendar-metric small, .coach-copy p, .coach-stat span, .context-copy span, .widget-heading span, .widget-legend, .playbook-meta, .widget-empty) {
    color: #64748b;
}

.app-theme-light .calendar-page :is(.calendar-toolbar, .calendar-context, .weekday-grid, .calendar-footer) {
    border-color: #dbe3ee;
    background: #f8fafc;
}

.app-theme-light .calendar-page :is(.calendar-icon-button, .today-button, .calendar-view-switcher) {
    border-color: #cbd5e1;
    background: #ffffff;
    color: #334155;
}

.app-theme-light .calendar-page .view-button {
    color: #475569;
}

.app-theme-light .calendar-page .view-button:hover {
    color: #0f172a;
    background: #eef2ff;
}

.app-theme-light .calendar-page .view-button.active {
    color: #ffffff;
    background: #2563eb;
}

.app-theme-light .calendar-page .calendar-day {
    border-color: #e2e8f0;
    color: #0f172a;
    background: #ffffff;
}

.app-theme-light .calendar-page .calendar-day:hover {
    background: #eff6ff;
}

.app-theme-light .calendar-page .calendar-day.outside {
    color: #94a3b8;
    background: #f8fafc;
}

.app-theme-light .calendar-page .calendar-day.is-today {
    background: #eff6ff;
    box-shadow: inset 0 0 0 2px #60a5fa;
}

.app-theme-light .calendar-page .calendar-day:is(.mode-outcome.profit, .mode-discipline.process-strong) {
    background: linear-gradient(145deg, #ecfdf5, #ffffff 72%);
}

.app-theme-light .calendar-page .calendar-day:is(.mode-outcome.loss, .mode-discipline.process-review) {
    background: linear-gradient(145deg, #fff1f2, #ffffff 72%);
}

.app-theme-light .calendar-page .calendar-day:is(.mode-outcome.flat, .mode-discipline.process-unknown) {
    background: linear-gradient(145deg, #f1f5f9, #ffffff 72%);
}

.app-theme-light .calendar-page .calendar-day.mode-discipline.process-mixed {
    background: linear-gradient(145deg, #fffbeb, #ffffff 72%);
}

.app-theme-light .calendar-page :is(.day-number, .day-breakdown b, .discipline-copy strong) {
    color: #334155;
}

.app-theme-light .calendar-page .value-positive {
    color: #047857 !important;
}

.app-theme-light .calendar-page .value-negative {
    color: #be123c !important;
}

.app-theme-light .calendar-page .value-flat {
    color: #334155 !important;
}

.app-theme-light .calendar-page :is(.no-trade-state, .no-trade-state small, .outside-month, .discipline-copy, .day-breakdown) {
    color: #64748b;
}

.app-theme-light .calendar-page .heatmap-cell.no-data {
    border-color: #cbd5e1;
    background: #e2e8f0;
}

/* Zen AI Coach */
.app-theme-light .ai-review-desktop-layout {
    border-color: #cbd5e1;
    background: #f3f6fa;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.app-theme-light .ai-review-desktop-layout .ai-review-sidebar {
    border-color: #dbe3ee;
    background: #ffffff;
}

.app-theme-light .ai-review-desktop-layout .ai-review-content {
    background: #f3f6fa;
}

.app-theme-light :is(.ai-review-desktop-layout, .period-review-root, .trade-review-root) :is(
    [class*="bg-slate-900/"],
    [class*="bg-slate-950/"],
    [class~="bg-slate-900"],
    [class~="bg-slate-950"]
) {
    background-color: #ffffff;
}

.app-theme-light :is(.period-review-root, .trade-review-root) :is(
    [class*="bg-slate-800/"],
    [class~="bg-slate-800"]
) {
    background-color: #f8fafc;
}

.app-theme-light :is(.period-review-root, .trade-review-root) :is(
    [class~="rounded-2xl"][class~="border-slate-800"],
    [class~="rounded-xl"][class~="border-slate-800"]
) {
    border-color: #d6e0eb;
    background-color: #ffffff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
}

.app-theme-light .ai-review-desktop-layout .ai-review-sidebar button[class*="border-slate"] {
    border-color: #dbe3ee;
    background: #ffffff;
}

.app-theme-light .ai-review-desktop-layout .ai-review-sidebar button[class*="border-blue"] {
    border-color: #60a5fa;
    background: #eff6ff;
}

.app-theme-light .period-review-score-ring::before {
    background: #ffffff;
}

.app-theme-light :is(.period-review-next-focus, .trade-review-next-focus) {
    border-color: #fde68a;
    background: linear-gradient(135deg, #fffbeb, #ffffff);
    box-shadow: 0 10px 26px rgba(146, 64, 14, 0.06);
}

.app-theme-light :is(.period-review-next-focus-action, .trade-review-next-focus-action) {
    border-color: #dbe3ee;
    background: #ffffff;
}

.app-theme-light :is(.period-review-next-focus-title, .trade-review-next-focus-title) {
    color: #0f172a;
}

.app-theme-light :is(.period-review-next-focus-action-text, .trade-review-next-focus-action-text) {
    color: #334155;
}

/* Behaviour and Performance embedded sections */
.app-theme-light :is(.action-root, .evolution-root, .evidence-root) {
    --ac-border: #cbd5e1;
    --ac-panel: #ffffff;
    --ac-positive: #047857;
    --ac-negative: #be123c;
    --ac-warning: #b45309;
    --ac-blue: #2563eb;
    --ac-muted: #64748b;
    --ev-border: #cbd5e1;
    --ev-panel: #ffffff;
    --ev-muted: #64748b;
    --ev-positive: #047857;
    --ev-negative: #be123c;
    --ev-warning: #b45309;
    --ev-blue: #2563eb;
    color: #0f172a;
}

.app-theme-light :is(.action-root, .evolution-root, .evidence-root) :is(h2, h3) {
    color: #0f172a;
}

.app-theme-light :is(.action-readiness, .action-experiment, .action-panel, .evolution-hero, .evolution-panel, .evidence-hero, .evidence-panel, .evidence-card) {
    border-color: #d6e0eb;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.app-theme-light :is(.action-readiness.positive, .action-readiness.warning, .action-readiness.negative, .action-readiness.blue) {
    background: linear-gradient(100deg, rgba(13, 148, 136, 0.06), transparent 42%), #ffffff;
}

.app-theme-light :is(.action-experiment, .action-experiment.negative, .action-experiment.blue) {
    background: linear-gradient(110deg, #fffbeb, #ffffff 46%);
}

.app-theme-light .action-root :is(
    .action-readiness-context > div,
    .action-dimensions > div,
    .action-experiment-copy dl > div,
    .action-priority-list > button,
    .action-priority-measure,
    .action-signal-grid button
) {
    border-color: #dbe3ee;
    background: #f8fafc;
}

.app-theme-light .action-root :is(
    .action-readiness-chart > div strong,
    .action-readiness-copy h3,
    .action-readiness-context strong,
    .action-experiment-copy h3,
    .action-panel > header h3,
    .action-priority-copy strong,
    .action-priority-measure strong
) {
    color: #0f172a;
}

.app-theme-light .action-root :is(
    .action-readiness-copy > p,
    .action-readiness-copy details p,
    .action-dimensions small,
    .action-experiment-copy > p,
    .action-experiment-copy dt,
    .action-priority-copy p
) {
    color: #64748b;
}

.app-theme-light .pi-page :is(
    .pi-luck-card,
    .pi-emotion-table button,
    .pi-evolution-list > button,
    .pi-cohort-list > button,
    .pi-risk-story-metrics > div,
    .pi-risk-story-metrics > button,
    .pi-change-list > article,
    .pi-edge-table > button,
    .pi-record-grid > article
) {
    border-color: #dbe3ee;
    background: #ffffff;
    color: #334155;
}

.app-theme-light .pi-page :is(
    .pi-luck-card.positive,
    .pi-luck-card.warning,
    .pi-luck-card.negative,
    .pi-luck-card.blue,
    .pi-risk-story.positive,
    .pi-risk-story.warning,
    .pi-risk-story.negative
) {
    background: linear-gradient(120deg, rgba(13, 148, 136, 0.05), transparent 45%), #ffffff;
}

.app-theme-light .pi-page :is(
    .pi-evolution-metrics > div,
    .pi-cohort-metrics > div,
    .pi-change-list dl > div,
    .pi-drawer-summary > div
) {
    background: #f1f5f9;
}

.app-theme-light .pi-page :is(
    .pi-luck-card strong,
    .pi-leak-copy strong,
    .pi-evolution-title strong,
    .pi-cohort-title strong,
    .pi-risk-story-metrics strong,
    .pi-change-list > article > div > strong,
    .pi-record-grid strong
) {
    color: #0f172a;
}

.app-theme-light .pi-page :is(
    .pi-luck-card small,
    .pi-leak-copy small,
    .pi-evolution-title span,
    .pi-evolution-list p,
    .pi-cohort-title small,
    .pi-risk-story-copy,
    .pi-change-list > article > div > span,
    .pi-record-grid small
) {
    color: #64748b;
}

.app-theme-light .pi-page :is(
    .pi-risk-story-metrics strong,
    .pi-change-list dd
) {
    color: #0f172a;
}

.app-theme-light .pi-page :is(
    .pi-risk-story-metrics span,
    .pi-risk-story-metrics small,
    .pi-change-list dt
) {
    color: #64748b;
}

.app-theme-light :is(.beh-drawer, .pi-drilldown-drawer, .action-drawer, .evolution-drawer) {
    border-color: #cbd5e1;
    color: #0f172a;
    background: #ffffff;
    box-shadow: -24px 0 60px rgba(15, 23, 42, 0.18);
}

/* Dashboard light mode: screen-specific contrast and surface pass.
   These declarations intentionally carry higher specificity than the
   component's isolated dark-theme selectors. */
.app-theme-light .career-dashboard {
    --panel: #ffffff;
    --panel-strong: #ffffff;
    --border: #cbd5e1;
    --border-soft: #d7e0eb;
    --muted: #64748b;
    --soft: #334155;
}

.app-theme-light .career-dashboard .welcome-row h1 {
    color: #0b1220 !important;
}

.app-theme-light .career-dashboard :is(
    .eyebrow,
    .section-kicker,
    .stage-label,
    .focus-action > span,
    .success-measure > span,
    .coach-tip-card span
) {
    color: #0f766e !important;
}

.app-theme-light .career-dashboard :is(
    .welcome-row p,
    .panel-heading p,
    .metric-card > small,
    .chart-summary span,
    .chart-axis-row,
    .empty-chart,
    .mini-caption,
    .small-empty,
    .direction-stats small,
    .progress-metric-card > p,
    .next-milestone > p,
    .emotion-table th,
    .emotion-table td,
    .trade-table th,
    .trade-table td,
    .focus-evidence,
    .focus-footer > span,
    .milestone-card > p,
    .milestone-card > small,
    .priority-list article span,
    .priority-list article p,
    .coach-tip-card p
) {
    color: #526176 !important;
}

.app-theme-light .career-dashboard :is(
    .metric-card > span,
    .r-row > span,
    .r-row > strong,
    .direction-stats span,
    .progress-row span,
    .progress-row strong,
    .next-milestone .milestone-progress-row strong,
    .emotion-table td,
    .trade-table td,
    .behaviour-insight,
    .development-stage > p,
    .stage-step
) {
    color: #334155 !important;
}

.app-theme-light .career-dashboard :is(
    .panel-heading h2,
    .chart-summary strong,
    .direction-donut strong,
    .direction-stats strong,
    .progress-metric-card > span,
    .progress-ring strong,
    .milestone-title,
    .next-milestone h3,
    .development-stage h3,
    .emotion-table td strong,
    .trade-table td strong,
    .behaviour-insight strong,
    .focus-card > h2,
    .focus-action p,
    .milestone-card > h3,
    .priority-list article strong,
    .coach-tip-card h3
) {
    color: #0b1220 !important;
}

.app-theme-light .career-dashboard .metric-card > strong:not(.positive-value):not(.negative-value):not(.neutral-value) {
    color: #0f172a !important;
}

.app-theme-light .career-dashboard .period-control label {
    color: #334155 !important;
}

.app-theme-light .career-dashboard .period-control > span {
    color: #526176 !important;
}

.app-theme-light .career-dashboard .period-control select {
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.app-theme-light .career-dashboard :is(.metric-card, .panel, .progress-metric-card, .next-milestone, .milestone-card, .coach-tip-card) {
    border-color: #d7e0eb !important;
    background: #ffffff !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.055) !important;
}

.app-theme-light .career-dashboard .metric-card.primary {
    border-color: #99e7e2 !important;
    background: linear-gradient(145deg, #ecfdfb 0%, #f7fffe 100%) !important;
}

.app-theme-light .career-dashboard .metric-card::after {
    border-color: rgba(15, 118, 110, 0.08);
}

.app-theme-light .career-dashboard .panel-heading {
    border-bottom-color: #d7e0eb !important;
}

.app-theme-light .career-dashboard .metric-icon {
    border-color: #bae6fd;
    color: #0e7490;
    background: #ecfeff;
}

.app-theme-light .career-dashboard :is(.progress-track, .bar-track, .experiment-progress-track) {
    background: #cbd6e2 !important;
}

.app-theme-light .career-dashboard .progress-ring {
    background: conic-gradient(var(--ring-colour) 0 var(--ring-angle), #cbd6e2 var(--ring-angle) 360deg) !important;
    box-shadow: none !important;
}

.app-theme-light .career-dashboard .progress-ring::before,
.app-theme-light .career-dashboard .direction-donut::before {
    border-color: #d7e0eb !important;
    background: #ffffff !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08) !important;
}

.app-theme-light .career-dashboard :is(.segmented-control, .development-stage) {
    border-color: #d7e0eb !important;
    background: #f8fafc !important;
}

.app-theme-light .career-dashboard .segmented-control button {
    color: #475569 !important;
}

.app-theme-light .career-dashboard .segmented-control button.active {
    color: #115e59 !important;
    background: #ccfbf1 !important;
    box-shadow: inset 0 0 0 1px #5eead4, 0 1px 2px rgba(15, 118, 110, 0.08) !important;
}

.app-theme-light .career-dashboard .focus-card {
    border-color: #99e7e2 !important;
    background: linear-gradient(145deg, #ecfeff 0%, #ffffff 72%) !important;
    box-shadow: 0 8px 22px rgba(15, 118, 110, 0.08) !important;
}

.app-theme-light .career-dashboard .focus-action {
    border-left-color: #0891b2 !important;
    background: #ecfeff !important;
}

.app-theme-light .career-dashboard .focus-alert {
    border-color: #fecdd3 !important;
    color: #9f1239 !important;
    background: #fff1f2 !important;
}

.app-theme-light .career-dashboard :is(.source-badge, .experiment-progress, .success-measure, .behaviour-insight) {
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
}

.app-theme-light .career-dashboard .success-measure {
    border-color: #a7f3d0 !important;
    background: #ecfdf5 !important;
}

.app-theme-light .career-dashboard .success-measure strong {
    color: #047857 !important;
}

.app-theme-light .career-dashboard .next-milestone > a {
    border-color: #0f766e !important;
    color: #ffffff !important;
    background: #0f766e !important;
}

.app-theme-light .career-dashboard .next-milestone > a:hover {
    border-color: #115e59 !important;
    color: #ffffff !important;
    background: #115e59 !important;
}

.app-theme-light .career-dashboard :is(.emotion-table td, .trade-table td) {
    border-top-color: #e2e8f0 !important;
}

.app-theme-light .career-dashboard .direction-stats > div,
.app-theme-light .career-dashboard .priority-list article,
.app-theme-light .career-dashboard .focus-footer {
    border-color: #e2e8f0 !important;
}

.app-theme-light .career-dashboard :is(.recent-panel a, .focus-footer a) {
    color: #0e7490 !important;
}

.app-theme-light .career-dashboard .positive-value {
    color: #047857 !important;
}

.app-theme-light .career-dashboard .negative-value {
    color: #be123c !important;
}

.app-theme-light .career-dashboard .neutral-value {
    color: #334155 !important;
}

.app-theme-light .career-dashboard .metric-card:nth-child(2) > strong {
    color: #7c3aed !important;
}

.app-theme-light .career-dashboard .metric-card.profit-factor-card > strong {
    color: #0f766e !important;
}

.app-theme-light .career-dashboard .metric-card:nth-child(5) > strong {
    color: #be123c !important;
}

.app-theme-light .career-dashboard :is(.dashboard-loading strong, .dashboard-error strong, .readiness-score strong) {
    color: #0f172a !important;
}

.app-theme-light .career-dashboard :is(.dashboard-loading small, .dashboard-error span, .readiness-score span, .experiment-progress-label) {
    color: #64748b !important;
}

.app-theme-light .career-dashboard .dashboard-error button {
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    background: #ffffff !important;
}

.app-theme-light .career-dashboard .readiness-score {
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
}

.app-theme-light .career-dashboard .readiness-score.positive {
    border-color: #a7f3d0 !important;
    background: #ecfdf5 !important;
}

.app-theme-light .career-dashboard .readiness-score.warning {
    border-color: #fde68a !important;
    background: #fffbeb !important;
}

.app-theme-light .career-dashboard .readiness-score.negative {
    border-color: #fecdd3 !important;
    background: #fff1f2 !important;
}

.app-theme-light .career-dashboard :is(.ai-brand, .ai-brand i, .focus-evidence i, .behaviour-insight i) {
    color: #0e7490 !important;
}

.app-theme-light .career-dashboard .source-badge {
    border-color: #cbd5e1 !important;
    color: #475569 !important;
    background: #f8fafc !important;
}

.app-theme-light .career-dashboard :is(.source-badge.ai, .source-badge.fallback) {
    border-color: #a5f3fc !important;
    color: #0e7490 !important;
    background: #ecfeff !important;
}

.app-theme-light .career-dashboard .experiment-progress-label strong {
    color: #334155 !important;
}

.app-theme-light .career-dashboard .experiment-progress small {
    color: #047857 !important;
}

.app-theme-light .career-dashboard .priority-rank {
    border-color: #cbd5e1 !important;
    color: #475569 !important;
    background: #f1f5f9 !important;
}

.app-theme-light .career-dashboard .priority-rank.positive {
    border-color: #a7f3d0 !important;
    color: #047857 !important;
    background: #ecfdf5 !important;
}

.app-theme-light .career-dashboard .priority-rank.warning {
    border-color: #fde68a !important;
    color: #a16207 !important;
    background: #fffbeb !important;
}

.app-theme-light .career-dashboard .priority-rank.negative {
    border-color: #fecdd3 !important;
    color: #be123c !important;
    background: #fff1f2 !important;
}

.app-theme-light .career-dashboard .priority-rank.blue {
    border-color: #bfdbfe !important;
    color: #1d4ed8 !important;
    background: #eff6ff !important;
}

.app-theme-light .career-dashboard .tip-icon {
    border-color: #a5f3fc !important;
    color: #0e7490 !important;
    background: #ecfeff !important;
}

.app-theme-light .career-dashboard .stage-step.done {
    color: #475569 !important;
}

.app-theme-light .career-dashboard .stage-step.current {
    color: #0f172a !important;
}

.app-theme-light .career-dashboard .stage-step :is(i),
.app-theme-light .career-dashboard .stage-step.done i,
.app-theme-light .career-dashboard .stage-step.current i {
    border-color: #99e7e2 !important;
    color: #0f766e !important;
    background: #ecfdfb !important;
}

/* Dashboard light mode: visual hierarchy and colour character. */
.app-theme-light .main-page-scroll:has(.career-dashboard) {
    background: #edf2f7;
}

.app-theme-light .career-dashboard :is(.metric-card, .panel, .progress-metric-card, .next-milestone, .milestone-card, .coach-tip-card) {
    border-color: #c5d1de !important;
    background: #fefefe !important;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.055),
        0 7px 19px rgba(51, 65, 85, 0.07) !important;
}

.app-theme-light .career-dashboard .metric-card {
    border-top-width: 1px !important;
    border-top-color: #c5d1de !important;
}

.app-theme-light .career-dashboard .metric-card.primary {
    border-color: #b8deda !important;
    border-top-color: #b8deda !important;
    background: #f8fcfb !important;
}

.app-theme-light .career-dashboard .metric-card:nth-child(2) {
    border-top-color: #c5d1de !important;
    background: #ffffff !important;
}

.app-theme-light .career-dashboard .metric-card.expectancy-card {
    border-top-color: #c5d1de !important;
    background: #ffffff !important;
}

.app-theme-light .career-dashboard .metric-card.profit-factor-card {
    border-top-color: #c5d1de !important;
    background: #ffffff !important;
}

.app-theme-light .career-dashboard .metric-card:nth-child(5) {
    border-top-color: #c5d1de !important;
    background: #ffffff !important;
}

.app-theme-light .career-dashboard .metric-card:nth-child(2) .metric-icon {
    border-color: #ddd6fe !important;
    color: #7c3aed !important;
    background: #f5f3ff !important;
}

.app-theme-light .career-dashboard .metric-card.expectancy-card .metric-icon {
    border-color: #bfdbfe !important;
    color: #2563eb !important;
    background: #eff6ff !important;
}

.app-theme-light .career-dashboard .metric-card.profit-factor-card .metric-icon {
    border-color: #99f6e4 !important;
    color: #0f766e !important;
    background: #ecfdf5 !important;
}

.app-theme-light .career-dashboard .metric-card:nth-child(5) .metric-icon {
    border-color: #fecdd3 !important;
    color: #be123c !important;
    background: #fff1f2 !important;
}

.app-theme-light .career-dashboard .panel-heading {
    border-bottom-color: #cbd6e2 !important;
    background: #f1f5f9 !important;
}

.app-theme-light .career-dashboard .performance-panel .panel-heading {
    box-shadow: inset 3px 0 0 #14b8a6;
    background: #f1f5f9 !important;
}

.app-theme-light .career-dashboard .performance-panel .equity-chart {
    background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
}

.app-theme-light .career-dashboard .analysis-grid > .panel:first-child .panel-heading {
    background: #f1f5f9 !important;
}

.app-theme-light .career-dashboard .analysis-grid > .panel:last-child .panel-heading {
    background: #f1f5f9 !important;
}

.app-theme-light .career-dashboard .progress-panel .panel-heading {
    box-shadow: inset 3px 0 0 #14b8a6;
    background: #f1f5f9 !important;
}

.app-theme-light .career-dashboard .progress-metric-card:nth-child(1) {
    border-top: 1px solid #d4dee9 !important;
    background: #ffffff !important;
}

.app-theme-light .career-dashboard .progress-metric-card:nth-child(2) {
    border-top: 1px solid #d4dee9 !important;
    background: #ffffff !important;
}

.app-theme-light .career-dashboard .progress-metric-card:nth-child(3) {
    border-top: 1px solid #d4dee9 !important;
    background: #ffffff !important;
}

.app-theme-light .career-dashboard .progress-metric-card:nth-child(4) {
    border-top: 1px solid #d4dee9 !important;
    background: #ffffff !important;
}

.app-theme-light .career-dashboard .next-milestone {
    border-top: 1px solid #e5d7b2 !important;
    border-color: #e5d7b2 !important;
    background: #fffdf7 !important;
}

.app-theme-light .career-dashboard .milestone-title i {
    border-color: #fde68a !important;
    color: #a16207 !important;
    background: #fef3c7 !important;
}

.app-theme-light .career-dashboard .emotion-panel .panel-heading {
    box-shadow: inset 3px 0 0 #14b8a6;
    background: #f1f5f9 !important;
}

.app-theme-light .career-dashboard .recent-panel .panel-heading {
    box-shadow: inset 3px 0 0 #14b8a6;
    background: #f1f5f9 !important;
}

.app-theme-light .career-dashboard :is(.emotion-table thead, .trade-table thead) {
    background: #f1f5f9;
}

.app-theme-light .career-dashboard :is(.emotion-table tbody tr:nth-child(even), .trade-table tbody tr:nth-child(even)) {
    background: #f8fafc;
}

.app-theme-light .career-dashboard :is(.emotion-table tbody tr, .trade-table tbody tr) {
    transition: background-color 0.15s ease;
}

.app-theme-light .career-dashboard :is(.emotion-table tbody tr:hover, .trade-table tbody tr:hover) {
    background: #ecfeff;
}

.app-theme-light .career-dashboard .side-pill.long {
    color: #0f766e !important;
    background: #ccfbf1 !important;
}

.app-theme-light .career-dashboard .side-pill.short {
    color: #be123c !important;
    background: #ffe4e6 !important;
}

.app-theme-light .career-dashboard .side-pill.neutral {
    color: #475569 !important;
    background: #e2e8f0 !important;
}

.app-theme-light .career-dashboard .focus-card {
    border-color: #9ccfca !important;
    background:
        linear-gradient(145deg, #eefaf8 0%, #ffffff 72%) !important;
    box-shadow:
        0 1px 2px rgba(15, 118, 110, 0.06),
        0 8px 22px rgba(15, 118, 110, 0.075) !important;
}

.app-theme-light .career-dashboard .milestone-card {
    border-top: 1px solid #d4dee9 !important;
    background: #ffffff !important;
}

.app-theme-light .career-dashboard .coach-tip-card {
    border-top: 1px solid #d4dee9 !important;
    background: #ffffff !important;
}

.app-theme-light .career-dashboard .behaviour-insight {
    border-color: #bae6fd !important;
    background: #f0f9ff !important;
}

.app-theme-light .career-dashboard .segmented-control {
    gap: 2px;
    padding: 3px;
    border-color: #b9c6d4 !important;
    border-radius: 9px;
    background: #e2e8f0 !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06);
}

.app-theme-light .career-dashboard .segmented-control button {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent !important;
    border-radius: 6px;
    color: #475569 !important;
    font-weight: 750;
    line-height: 1;
}

.app-theme-light .career-dashboard .segmented-control button:hover:not(.active) {
    color: #0f172a !important;
    background: rgba(255, 255, 255, 0.65) !important;
}

.app-theme-light .career-dashboard .segmented-control button.active {
    border-color: #0f766e !important;
    color: #ffffff !important;
    background: #0f766e !important;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.08),
        0 3px 7px rgba(15, 118, 110, 0.20) !important;
}

.app-theme-light .career-dashboard .segmented-control button:focus-visible {
    outline: 2px solid rgba(13, 148, 136, 0.38);
    outline-offset: 2px;
}

.app-theme-light .career-dashboard .period-control select:hover {
    border-color: #94a3b8 !important;
}

.app-theme-light .career-dashboard .period-control select:focus {
    border-color: #14b8a6 !important;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.14) !important;
}

.app-theme-light .career-dashboard :is(
    .metric-card.dashboard-data-tip:hover,
    .metric-card.dashboard-data-tip:focus-visible,
    .progress-metric-card.dashboard-data-tip:hover,
    .progress-metric-card.dashboard-data-tip:focus-visible,
    .direction-donut.dashboard-data-tip:hover,
    .direction-donut.dashboard-data-tip:focus-visible
) {
    border-color: #8fc9c4 !important;
    box-shadow:
        0 2px 5px rgba(15, 23, 42, 0.05),
        0 10px 24px rgba(15, 118, 110, 0.085) !important;
}

.app-theme-light .career-dashboard :is(
    .metric-card:nth-child(2) > strong,
    .metric-card.profit-factor-card > strong,
    .metric-card:nth-child(5) > strong
) {
    color: #0f172a !important;
}

/* Dashboard light mode: secondary copy remains readable at reduced browser zoom. */
.app-theme-light .career-dashboard :is(.metric-card > small, .chart-summary span, .mini-caption) {
    font-size: 11px !important;
}

.app-theme-light .career-dashboard :is(
    .panel-heading p,
    .small-empty,
    .progress-metric-card > p,
    .next-milestone > p
) {
    font-size: 11.5px !important;
}

.app-theme-light .career-dashboard :is(
    .chart-axis-row,
    .r-row > span,
    .r-row > strong,
    .direction-stats small,
    .emotion-table td,
    .trade-table td,
    .side-pill
) {
    font-size: 11px !important;
}

.app-theme-light .career-dashboard :is(
    .focus-alert,
    .focus-evidence,
    .focus-footer > span,
    .milestone-card > p,
    .milestone-card > small,
    .priority-list article p,
    .coach-tip-card p,
    .behaviour-insight
) {
    font-size: 10.5px !important;
}

.app-theme-light .career-dashboard :is(
    .emotion-table th,
    .trade-table th,
    .priority-list article span,
    .source-badge
) {
    font-size: 9.5px !important;
}

/* Authenticated sidebar: polished light-mode navigation. */
.app-theme-light .app-sidebar {
    border-right-color: #cbd6e2 !important;
    background: #eef3f7 !important;
    box-shadow:
        1px 0 0 rgba(255, 255, 255, 0.92),
        10px 0 30px rgba(51, 65, 85, 0.075) !important;
}

.app-theme-light .nav-menu-shell {
    padding: 10px;
    background:
        linear-gradient(180deg, #f8fafc 0%, #f2f6f9 64%, #edf3f7 100%) !important;
}

.app-theme-light .nav-menu-shell .nav-menu-header {
    padding: 2px 0 8px;
}

.app-theme-light .nav-menu-shell .brand-row {
    min-height: 58px;
    padding: 5px 4px 10px;
    border: 0 !important;
    border-bottom: 1px solid #cbd6e2 !important;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.app-theme-light .nav-menu-shell .brand-mark {
    border: 1px solid #9ddfd9;
    background: #ecfdfb;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.12);
}

.app-theme-light .nav-menu-shell .brand-name {
    color: #0b1220 !important;
    font-size: 14.5px;
    font-weight: 820;
}

.app-theme-light .nav-menu-shell .brand-subtitle {
    color: #526176 !important;
    font-size: 10px;
}

.app-theme-light .nav-menu-shell .sidebar-toggle {
    width: 30px;
    height: 30px;
    border-color: #99dcd6 !important;
    border-radius: 9px;
    color: #0f766e !important;
    background: #ecfdfb !important;
    box-shadow: 0 1px 3px rgba(15, 118, 110, 0.08);
}

.app-theme-light .nav-menu-shell .sidebar-toggle:hover {
    border-color: #5eead4 !important;
    color: #115e59 !important;
    background: #ccfbf1 !important;
    transform: translateY(-1px);
}

.app-theme-light .nav-menu-shell .nav-menu-scroll {
    padding: 8px 0 16px;
    scrollbar-color: transparent transparent;
}

.app-theme-light .nav-menu-shell .nav-menu-scroll:hover {
    scrollbar-color: #c3ceda transparent;
}

.app-theme-light .nav-menu-shell .nav-menu-scroll::-webkit-scrollbar-thumb {
    background: transparent;
}

.app-theme-light .nav-menu-shell .nav-menu-scroll:hover::-webkit-scrollbar-thumb {
    background: #c3ceda;
}

.app-theme-light .nav-menu-shell .nav-section-heading {
    gap: 10px;
    margin-top: 18px;
    margin-bottom: 7px;
    padding: 0 8px;
}

.app-theme-light .nav-menu-shell .nav-section-heading span {
    color: #0f766e !important;
    font-size: 9.5px;
    font-weight: 850;
    letter-spacing: 0.13em;
}

.app-theme-light .nav-menu-shell .nav-section-line {
    background: linear-gradient(90deg, #bdcad8 0%, rgba(189, 202, 216, 0.18) 84%, transparent) !important;
}

.app-theme-light .nav-menu-shell .nav-item {
    min-height: 40px;
    padding: 0 9px;
    border-color: transparent !important;
    border-radius: 9px;
    color: #334155 !important;
}

.app-theme-light .nav-menu-shell .nav-item .nav-item-text {
    font-size: 13.5px;
    font-weight: 600;
}

.app-theme-light .nav-menu-shell .nav-item .nav-item-icon {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #64748b;
}

.app-theme-light .nav-menu-shell .nav-item .nav-item-chevron {
    color: #64748b;
}

.app-theme-light .nav-menu-shell .nav-item:hover {
    border-color: #d6e1eb !important;
    color: #0f172a !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: 0 2px 8px rgba(51, 65, 85, 0.055);
}

.app-theme-light .nav-menu-shell .nav-item:hover .nav-item-icon {
    border-color: #c8e9e5;
    color: #0f766e;
    background: #f0fdfa;
}

.app-theme-light .nav-menu-shell .nav-item.is-active {
    border-color: #bfd8d5 !important;
    color: #0b1220 !important;
    background: #ffffff !important;
    box-shadow:
        inset 2px 0 0 #0d9488,
        0 2px 8px rgba(15, 118, 110, 0.075) !important;
}

.app-theme-light .nav-menu-shell .nav-item.is-active .nav-item-text {
    font-weight: 700;
}

.app-theme-light .nav-menu-shell .nav-item.is-active .nav-item-icon {
    border-color: #0f766e;
    color: #ffffff !important;
    background: #0f766e !important;
    box-shadow: 0 2px 6px rgba(15, 118, 110, 0.16);
}

.app-theme-light .nav-menu-shell .nav-item.is-active .nav-item-chevron {
    color: #0f766e !important;
    opacity: 0.8;
}

.app-theme-light .nav-menu-shell .nav-reminder-host {
    padding: 9px 0 0;
    border-top-color: #cbd6e2 !important;
    background: transparent !important;
}

.app-theme-light .nav-menu-shell .zen-reminder-card {
    min-height: 106px;
    margin-bottom: 28px;
    padding: 12px;
    border-color: #a9d8d4 !important;
    background:
        radial-gradient(circle at 100% 100%, rgba(13, 148, 136, 0.10), transparent 42%),
        linear-gradient(145deg, #effaf8 0%, #ffffff 68%) !important;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 7px 18px rgba(15, 118, 110, 0.08) !important;
}

.app-theme-light .nav-menu-shell .zen-reminder-icon {
    width: 30px;
    height: 30px;
    border-color: #99e7e2;
    color: #0f766e;
    background: #ccfbf1;
    box-shadow: none;
}

.app-theme-light .nav-menu-shell .zen-reminder-card p {
    color: #0b1220 !important;
    margin-top: 9px;
    font-size: 12px;
    font-weight: 700;
}

.app-theme-light .nav-menu-shell .zen-reminder-card span {
    display: none;
}

.app-theme-light .nav-menu-shell .zen-reminder-card::after {
    border-color: rgba(13, 148, 136, 0.12);
    box-shadow: 0 0 0 18px rgba(13, 148, 136, 0.035), 0 0 0 38px rgba(13, 148, 136, 0.02);
}

.app-theme-light .nav-menu-shell .zen-reminder-glow {
    background: rgba(20, 184, 166, 0.08);
}

.app-theme-light .nav-menu-shell.is-collapsed .brand-row-collapsed {
    padding: 6px 0 10px;
    border-bottom-color: #cbd6e2 !important;
}

.app-theme-light .nav-menu-shell.is-collapsed .nav-item.is-active {
    border-color: #99d8d2 !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.10) !important;
}

.app-theme-light .nav-menu-shell .zen-reminder-collapsed {
    border-color: #99d8d2;
    color: #0f766e;
    background: #ffffff;
    box-shadow: 0 5px 14px rgba(15, 118, 110, 0.10);
}

/* Dashboard light mode: richer, restrained colour palette. */
.app-theme-light .main-page-scroll:has(.career-dashboard) {
    background:
        radial-gradient(circle at 12% 0%, rgba(14, 165, 233, 0.045), transparent 26rem),
        #eef3f8;
}

.app-theme-light .career-dashboard .metric-card.primary {
    border-color: #afd9d5 !important;
    background: linear-gradient(145deg, #edf9f7 0%, #f9fdfc 100%) !important;
}

.app-theme-light .career-dashboard .metric-card:nth-child(2) {
    border-color: #d7cfee !important;
    background: linear-gradient(145deg, #f8f5ff 0%, #fdfcff 100%) !important;
}

.app-theme-light .career-dashboard .metric-card.expectancy-card {
    border-color: #c5d7ee !important;
    background: linear-gradient(145deg, #f1f6fd 0%, #fbfdff 100%) !important;
}

.app-theme-light .career-dashboard .metric-card.profit-factor-card {
    border-color: #b8ddd7 !important;
    background: linear-gradient(145deg, #eefaf7 0%, #fbfefd 100%) !important;
}

.app-theme-light .career-dashboard .metric-card:nth-child(5) {
    border-color: #e6ccd2 !important;
    background: linear-gradient(145deg, #fff5f7 0%, #fffdfd 100%) !important;
}

.app-theme-light .career-dashboard .metric-card:nth-child(2) > strong {
    color: #6d28d9 !important;
}

.app-theme-light .career-dashboard .metric-card.profit-factor-card > strong {
    color: #0f766e !important;
}

.app-theme-light .career-dashboard :is(.panel, .focus-card) {
    border-color: #c6d3e0 !important;
}

.app-theme-light .career-dashboard .panel-heading {
    background: #f4f7fa !important;
}

.app-theme-light .career-dashboard .performance-panel .panel-heading {
    background: linear-gradient(90deg, #e8f6f4 0%, #f3f7f9 72%) !important;
}

.app-theme-light .career-dashboard .performance-panel .equity-chart {
    background: linear-gradient(180deg, #ffffff 0%, #f5fafc 100%);
}

.app-theme-light .career-dashboard .grid-line {
    stroke: #d2dee8 !important;
}

.app-theme-light .career-dashboard .analysis-grid > .panel:first-child .panel-heading {
    background: linear-gradient(90deg, #fbf0f3 0%, #f7f8fa 76%) !important;
    box-shadow: inset 3px 0 0 #e85d75;
}

.app-theme-light .career-dashboard .analysis-grid > .panel:last-child .panel-heading {
    background: linear-gradient(90deg, #eaf7fa 0%, #f7f9fa 76%) !important;
    box-shadow: inset 3px 0 0 #0891b2;
}

.app-theme-light .career-dashboard .progress-panel .panel-heading {
    background: linear-gradient(90deg, #eaf7f3 0%, #f5f8f8 76%) !important;
}

.app-theme-light .career-dashboard .progress-metric-card {
    background: linear-gradient(180deg, #fbfcfd 0%, #ffffff 100%) !important;
}

.app-theme-light .career-dashboard .next-milestone {
    border-color: #e1cf9f !important;
    background: linear-gradient(145deg, #fff9ea 0%, #fffdf8 100%) !important;
}

.app-theme-light .career-dashboard .emotion-panel .panel-heading {
    background: linear-gradient(90deg, #f3f0fb 0%, #f6f8fa 76%) !important;
    box-shadow: inset 3px 0 0 #7c3aed;
}

.app-theme-light .career-dashboard .recent-panel .panel-heading {
    background: linear-gradient(90deg, #edf4fb 0%, #f6f8fa 76%) !important;
    box-shadow: inset 3px 0 0 #2563eb;
}

.app-theme-light .career-dashboard :is(.emotion-table thead, .trade-table thead) {
    background: #eaf0f5;
}

.app-theme-light .career-dashboard :is(.bar-track, .progress-track, .experiment-progress-track) {
    background: #c5d1dd !important;
}

.app-theme-light .career-dashboard .focus-card {
    border-color: #8fcbc5 !important;
    background: linear-gradient(145deg, #e8f7f5 0%, #f8fcfb 72%) !important;
}

.app-theme-light .career-dashboard .focus-action {
    border-left-color: #0d9488 !important;
    background: #ddf4f1 !important;
}

.app-theme-light .career-dashboard .milestone-card .panel-heading {
    background: linear-gradient(90deg, #edf5fb 0%, #f6f8fa 78%) !important;
    box-shadow: inset 3px 0 0 #0ea5e9;
}

.app-theme-light .career-dashboard .priorities-card .panel-heading {
    background: linear-gradient(90deg, #fff7e8 0%, #f7f8fa 78%) !important;
    box-shadow: inset 3px 0 0 #d97706;
}

.app-theme-light .career-dashboard .coach-tip-card {
    border-color: #b8dcd7 !important;
    background: linear-gradient(145deg, #edf9f7 0%, #ffffff 72%) !important;
}

.app-theme-light .career-dashboard .success-measure {
    border-color: #86dfbd !important;
    background: #e8f8f0 !important;
}

/* Dashboard light mode: performance-curve refinement. */
.app-theme-light .career-dashboard .performance-panel .equity-line {
    stroke: #0891b2 !important;
    stroke-width: 2.8 !important;
}

.app-theme-light .career-dashboard .performance-panel #equityAreaV2 stop:first-child {
    stop-color: #0891b2 !important;
    stop-opacity: 0.17 !important;
}

.app-theme-light .career-dashboard .performance-panel #equityAreaV2 stop:last-child {
    stop-color: #0891b2 !important;
    stop-opacity: 0.015 !important;
}

.app-theme-light .career-dashboard .performance-panel .grid-line {
    stroke: #d5e0e9 !important;
}

.app-theme-light .career-dashboard .performance-panel .equity-dot {
    fill: #0891b2 !important;
    stroke: #ffffff !important;
    stroke-width: 2 !important;
}

.app-theme-light .career-dashboard .performance-panel .equity-point:hover .equity-dot,
.app-theme-light .career-dashboard .performance-panel .equity-point:focus .equity-dot {
    opacity: 1;
    filter: drop-shadow(0 2px 3px rgba(8, 145, 178, 0.25));
}

/* Dashboard light mode: coaching rail with clearer visual identity. */
.app-theme-light .career-dashboard .dashboard-coach-column .focus-card {
    position: relative;
    border-color: #58bdb4 !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(45, 212, 191, 0.18), transparent 44%),
        linear-gradient(145deg, #e2f7f4 0%, #f2fbfa 56%, #ffffff 100%) !important;
    box-shadow:
        inset 0 3px 0 #14b8a6,
        0 2px 5px rgba(15, 23, 42, 0.05),
        0 12px 26px rgba(15, 118, 110, 0.12) !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .focus-card .ai-brand {
    color: #0f766e !important;
    font-weight: 850;
}

.app-theme-light .career-dashboard .dashboard-coach-column .focus-card .source-badge {
    border-color: #5eead4 !important;
    color: #0f766e !important;
    background: #ccfbf1 !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .focus-card > h2 {
    color: #102a43 !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .focus-action {
    border-left: 3px solid #0d9488 !important;
    background: linear-gradient(90deg, #cdeee9 0%, #dcf4f1 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(13, 148, 136, 0.08);
}

.app-theme-light .career-dashboard .dashboard-coach-column .focus-action > span {
    color: #0f766e !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .focus-footer {
    border-top-color: #b9dcd8 !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .focus-footer a {
    color: #0e7490 !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .milestone-card {
    border-color: #a9c9e4 !important;
    border-top: 3px solid #0284c7 !important;
    background: linear-gradient(155deg, #f2f8fd 0%, #ffffff 58%) !important;
    box-shadow:
        0 2px 5px rgba(15, 23, 42, 0.05),
        0 11px 24px rgba(30, 64, 175, 0.10) !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .milestone-card .panel-heading {
    border-bottom-color: #bfd3e6 !important;
    background: linear-gradient(90deg, #dfeffc 0%, #edf6fc 72%) !important;
    box-shadow: none;
}

.app-theme-light .career-dashboard .dashboard-coach-column .milestone-card .milestone-icon {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid #93c5fd;
    border-radius: 8px;
    color: #0369a1 !important;
    background: #dbeafe;
}

.app-theme-light .career-dashboard .dashboard-coach-column .experiment-progress {
    border-color: #b9cee2 !important;
    background: #edf5fb !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .experiment-progress-track {
    background: #b9c9d8 !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .experiment-progress-track span {
    background: linear-gradient(90deg, #0284c7, #14b8a6) !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .success-measure {
    border-color: #6ed8ad !important;
    background: linear-gradient(90deg, #dcf7e9 0%, #eafaf2 100%) !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .success-measure > span,
.app-theme-light .career-dashboard .dashboard-coach-column .success-measure > strong {
    color: #047857 !important;
}

/* Dashboard light mode: warm neutral foundation. */
.app-theme-light .main-page-scroll:has(.career-dashboard) {
    background:
        radial-gradient(circle at 10% 0%, rgba(217, 119, 6, 0.045), transparent 28rem),
        #f5f2ed;
}

.app-theme-light .career-dashboard :is(.panel, .focus-card, .progress-metric-card, .next-milestone, .milestone-card, .coach-tip-card) {
    border-color: #d8d1c7 !important;
}

.app-theme-light .career-dashboard .panel-heading {
    border-bottom-color: #ddd6cc !important;
    background: #f8f5f0 !important;
}

.app-theme-light .career-dashboard .metric-card.expectancy-card {
    border-color: #c9d9ca !important;
    background: linear-gradient(145deg, #f2f8f1 0%, #fcfdfb 100%) !important;
}

.app-theme-light .career-dashboard .performance-panel .panel-heading {
    background: linear-gradient(90deg, #eaf5f0 0%, #f7f5f1 74%) !important;
}

.app-theme-light .career-dashboard .performance-panel .equity-chart {
    background: linear-gradient(180deg, #fffefa 0%, #faf8f4 100%);
}

.app-theme-light .career-dashboard .performance-panel .grid-line {
    stroke: #ddd8d0 !important;
}

.app-theme-light .career-dashboard .analysis-grid > .panel:first-child .panel-heading {
    background: linear-gradient(90deg, #fbf0ee 0%, #f8f5f0 76%) !important;
}

.app-theme-light .career-dashboard .analysis-grid > .panel:last-child .panel-heading {
    background: linear-gradient(90deg, #edf6f1 0%, #f8f5f0 76%) !important;
    box-shadow: inset 3px 0 0 #0f766e;
}

.app-theme-light .career-dashboard .progress-panel .panel-heading {
    background: linear-gradient(90deg, #edf6f0 0%, #f8f5f0 76%) !important;
}

.app-theme-light .career-dashboard .progress-metric-card {
    background: linear-gradient(180deg, #fdfcf9 0%, #ffffff 100%) !important;
}

.app-theme-light .career-dashboard .emotion-panel .panel-heading {
    background: linear-gradient(90deg, #f5f0f5 0%, #f8f5f0 76%) !important;
}

.app-theme-light .career-dashboard .recent-panel .panel-heading {
    background: linear-gradient(90deg, #eff6f1 0%, #f8f5f0 76%) !important;
    box-shadow: inset 3px 0 0 #0f766e;
}

.app-theme-light .career-dashboard :is(.emotion-table thead, .trade-table thead) {
    background: #f3f0eb;
}

.app-theme-light .career-dashboard :is(.emotion-table tbody tr:nth-child(even), .trade-table tbody tr:nth-child(even)) {
    background: #faf8f5;
}

.app-theme-light .career-dashboard .dashboard-coach-column .milestone-card {
    border-color: #dcc797 !important;
    border-top-color: #d97706 !important;
    background: linear-gradient(155deg, #fff9ec 0%, #fffdfa 62%) !important;
    box-shadow:
        0 2px 5px rgba(15, 23, 42, 0.045),
        0 11px 24px rgba(146, 94, 18, 0.09) !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .milestone-card .panel-heading {
    border-bottom-color: #e1cca2 !important;
    background: linear-gradient(90deg, #f8e9c9 0%, #fff6e4 76%) !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .milestone-card .milestone-icon {
    border-color: #e7bd69;
    color: #a16207 !important;
    background: #fef3c7;
}

.app-theme-light .career-dashboard .dashboard-coach-column .experiment-progress {
    border-color: #decda9 !important;
    background: #fff8e8 !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .experiment-progress-track span {
    background: linear-gradient(90deg, #0f766e, #2dd4bf) !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .focus-card {
    border-color: #72bbb4 !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .coach-tip-card {
    border-color: #bad6c9 !important;
}

/* Dashboard light mode: clean white foundation. */
.app-theme-light .main-page-scroll:has(.career-dashboard) {
    background: #ffffff;
}

.app-theme-light .career-dashboard :is(.panel, .progress-metric-card, .next-milestone, .milestone-card) {
    border-color: #d5dbe3 !important;
    background: #ffffff !important;
}

.app-theme-light .career-dashboard .panel-heading {
    border-bottom-color: #dde2e8 !important;
    background: #f8fafc !important;
}

.app-theme-light .career-dashboard .performance-panel .panel-heading,
.app-theme-light .career-dashboard .progress-panel .panel-heading,
.app-theme-light .career-dashboard .emotion-panel .panel-heading,
.app-theme-light .career-dashboard .recent-panel .panel-heading,
.app-theme-light .career-dashboard .analysis-grid > .panel:first-child .panel-heading,
.app-theme-light .career-dashboard .analysis-grid > .panel:last-child .panel-heading {
    background: #f8fafc !important;
}

.app-theme-light .career-dashboard .performance-panel .equity-chart {
    background: #ffffff;
}

.app-theme-light .career-dashboard .performance-panel .grid-line {
    stroke: #e1e5ea !important;
}

.app-theme-light .career-dashboard .progress-metric-card {
    background: #ffffff !important;
}

.app-theme-light .career-dashboard :is(.emotion-table thead, .trade-table thead) {
    background: #f4f6f8;
}

.app-theme-light .career-dashboard :is(.emotion-table tbody tr:nth-child(even), .trade-table tbody tr:nth-child(even)) {
    background: #fafbfc;
}

.app-theme-light .career-dashboard .dashboard-coach-column .milestone-card {
    border-color: #d5dbe3 !important;
    border-top-color: #d97706 !important;
    background: #ffffff !important;
    box-shadow:
        0 2px 5px rgba(15, 23, 42, 0.04),
        0 9px 20px rgba(51, 65, 85, 0.07) !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .milestone-card .panel-heading {
    border-bottom-color: #dde2e8 !important;
    background: #f8fafc !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .milestone-card .milestone-icon {
    border-color: #f3d18b;
    color: #a16207 !important;
    background: #fffbeb;
}

.app-theme-light .career-dashboard .dashboard-coach-column .experiment-progress {
    border-color: #d5dbe3 !important;
    background: #f8fafc !important;
}

/* Dashboard light mode: balanced multi-accent component system. */
.app-theme-light .career-dashboard .metric-card.primary {
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
}

.app-theme-light .career-dashboard .metric-card.primary:has(> .negative-value) {
    border-color: #f2b8c2 !important;
    background: linear-gradient(145deg, #fff1f3 0%, #fffafb 100%) !important;
}

.app-theme-light .career-dashboard .metric-card.primary:has(> .positive-value) {
    border-color: #a7d9c3 !important;
    background: linear-gradient(145deg, #eef9f3 0%, #fbfefc 100%) !important;
}

.app-theme-light .career-dashboard .metric-card:nth-child(2) {
    border-color: #d7c8f3 !important;
    background: linear-gradient(145deg, #f6f1ff 0%, #fcfaff 100%) !important;
}

.app-theme-light .career-dashboard .metric-card.expectancy-card {
    border-color: #bdd2f2 !important;
    background: linear-gradient(145deg, #edf4ff 0%, #fafdff 100%) !important;
}

.app-theme-light .career-dashboard .metric-card.profit-factor-card {
    border-color: #ead49e !important;
    background: linear-gradient(145deg, #fff8e8 0%, #fffdf8 100%) !important;
}

.app-theme-light .career-dashboard .metric-card.profit-factor-card .metric-icon {
    border-color: #f3d58d !important;
    color: #a16207 !important;
    background: #fef3c7 !important;
}

.app-theme-light .career-dashboard .metric-card.profit-factor-card > strong {
    color: #0f172a !important;
}

.app-theme-light .career-dashboard .metric-card:nth-child(5) {
    border-color: #edc4ce !important;
    background: linear-gradient(145deg, #fff3f6 0%, #fffbfc 100%) !important;
}

.app-theme-light .career-dashboard .performance-panel {
    background: #f7faff !important;
}

.app-theme-light .career-dashboard .performance-panel .panel-heading {
    background: linear-gradient(90deg, #e8f0ff 0%, #f3f6fb 78%) !important;
    box-shadow: inset 3px 0 0 #2563eb;
}

.app-theme-light .career-dashboard .analysis-grid > .panel:first-child {
    background: #fffafb !important;
}

.app-theme-light .career-dashboard .analysis-grid > .panel:first-child .panel-heading {
    background: linear-gradient(90deg, #ffecef 0%, #f8f4f6 78%) !important;
    box-shadow: inset 3px 0 0 #e11d48;
}

.app-theme-light .career-dashboard .analysis-grid > .panel:last-child {
    background: #f8fcff !important;
}

.app-theme-light .career-dashboard .analysis-grid > .panel:last-child .panel-heading {
    background: linear-gradient(90deg, #e8f7fc 0%, #f3f7f9 78%) !important;
    box-shadow: inset 3px 0 0 #0891b2;
}

.app-theme-light .career-dashboard .progress-panel {
    background: #f8f7fc !important;
}

.app-theme-light .career-dashboard .progress-panel .panel-heading {
    background: linear-gradient(90deg, #f0ebff 0%, #f7f5fb 78%) !important;
    box-shadow: inset 3px 0 0 #7c3aed;
}

.app-theme-light .career-dashboard .progress-metric-card:nth-child(1) {
    background: #fffcf4 !important;
}

.app-theme-light .career-dashboard .progress-metric-card:nth-child(2) {
    background: #fff8fa !important;
}

.app-theme-light .career-dashboard .progress-metric-card:nth-child(3) {
    background: #f6f9ff !important;
}

.app-theme-light .career-dashboard .progress-metric-card:nth-child(4) {
    background: #faf7ff !important;
}

.app-theme-light .career-dashboard .progress-metric-card:nth-child(3) .progress-ring {
    --ring-colour: #2563eb !important;
}

.app-theme-light .career-dashboard .progress-metric-card:nth-child(4) .progress-ring {
    --ring-colour: #7c3aed !important;
}

.app-theme-light .career-dashboard .next-milestone {
    border-color: #e5cc91 !important;
    background: #fffaf0 !important;
}

.app-theme-light .career-dashboard .next-milestone .progress-fill.positive {
    background: #3b82f6 !important;
}

.app-theme-light .career-dashboard .next-milestone > a {
    border-color: #2563eb !important;
    background: #2563eb !important;
}

.app-theme-light .career-dashboard .next-milestone > a:hover {
    border-color: #1d4ed8 !important;
    background: #1d4ed8 !important;
}

.app-theme-light .career-dashboard .emotion-panel {
    background: #fcf9ff !important;
}

.app-theme-light .career-dashboard .emotion-panel .panel-heading {
    background: linear-gradient(90deg, #f3eaff 0%, #f8f5fb 78%) !important;
    box-shadow: inset 3px 0 0 #7c3aed;
}

.app-theme-light .career-dashboard .recent-panel {
    background: #f8fbff !important;
}

.app-theme-light .career-dashboard .recent-panel .panel-heading {
    background: linear-gradient(90deg, #eaf2ff 0%, #f4f7fb 78%) !important;
    box-shadow: inset 3px 0 0 #2563eb;
}

.app-theme-light .career-dashboard .segmented-control:not(.metric-toggle) button:first-child.active {
    border-color: #4f46e5 !important;
    background: #4f46e5 !important;
}

.app-theme-light .career-dashboard .segmented-control:not(.metric-toggle) button:nth-child(2).active {
    border-color: #e11d48 !important;
    background: #e11d48 !important;
}

.app-theme-light .career-dashboard .segmented-control.metric-toggle button:first-child.active {
    border-color: #2563eb !important;
    background: #2563eb !important;
}

.app-theme-light .career-dashboard .segmented-control.metric-toggle button:nth-child(2).active {
    border-color: #d97706 !important;
    background: #d97706 !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .focus-card {
    border-color: #72bbb4 !important;
    background: linear-gradient(145deg, #e8f7f5 0%, #f8fcfb 72%) !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .milestone-card {
    border-color: #dfc788 !important;
    border-top-color: #d97706 !important;
    background: #fffaf0 !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .milestone-card .panel-heading {
    background: linear-gradient(90deg, #ffedc7 0%, #fff7e8 78%) !important;
}

.app-theme-light .career-dashboard .priorities-card {
    border-color: #d8c8ea !important;
    background: #fcf9ff !important;
}

.app-theme-light .career-dashboard .priorities-card .panel-heading {
    background: linear-gradient(90deg, #f2e9ff 0%, #f9f5fd 78%) !important;
    box-shadow: inset 3px 0 0 #7c3aed;
}

.app-theme-light .career-dashboard .coach-tip-card {
    border-color: #bfd1ec !important;
    background: linear-gradient(145deg, #edf4ff 0%, #fbfdff 72%) !important;
}

.app-theme-light .career-dashboard .coach-tip-card .tip-icon {
    border-color: #bfdbfe !important;
    color: #1d4ed8 !important;
    background: #dbeafe !important;
}

.app-theme-light .career-dashboard .coach-tip-card > div:last-child > span {
    color: #1d4ed8 !important;
}

/* Dashboard light mode: neutral experiment and muted interactive accents. */
.app-theme-light .career-dashboard .dashboard-coach-column .milestone-card {
    border-color: #cbd5df !important;
    border-top-color: #7c8998 !important;
    background: #ffffff !important;
    box-shadow:
        0 2px 5px rgba(15, 23, 42, 0.04),
        0 8px 18px rgba(51, 65, 85, 0.065) !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .milestone-card .panel-heading {
    border-bottom-color: #d8dee5 !important;
    background: #f1f4f7 !important;
    box-shadow: inset 3px 0 0 #7c8998;
}

.app-theme-light .career-dashboard .dashboard-coach-column .milestone-card .section-kicker {
    color: #526176 !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .milestone-card .milestone-icon {
    border-color: #cbd5df;
    color: #526176 !important;
    background: #e7ecf1;
}

.app-theme-light .career-dashboard .dashboard-coach-column .experiment-progress {
    border-color: #cbd5df !important;
    background: #f6f8fa !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .experiment-progress-track span {
    background: #4d938e !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .success-measure {
    border-color: #a9d5bf !important;
    background: #edf7f2 !important;
}

.app-theme-light .career-dashboard .segmented-control:not(.metric-toggle) button:first-child.active {
    border-color: #596579 !important;
    background: #596579 !important;
}

.app-theme-light .career-dashboard .segmented-control:not(.metric-toggle) button:nth-child(2).active {
    border-color: #9a5969 !important;
    background: #9a5969 !important;
}

.app-theme-light .career-dashboard .segmented-control.metric-toggle button:first-child.active {
    border-color: #456f91 !important;
    background: #456f91 !important;
}

.app-theme-light .career-dashboard .segmented-control.metric-toggle button:nth-child(2).active {
    border-color: #95713c !important;
    background: #95713c !important;
}

.app-theme-light .career-dashboard .next-milestone .progress-fill.positive {
    background: #5b87a5 !important;
}

.app-theme-light .career-dashboard .next-milestone > a {
    border-color: #41657e !important;
    background: #41657e !important;
    box-shadow: none !important;
}

.app-theme-light .career-dashboard .next-milestone > a:hover {
    border-color: #345469 !important;
    background: #345469 !important;
}

/* Dashboard light mode: stronger lower-panel identity. */
.app-theme-light .career-dashboard .emotion-panel {
    border-color: #cbbaf0 !important;
    background: linear-gradient(160deg, #f8f3ff 0%, #ffffff 58%) !important;
    box-shadow: 0 2px 5px rgba(15, 23, 42, 0.04), 0 10px 22px rgba(109, 40, 217, 0.085) !important;
}

.app-theme-light .career-dashboard .emotion-panel .panel-heading {
    border-bottom-color: #d9ccf3 !important;
    background: linear-gradient(90deg, #eadcff 0%, #f5effd 82%) !important;
    box-shadow: inset 3px 0 0 #7c3aed;
}

.app-theme-light .career-dashboard .emotion-panel :is(.emotion-table thead, .emotion-table tbody tr:nth-child(even)) {
    background: rgba(245, 240, 255, 0.72);
}

.app-theme-light .career-dashboard .emotion-panel .behaviour-insight {
    border-color: #c4b5fd !important;
    background: #f5f3ff !important;
}

.app-theme-light .career-dashboard .recent-panel {
    border-color: #b8cfee !important;
    background: linear-gradient(160deg, #f2f7ff 0%, #ffffff 58%) !important;
    box-shadow: 0 2px 5px rgba(15, 23, 42, 0.04), 0 10px 22px rgba(37, 99, 235, 0.075) !important;
}

.app-theme-light .career-dashboard .recent-panel .panel-heading {
    border-bottom-color: #c7d7ee !important;
    background: linear-gradient(90deg, #dfeaff 0%, #eef4fc 82%) !important;
    box-shadow: inset 3px 0 0 #2563eb;
}

.app-theme-light .career-dashboard .recent-panel .trade-table thead {
    background: #eaf1fb;
}

.app-theme-light .career-dashboard .recent-panel .trade-table tbody tr:nth-child(even) {
    background: rgba(239, 246, 255, 0.72);
}

.app-theme-light .career-dashboard .recent-panel a {
    color: #1d4ed8 !important;
}

.app-theme-light .career-dashboard .next-milestone {
    border-color: #e5bd58 !important;
    background: linear-gradient(145deg, #fff3c9 0%, #fff9e8 64%, #ffffff 100%) !important;
    box-shadow: 0 2px 5px rgba(15, 23, 42, 0.04), 0 9px 20px rgba(180, 112, 10, 0.12) !important;
}

.app-theme-light .career-dashboard .next-milestone .milestone-title i {
    border-color: #e8b949 !important;
    color: #92400e !important;
    background: #fde68a !important;
}

.app-theme-light .career-dashboard .next-milestone .progress-track {
    background: #ead8aa !important;
}

.app-theme-light .career-dashboard .next-milestone .progress-fill.positive {
    background: linear-gradient(90deg, #d97706, #f59e0b) !important;
}

.app-theme-light .career-dashboard .next-milestone > a {
    border-color: #b66a08 !important;
    color: #ffffff !important;
    background: #b66a08 !important;
}

.app-theme-light .career-dashboard .next-milestone > a:hover {
    border-color: #92400e !important;
    background: #92400e !important;
}

/* Dashboard light mode: restrained plum Emotional Performance treatment. */
.app-theme-light .career-dashboard .emotion-panel {
    border-color: #d6ccd8 !important;
    background: linear-gradient(160deg, #faf8fa 0%, #ffffff 62%) !important;
    box-shadow: 0 2px 5px rgba(15, 23, 42, 0.04), 0 10px 22px rgba(74, 55, 76, 0.07) !important;
}

.app-theme-light .career-dashboard .emotion-panel .panel-heading {
    border-bottom-color: #ddd4df !important;
    background: linear-gradient(90deg, #f1ebf2 0%, #f8f6f8 82%) !important;
    box-shadow: inset 3px 0 0 #765476;
}

.app-theme-light .career-dashboard .emotion-panel .section-kicker {
    color: #694669 !important;
}

.app-theme-light .career-dashboard .emotion-panel :is(.emotion-table thead, .emotion-table tbody tr:nth-child(even)) {
    background: rgba(247, 244, 248, 0.82);
}

.app-theme-light .career-dashboard .emotion-panel .behaviour-insight {
    border-color: #d9cfdb !important;
    background: #f8f5f8 !important;
}

.app-theme-light .career-dashboard .emotion-panel .behaviour-insight i {
    color: #765476 !important;
}

/* Behavioural Intelligence: complete professional light-mode treatment. */
.app-theme-light .beh-page {
    --beh-bg: #f4f7fb;
    --beh-panel: #ffffff;
    --beh-border: #cbd7e5;
    --beh-text: #10213a;
    --beh-muted: #53657d;
    --beh-cyan: #0f766e;
    --beh-blue: #2563eb;
    --beh-positive: #047857;
    --beh-negative: #be123c;
    --beh-warning: #b45309;
    color: var(--beh-text) !important;
    background:
        radial-gradient(circle at 88% -8%, rgba(37, 99, 235, 0.075), transparent 29%),
        radial-gradient(circle at 8% 0%, rgba(13, 148, 136, 0.055), transparent 24%),
        #f4f7fb !important;
}

.app-theme-light .beh-page .beh-header {
    padding: 4px 2px 2px;
}

.app-theme-light .beh-page :is(.beh-header h1, .beh-header h2, .beh-section-heading h2, .beh-discipline-copy h2, .beh-process-card h2, .beh-panel h3) {
    color: #10213a !important;
}

.app-theme-light .beh-page :is(.beh-header p, .beh-header small, .beh-section-heading p, .beh-discipline-copy p) {
    color: #53657d !important;
}

.app-theme-light .beh-page :is(.beh-eyebrow, .beh-section-heading span, .beh-discipline-copy > span, .beh-process-card header span, .beh-panel > header span) {
    color: #0f766e !important;
}

.app-theme-light .beh-page .beh-range {
    border-color: #cbd7e5 !important;
    background: #e9eef5 !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}

.app-theme-light .beh-page :is(.beh-range button, .beh-filter-toggle, .beh-performance-link) {
    color: #40536d !important;
}

.app-theme-light .beh-page :is(.beh-filter-toggle, .beh-performance-link) {
    border-color: #c5d2e1 !important;
    background: #ffffff !important;
    box-shadow: 0 2px 7px rgba(15, 23, 42, 0.05);
}

.app-theme-light .beh-page .beh-filter-toggle.active {
    color: #0f766e !important;
    border-color: #7dd3c7 !important;
    background: #ecfdf9 !important;
}

.app-theme-light .beh-page :is(.beh-range button:hover, .beh-filter-toggle:hover, .beh-performance-link:hover) {
    color: #1d4ed8 !important;
    border-color: #a9c5ed !important;
    background: #eff6ff !important;
}

.app-theme-light .beh-page .beh-section-nav {
    gap: 5px;
    padding: 5px;
    border: 1px solid #cbd7e5 !important;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 7px 20px rgba(15, 23, 42, 0.055);
}

.app-theme-light .beh-page .beh-section-nav a {
    padding: 9px 13px;
    border-radius: 8px;
    color: #40536d !important;
}

.app-theme-light .beh-page .beh-section-nav a:hover {
    color: #1d4ed8 !important;
    background: #eff6ff;
}

.app-theme-light .beh-page .beh-filters {
    border-color: #cbd7e5 !important;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.055);
}

.app-theme-light .beh-page .beh-filters label {
    color: #52637a !important;
}

.app-theme-light .beh-page :is(.beh-filters input, .beh-filters select, .beh-filter-actions button) {
    color: #17233a !important;
    border-color: #c5d2e1 !important;
    background: #f8fafc !important;
}

.app-theme-light .beh-page .beh-filter-actions .primary {
    color: #ffffff !important;
    border-color: #2563eb !important;
    background: #2563eb !important;
}

.app-theme-light .beh-page :is(.beh-discipline-card, .beh-process-card, .beh-panel) {
    border-color: #cbd7e5 !important;
    background: #ffffff !important;
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.035), 0 14px 34px rgba(15, 23, 42, 0.055) !important;
}

.app-theme-light .beh-page .beh-discipline-card {
    border-top: 3px solid #0f9f92 !important;
    background: linear-gradient(145deg, #f0fdfa 0%, #ffffff 46%) !important;
}

.app-theme-light .beh-page .beh-process-card {
    border-top: 3px solid #4f7fcb !important;
    background: linear-gradient(145deg, #f3f7fd 0%, #ffffff 44%) !important;
}

.app-theme-light .beh-page .beh-score-ring {
    background: conic-gradient(#0f9f92 calc(var(--discipline-score) * 3.6deg), #dbe4ee 0) !important;
    box-shadow: 0 0 0 7px rgba(15, 159, 146, 0.06) !important;
}

.app-theme-light .beh-page .beh-score-ring > div {
    color: #10213a !important;
    background: #ffffff !important;
}

.app-theme-light .beh-page .beh-discipline-card dl {
    border-top-color: #d9e2ec !important;
}

.app-theme-light .beh-page .beh-discipline-card dl div {
    border-right-color: #d9e2ec !important;
}

.app-theme-light .beh-page :is(.beh-discipline-card dt, .beh-coverage span, .beh-process-card header small, .beh-records span, .beh-records small, .beh-leak-list small, .beh-emotion-list small, .beh-heatmap small, .beh-cohorts span, .beh-cohorts small) {
    color: #5b6d84 !important;
}

.app-theme-light .beh-page .beh-outcome-grid button {
    color: #17233a !important;
    border-color: #d4deea !important;
    background: #f8fafc !important;
    box-shadow: 0 2px 5px rgba(15, 23, 42, 0.025);
}

.app-theme-light .beh-page .beh-outcome-grid button.positive {
    border-color: #a7e8d0 !important;
    background: #effcf7 !important;
}

.app-theme-light .beh-page .beh-outcome-grid button.blue {
    border-color: #bfd4f4 !important;
    background: #f1f6fd !important;
}

.app-theme-light .beh-page .beh-outcome-grid button.warning {
    border-color: #f2d59a !important;
    background: #fffaec !important;
}

.app-theme-light .beh-page .beh-outcome-grid button.negative {
    border-color: #f3bdc7 !important;
    background: #fff3f5 !important;
}

.app-theme-light .beh-page .beh-outcome-grid button:hover {
    border-color: #8ca9cd !important;
    box-shadow: 0 6px 15px rgba(15, 23, 42, 0.07);
}

.app-theme-light .beh-page :is(.beh-records article, .beh-leak-list button, .beh-emotion-list button, .beh-heatmap button, .beh-cohorts button, .beh-empty) {
    color: #17233a !important;
    border-color: #d6e0eb !important;
    background: #f8fafc !important;
}

.app-theme-light .beh-page .beh-records article {
    background: #ffffff !important;
}

.app-theme-light .beh-page :is(.beh-leak-list button:hover, .beh-emotion-list button:hover, .beh-heatmap button:hover, .beh-cohorts button:hover) {
    border-color: #a9bdd5 !important;
    background: #f1f5f9 !important;
}

.app-theme-light .beh-page :is(.beh-coverage i, .beh-emotion-list i, .beh-heat-cells i.no-data) {
    background: #dbe4ee !important;
}

.app-theme-light .beh-page .beh-panel > header > i {
    color: #4f7f9f !important;
}

/* Embedded Behavioural Action Plan. */
.app-theme-light .beh-page .action-root {
    --ac-border: #cbd7e5;
    --ac-panel: #ffffff;
    --ac-positive: #047857;
    --ac-negative: #be123c;
    --ac-warning: #b45309;
    --ac-blue: #2563eb;
    --ac-muted: #53657d;
    color: #17233a !important;
}

.app-theme-light .beh-page :is(.action-section-heading h2, .action-readiness-copy h3, .action-experiment-copy h3, .action-panel > header h3, .action-priority-copy strong, .action-signal-grid strong, .action-truth-grid strong, .action-lanes h4, .action-lanes article strong, .action-debt-list button > div:first-child strong) {
    color: #10213a !important;
}

.app-theme-light .beh-page :is(.action-section-heading p, .action-readiness-copy p, .action-experiment-copy > p, .action-priority-copy p, .action-signal-grid small, .action-truth-grid small, .action-lanes article p, .action-debt-list button > div:first-child span) {
    color: #5b6d84 !important;
}

.app-theme-light .beh-page :is(.action-readiness, .action-experiment, .action-panel, .action-loading) {
    border-color: #cbd7e5 !important;
    background: #ffffff !important;
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.035), 0 14px 34px rgba(15, 23, 42, 0.055) !important;
}

.app-theme-light .beh-page .action-readiness {
    border-top: 3px solid #0f9f92 !important;
    background: linear-gradient(110deg, #effcf8 0%, #ffffff 42%) !important;
}

.app-theme-light .beh-page .action-experiment {
    border-top: 3px solid #c58a28 !important;
    background: linear-gradient(110deg, #fff9ed 0%, #ffffff 40%) !important;
}

.app-theme-light .beh-page :is(.action-readiness-context, .action-dimensions > div, .action-experiment-copy dl > div, .action-priority-measure, .action-priority-list > button, .action-signal-grid button, .action-truth-grid button, .action-lanes > section, .action-lanes article) {
    color: #17233a !important;
    border-color: #d6e0eb !important;
    background: #f8fafc !important;
}

.app-theme-light .beh-page :is(.action-priority-list > button:hover, .action-signal-grid button:hover, .action-truth-grid button:hover, .action-debt-list button:hover) {
    background: #f1f5f9 !important;
}

.app-theme-light .beh-page :is(.action-experiment-copy dt, .action-priority-copy small, .action-priority-measure small, .action-signal-grid span, .action-debt-progress small, .action-panel > header > small) {
    color: #60738b !important;
}

.app-theme-light .beh-page :is(.action-experiment-copy dd, .action-priority-measure strong, .action-truth-grid button > div span) {
    color: #25364d !important;
}

/* Evolution and execution-gap sections share the same neutral hierarchy. */
.app-theme-light .beh-page :is(.evolution-root, .evidence-root) {
    --ev-border: #cbd7e5;
    --ev-panel: #ffffff;
    --ev-muted: #53657d;
    --ev-positive: #047857;
    --ev-negative: #be123c;
    --ev-warning: #b45309;
    --ev-blue: #2563eb;
    color: #17233a !important;
}

.app-theme-light .beh-page :is(.evolution-hero, .evolution-panel, .evolution-loading, .evidence-hero, .evidence-panel, .evidence-card, .evidence-loading) {
    border-color: #cbd7e5 !important;
    background: #ffffff !important;
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.035), 0 14px 34px rgba(15, 23, 42, 0.055) !important;
}

.app-theme-light .beh-page :is(.evolution-hero, .evidence-hero) {
    border-top: 3px solid #4f7fcb !important;
    background: linear-gradient(110deg, #f2f7fd 0%, #ffffff 42%) !important;
}

.app-theme-light .beh-page :is(.evolution-section-heading h2, .evolution-hero-copy h3, .evolution-panel > header h3, .evidence-section-heading h2, .evidence-hero h3, .evidence-panel header h3, .evidence-card > header h3) {
    color: #10213a !important;
}

.app-theme-light .beh-page :is(.evolution-section-heading p, .evolution-hero-copy p, .evidence-section-heading p, .evidence-hero p, .evidence-card > p, .evidence-empty, .evolution-empty) {
    color: #5b6d84 !important;
}

.app-theme-light .beh-page :is(
    .evolution-hero-metrics > div,
    .evolution-regression-list button,
    .evolution-regression-list button > span:nth-child(3),
    .evolution-timeline button > i,
    .evolution-timeline button > b,
    .evolution-streak-grid button,
    .evolution-streak-grid button > div,
    .evolution-monthly-grid > button,
    .evolution-monthly-grid > button > header > strong,
    .evolution-grade,
    .evolution-monthly-grid dl > div,
    .evolution-milestone-grid button
) {
    color: #17233a !important;
    border-color: #d6e0eb !important;
    background: #f8fafc !important;
}

.app-theme-light .beh-page :is(
    .evolution-hero-metrics strong,
    .evolution-regression-list button > span strong,
    .evolution-comparison-row > span:first-child strong,
    .evolution-timeline button strong,
    .evolution-streak-grid button > span,
    .evolution-streak-grid button > div strong,
    .evolution-monthly-grid > button > header span,
    .evolution-grade strong,
    .evolution-milestone-grid button > span
) {
    color: #203149 !important;
}

.app-theme-light .beh-page :is(
    .evolution-hero-metrics span,
    .evolution-hero-metrics small,
    .evolution-regression-list button > span small,
    .evolution-comparison-header,
    .evolution-comparison-row > span:first-child small,
    .evolution-timeline button small,
    .evolution-timeline button p,
    .evolution-streak-grid button > div small,
    .evolution-streak-grid button p,
    .evolution-monthly-grid > button > header small,
    .evolution-grade span,
    .evolution-monthly-grid dt,
    .evolution-monthly-grid dd,
    .evolution-milestone-grid button > p,
    .evolution-milestone-grid button > small
) {
    color: #60738b !important;
}

.app-theme-light .beh-page :is(
    .evolution-regression-list button:hover,
    .evolution-timeline button:hover,
    .evolution-streak-grid button:hover,
    .evolution-monthly-grid > button:hover,
    .evolution-milestone-grid button:hover
) {
    border-color: #a9bdd5 !important;
    background: #f1f5f9 !important;
}

.app-theme-light .beh-page :is(
    .evidence-hero dl > div,
    .evidence-card > header > strong,
    .evidence-sources > section,
    .evidence-gap,
    .evidence-readiness,
    .evidence-checks > div
) {
    color: #17233a !important;
    border-color: #d6e0eb !important;
    background: #f8fafc !important;
}

.app-theme-light .beh-page :is(
    .evidence-hero dd,
    .evidence-source-title strong,
    .evidence-readiness-heading strong,
    .evidence-checks strong
) {
    color: #203149 !important;
}

.app-theme-light .beh-page :is(
    .evidence-hero dt,
    .evidence-source-title span,
    .evidence-metric span,
    .evidence-gap > span,
    .evidence-gap > small,
    .evidence-gap > div,
    .evidence-readiness-heading span,
    .evidence-checks span
) {
    color: #60738b !important;
}

.app-theme-light .beh-page :is(.beh-drawer, .action-drawer, .evolution-drawer, .evidence-drawer) {
    color: #17233a !important;
    border-color: #cbd7e5 !important;
    background: #ffffff !important;
    box-shadow: -24px 0 64px rgba(15, 23, 42, 0.17) !important;
}

.app-theme-light .beh-page :is(.beh-drawer, .action-drawer, .evolution-drawer, .evidence-drawer) > header {
    border-bottom-color: #d6e0eb !important;
    background: #f8fafc !important;
}

.app-theme-light .beh-page :is(
    .beh-drawer-summary > div,
    .action-drawer-summary > div,
    .evolution-drawer-summary > div,
    .evidence-drawer-summary > div,
    .beh-drawer-trades article,
    .action-drawer-trades article,
    .evolution-drawer-trades article,
    .evidence-drawer-trades article
) {
    color: #17233a !important;
    border-color: #d6e0eb !important;
    background: #f8fafc !important;
}

.app-theme-light .beh-page :is(
    .beh-drawer h2,
    .beh-drawer h3,
    .action-drawer h3,
    .evolution-drawer h3,
    .evidence-drawer h3,
    .beh-drawer-trades strong,
    .action-drawer-trades strong,
    .evolution-drawer-trades strong,
    .evidence-drawer-trades strong
) {
    color: #10213a !important;
}

/* Behavioural Intelligence: stronger labels and a distinct experiment tone. */
.app-theme-light .beh-page :is(
    .beh-eyebrow,
    .beh-section-heading span,
    .beh-discipline-copy > span,
    .beh-process-card header span,
    .beh-panel > header span,
    .action-section-heading > div > span,
    .action-panel > header span,
    .action-readiness-copy > span,
    .action-experiment-copy > span,
    .evolution-section-heading > div > span,
    .evolution-panel > header span,
    .evolution-hero-copy > span,
    .evidence-section-heading > div > span,
    .evidence-panel header span,
    .evidence-hero-copy > span
) {
    color: #0a625c !important;
}

.app-theme-light .beh-page .action-experiment {
    border-color: #c9ccea !important;
    border-top: 3px solid #6267a9 !important;
    background: linear-gradient(110deg, #f3f4ff 0%, #ffffff 43%) !important;
}

.app-theme-light .beh-page .action-experiment-icon {
    color: #4f55a5 !important;
    border-color: #c8ccef !important;
    background: #eceefe !important;
}

.app-theme-light .beh-page .action-experiment > button {
    color: #414b9a !important;
    border-color: #bdc5ea !important;
    background: #eef1ff !important;
}

.app-theme-light .beh-page .action-experiment > button:hover {
    color: #ffffff !important;
    border-color: #535aa3 !important;
    background: #535aa3 !important;
}

.app-theme-light .beh-page :is(.evolution-hero-metrics > div, .evolution-regression-list button, .evolution-comparison-row, .evolution-timeline button, .evolution-streak-grid button, .evolution-monthly-grid > button, .evolution-milestone-grid button, .evidence-hero dl > div, .evidence-sources > section, .evidence-gap, .evidence-metric, .evidence-readiness, .evidence-checks > div) {
    color: #17233a !important;
    border-color: #d6e0eb !important;
    background: #f8fafc !important;
}

.app-theme-light .beh-page :is(.evolution-hero-metrics strong, .evolution-regression-list strong, .evolution-comparison-row strong, .evolution-timeline strong, .evolution-streak-grid strong, .evolution-monthly-grid strong, .evolution-milestone-grid strong, .evidence-hero dd, .evidence-source-title strong, .evidence-metric strong, .evidence-gap > strong, .evidence-checks strong) {
    color: #25364d !important;
}

.app-theme-light .beh-page :is(.evolution-panel canvas, .evidence-panel canvas) {
    filter: saturate(0.9) contrast(0.96);
}

/* Performance Analytics: complete light-mode visual system. */
.app-theme-light .pi-page {
    --pi-bg: #f4f7fb;
    --pi-panel: #ffffff;
    --pi-panel-strong: #f7f9fc;
    --pi-border: #cbd7e5;
    --pi-text: #10213a;
    --pi-muted: #53657d;
    --pi-positive: #047857;
    --pi-negative: #be123c;
    --pi-warning: #b45309;
    --pi-blue: #2563eb;
    color: #17233a !important;
    background:
        radial-gradient(circle at 82% -12%, rgba(37, 99, 235, 0.065), transparent 30%),
        radial-gradient(circle at 8% 1%, rgba(14, 116, 144, 0.045), transparent 25%),
        #f4f7fb !important;
}

.app-theme-light .pi-page :is(.pi-header h1, .pi-section-heading h2, .pi-insight-copy h2, .pi-panel-heading h2, .pi-kpi strong, .pi-luck-card strong, .pi-leak-copy strong, .pi-emotion-table button strong, .pi-heatmap-rule strong, .pi-evolution-title strong, .pi-cohort-title strong, .pi-risk-story-copy strong, .pi-change-list > article > div > strong, .pi-playbook-name strong, .pi-review-list strong, .pi-record-grid strong) {
    color: #10213a !important;
}

.app-theme-light .pi-page :is(.pi-header p, .pi-section-heading p, .pi-period-context, .pi-panel-heading > small, .pi-chart-note, .pi-empty, .pi-insight-copy p, .pi-kpi small, .pi-luck-card small, .pi-leak-copy small, .pi-evolution-list p, .pi-evolution-list footer, .pi-cohort-title small, .pi-risk-story-copy p, .pi-playbook-name small, .pi-review-list span) {
    color: #53657d !important;
}

.app-theme-light .pi-page :is(.pi-eyebrow, .pi-section-heading span, .pi-panel-heading span, .pi-card-kicker) {
    color: #315f9e !important;
}

.app-theme-light .pi-page .pi-insight-copy > span {
    color: #0a625c !important;
}

.app-theme-light .pi-page .pi-period-context span:first-child {
    color: #344861 !important;
}

/* Navigation, tabs, and filtering. */
.app-theme-light .pi-page :is(.pi-range-button, .pi-filter-toggle, .pi-button) {
    color: #344861 !important;
    border-color: #c8d5e4 !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035);
}

.app-theme-light .pi-page :is(.pi-range-button:hover, .pi-filter-toggle:hover) {
    color: #1d4f91 !important;
    border-color: #9fb9dc !important;
    background: #f1f6fd !important;
}

.app-theme-light .pi-page .pi-filter-toggle.active {
    color: #174f9e !important;
    border-color: #9db9df !important;
    background: #eaf2ff !important;
}

.app-theme-light .pi-page .pi-button.primary {
    color: #ffffff !important;
    border-color: #315f9e !important;
    background: #315f9e !important;
    box-shadow: 0 5px 13px rgba(49, 95, 158, 0.18);
}

.app-theme-light .pi-page .pi-button.primary:hover {
    border-color: #274d82 !important;
    background: #274d82 !important;
}

.app-theme-light .pi-page .pi-section-nav {
    gap: 5px !important;
    margin-top: 18px;
    padding: 5px;
    border: 1px solid #cbd7e5 !important;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.055);
}

.app-theme-light .pi-page .pi-section-nav a {
    padding: 9px 13px !important;
    border-radius: 9px;
    color: #50627a !important;
    transition: color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

.app-theme-light .pi-page .pi-section-nav a:hover {
    color: #264f88 !important;
    background: #f1f5f9 !important;
}

.app-theme-light .pi-page .pi-section-nav a.active {
    color: #174f9e !important;
    background: #eaf2ff !important;
    box-shadow: inset 0 0 0 1px #c6d9f4;
}

.app-theme-light .pi-page .pi-section-nav a::after {
    right: 13px;
    bottom: 3px;
    left: 13px;
    height: 2px;
    background: #3973c7 !important;
}

.app-theme-light .pi-page .pi-section-nav span {
    color: #31516f !important;
    background: #dceaf7 !important;
}

.app-theme-light .pi-page .pi-filter-panel {
    border-color: #cbd7e5 !important;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.055);
}

.app-theme-light .pi-page .pi-filter-panel label span {
    color: #50627a !important;
}

.app-theme-light .pi-page :is(.pi-filter-panel input, .pi-filter-panel select) {
    color: #17233a !important;
    border-color: #cbd7e5 !important;
    background: #f8fafc !important;
}

.app-theme-light .pi-page :is(.pi-filter-panel input:focus, .pi-filter-panel select:focus) {
    border-color: #7da4d8 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(49, 95, 158, 0.1);
}

/* KPI cards use restrained, distinct semantic accents. */
.app-theme-light .pi-page .pi-kpi {
    border-color: #cbd7e5 !important;
    background: #ffffff !important;
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.035), 0 12px 28px rgba(15, 23, 42, 0.05);
}

.app-theme-light .pi-page .pi-kpi.positive {
    border-top: 3px solid #1d9b78 !important;
    background: linear-gradient(145deg, #f2fbf8, #ffffff 58%) !important;
}

.app-theme-light .pi-page .pi-kpi.negative {
    border-top: 3px solid #d2516b !important;
    background: linear-gradient(145deg, #fff5f7, #ffffff 58%) !important;
}

.app-theme-light .pi-page .pi-kpi.warning {
    border-top: 3px solid #c58a28 !important;
    background: linear-gradient(145deg, #fff9ed, #ffffff 58%) !important;
}

.app-theme-light .pi-page .pi-kpi.blue {
    border-top: 3px solid #4f7fcb !important;
    background: linear-gradient(145deg, #f2f7fd, #ffffff 58%) !important;
}

.app-theme-light .pi-page .pi-kpi span {
    color: #52657e !important;
}

.app-theme-light .pi-page .pi-kpi > i {
    color: #315f9e !important;
    border-color: #c2d5ed !important;
    background: #edf4fc !important;
}

.app-theme-light .pi-page .pi-kpi.positive > i {
    color: #08745d !important;
    border-color: #b9e3d6 !important;
    background: #eaf8f3 !important;
}

.app-theme-light .pi-page .pi-kpi.negative > i {
    color: #b93655 !important;
    border-color: #f0c3cd !important;
    background: #fff0f3 !important;
}

.app-theme-light .pi-page .pi-kpi.warning > i {
    color: #a76510 !important;
    border-color: #efd6a7 !important;
    background: #fff6e3 !important;
}

/* Primary insight and analytical panels. */
.app-theme-light .pi-page :is(.pi-insight-card, .pi-discipline-card, .pi-panel) {
    color: #17233a !important;
    border-color: #cbd7e5 !important;
    background: #ffffff !important;
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.035), 0 14px 34px rgba(15, 23, 42, 0.055) !important;
}

.app-theme-light .pi-page .pi-insight-card {
    border-top: 3px solid #0f8f83 !important;
    background: linear-gradient(110deg, #eefaf7 0%, #ffffff 40%) !important;
}

.app-theme-light .pi-page .pi-insight-card.warning {
    border-top-color: #c58a28 !important;
    background: linear-gradient(110deg, #fff9ed 0%, #ffffff 40%) !important;
}

.app-theme-light .pi-page .pi-insight-card.danger {
    border-top-color: #c84b66 !important;
    background: linear-gradient(110deg, #fff4f6 0%, #ffffff 40%) !important;
}

.app-theme-light .pi-page .pi-insight-icon i {
    color: #08766b !important;
    border-color: #a9ddd5 !important;
    background: #e8f7f4 !important;
    box-shadow: none !important;
}

.app-theme-light .pi-page .pi-insight-copy a {
    color: #315f9e !important;
    border-color: #bfd1e8 !important;
    background: #edf4fc !important;
}

.app-theme-light .pi-page .pi-insight-copy a:hover {
    color: #ffffff !important;
    border-color: #315f9e !important;
    background: #315f9e !important;
}

.app-theme-light .pi-page .pi-highlight-list {
    border-color: #d6e0eb !important;
    background: rgba(248, 250, 252, 0.9) !important;
}

.app-theme-light .pi-page .pi-highlight-list dt {
    color: #60738b !important;
}

.app-theme-light .pi-page .pi-highlight-list dd {
    color: #25364d !important;
}

.app-theme-light .pi-page .pi-panel-heading {
    padding-bottom: 12px;
    border-bottom: 1px solid #dbe3ed;
    background: linear-gradient(90deg, #f7f9fc, #ffffff 72%);
}

.app-theme-light .pi-page :is(.pi-chart-legend, .pi-r-stats span, .pi-table-wrap th, .pi-emotion-header, .pi-heatmap-corner, .pi-heatmap-week) {
    color: #5b6d84 !important;
}

.app-theme-light .pi-page .pi-r-stats {
    border-top-color: #dbe3ed !important;
    background: #f8fafc;
}

.app-theme-light .pi-page .pi-r-stats strong {
    color: #25364d !important;
}

.app-theme-light .pi-page canvas {
    filter: saturate(0.94) contrast(0.98);
}

/* Tables, pattern cards, cohorts, history, and risk stories. */
.app-theme-light .pi-page .pi-table-wrap td {
    color: #263951 !important;
    border-top-color: #dbe3ed !important;
}

.app-theme-light .pi-page .pi-table-wrap tbody tr:nth-child(even) {
    background: #f8fafc;
}

.app-theme-light .pi-page :is(.pi-review-list a, .pi-leak-list button, .pi-emotion-table button) {
    color: #2a3c53 !important;
    border-color: #dbe3ed !important;
}

.app-theme-light .pi-page :is(.pi-review-list a:hover, .pi-leak-list button:hover, .pi-emotion-table button:hover, .pi-clickable-row:hover) {
    background: #f1f6fd !important;
}

.app-theme-light .pi-page .pi-playbook-name .rank {
    color: #315f9e !important;
    background: #eaf2fb !important;
}

.app-theme-light .pi-page .pi-review-list > a > i {
    color: #6550a5 !important;
    background: #f1edfb !important;
}

.app-theme-light .pi-page .pi-luck-card {
    color: #25364d !important;
    border-color: #d6e0eb !important;
    background: #f8fafc !important;
}

.app-theme-light .pi-page .pi-luck-card.positive {
    border-color: #b9e3d6 !important;
    background: #effaf6 !important;
}

.app-theme-light .pi-page .pi-luck-card.warning {
    border-color: #efd6a7 !important;
    background: #fff9ed !important;
}

.app-theme-light .pi-page .pi-luck-card.negative {
    border-color: #efc0ca !important;
    background: #fff3f5 !important;
}

.app-theme-light .pi-page .pi-luck-card.blue {
    border-color: #bfd2eb !important;
    background: #f1f6fd !important;
}

.app-theme-light .pi-page .pi-luck-card:hover {
    border-color: #91acd0 !important;
    background: #ffffff !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07);
}

.app-theme-light .pi-page :is(.pi-luck-card > div i, .pi-evolution-title > i) {
    color: #4f6f96 !important;
    background: #eaf0f7 !important;
}

.app-theme-light .pi-page .pi-leak-rank {
    color: #b93655 !important;
    border-color: #efc0ca !important;
    background: #fff0f3 !important;
}

.app-theme-light .pi-page .pi-emotion-table button {
    background: transparent !important;
}

.app-theme-light .pi-page .pi-emotion-table button:nth-of-type(even) {
    background: #f8fafc !important;
}

.app-theme-light .pi-page .pi-heatmap-rule {
    color: #17233a !important;
    border-color: #d6e0eb !important;
    background: #f8fafc !important;
}

.app-theme-light .pi-page .pi-heatmap-rule:hover {
    border-color: #9fb9dc !important;
    background: #f1f6fd !important;
}

.app-theme-light .pi-page .pi-heatmap-rule span {
    color: #60738b !important;
}

.app-theme-light .pi-page .pi-heat-cell {
    color: #5b6d84 !important;
    border-color: #d6e0eb !important;
    background: #eef2f7 !important;
}

.app-theme-light .pi-page .pi-heat-cell.strong {
    color: #047857 !important;
    border-color: #a9decf !important;
    background: #e9f8f2 !important;
}

.app-theme-light .pi-page .pi-heat-cell.mixed {
    color: #9a5d0b !important;
    border-color: #ebcf99 !important;
    background: #fff5df !important;
}

.app-theme-light .pi-page .pi-heat-cell.weak {
    color: #b72f50 !important;
    border-color: #edbdc8 !important;
    background: #fff0f3 !important;
}

.app-theme-light .pi-page .pi-heat-cell.low-coverage {
    color: #5d51a2 !important;
    border-color: #d0c9ef !important;
    background: repeating-linear-gradient(135deg, #f3f1fb, #f3f1fb 5px, #e9edf4 5px, #e9edf4 10px) !important;
}

.app-theme-light .pi-page :is(.pi-evolution-list > article, .pi-cohort-list > button, .pi-cohort-metrics > div, .pi-risk-story-metrics > div, .pi-risk-story-metrics > button, .pi-change-list > article, .pi-change-list dl > div, .pi-record-grid button) {
    color: #17233a !important;
    border-color: #d6e0eb !important;
    background: #f8fafc !important;
}

.app-theme-light .pi-page .pi-evolution-list > article.positive {
    border-left: 3px solid #1d9b78 !important;
}

.app-theme-light .pi-page .pi-evolution-list > article.negative {
    border-left: 3px solid #d2516b !important;
}

.app-theme-light .pi-page .pi-evolution-list > article.warning {
    border-left: 3px solid #c58a28 !important;
}

.app-theme-light .pi-page .pi-evolution-metrics > div {
    color: #25364d !important;
    background: #edf2f7 !important;
}

.app-theme-light .pi-page .pi-evolution-metrics span,
.app-theme-light .pi-page .pi-evolution-metrics small {
    color: #60738b !important;
}

.app-theme-light .pi-page .pi-cohort-list > button:hover,
.app-theme-light .pi-page .pi-record-grid button:hover {
    border-color: #9fb9dc !important;
    background: #f1f6fd !important;
}

.app-theme-light .pi-page .pi-risk-story {
    color: #17233a !important;
    border-color: #d6e0eb !important;
    background: #ffffff !important;
}

.app-theme-light .pi-page .pi-risk-story.positive {
    border-top: 3px solid #1d9b78 !important;
    background: linear-gradient(115deg, #effaf6, #ffffff 48%) !important;
}

.app-theme-light .pi-page .pi-risk-story.warning {
    border-top: 3px solid #c58a28 !important;
    background: linear-gradient(115deg, #fff9ed, #ffffff 48%) !important;
}

.app-theme-light .pi-page .pi-risk-story.negative {
    border-top: 3px solid #d2516b !important;
    background: linear-gradient(115deg, #fff3f5, #ffffff 48%) !important;
}

.app-theme-light .pi-page .pi-change-list > article.positive {
    border-left: 3px solid #1d9b78 !important;
}

.app-theme-light .pi-page .pi-change-list > article.negative {
    border-left: 3px solid #d2516b !important;
}

.app-theme-light .pi-page .pi-edge-switch {
    border-color: #cbd7e5 !important;
    background: #eef2f7 !important;
}

.app-theme-light .pi-page .pi-edge-switch button {
    color: #53657d !important;
}

.app-theme-light .pi-page .pi-edge-switch button.active {
    color: #ffffff !important;
    background: #315f9e !important;
}

.app-theme-light .pi-page .pi-edge-table > button {
    color: #25364d !important;
    border-color: #dbe3ed !important;
    background: #ffffff !important;
}

.app-theme-light .pi-page .pi-edge-table > button:nth-of-type(even) {
    background: #f8fafc !important;
}

.app-theme-light .pi-page .pi-edge-table > button:hover {
    background: #f1f6fd !important;
}

.app-theme-light .pi-page .pi-edge-table > button strong {
    color: #20344c !important;
}

.app-theme-light .pi-page .pi-edge-table em {
    color: #60738b !important;
}

/* Light drawer treatment. */
.app-theme-light .pi-page .pi-drawer-backdrop {
    background: rgba(15, 23, 42, 0.34) !important;
}

.app-theme-light .pi-page .pi-drilldown-drawer {
    color: #17233a !important;
    border-color: #cbd7e5 !important;
    background: #ffffff !important;
    box-shadow: -24px 0 64px rgba(15, 23, 42, 0.18) !important;
}

.app-theme-light .pi-page .pi-drilldown-drawer > header {
    border-bottom-color: #d6e0eb !important;
    background: #f7f9fc !important;
}

.app-theme-light .pi-page .pi-drilldown-drawer > header span {
    color: #315f9e !important;
}

.app-theme-light .pi-page .pi-drilldown-drawer > header h2,
.app-theme-light .pi-page .pi-drawer-trade-head strong {
    color: #10213a !important;
}

.app-theme-light .pi-page .pi-drilldown-drawer > header p,
.app-theme-light .pi-page :is(.pi-drawer-summary span, .pi-drawer-trade-head span, .pi-drawer-trades dt, .pi-drawer-limit) {
    color: #60738b !important;
}

.app-theme-light .pi-page .pi-drilldown-drawer > header button {
    color: #344861 !important;
    border-color: #cbd7e5 !important;
    background: #ffffff !important;
}

.app-theme-light .pi-page :is(.pi-drawer-summary > div, .pi-drawer-trades article) {
    color: #17233a !important;
    border-color: #d6e0eb !important;
    background: #f8fafc !important;
}

.app-theme-light .pi-page .pi-drawer-trades dd {
    color: #344861 !important;
}

/* Child analytics views embedded under Performance Analytics. */
.app-theme-light .pi-page :is(.action-root, .evolution-root, .evidence-root) {
    --ac-border: #cbd7e5;
    --ac-panel: #ffffff;
    --ac-muted: #53657d;
    --ac-positive: #047857;
    --ac-negative: #be123c;
    --ac-warning: #b45309;
    --ac-blue: #2563eb;
    --ev-border: #cbd7e5;
    --ev-panel: #ffffff;
    --ev-muted: #53657d;
    --ev-positive: #047857;
    --ev-negative: #be123c;
    --ev-warning: #b45309;
    --ev-blue: #2563eb;
    color: #17233a !important;
}

.app-theme-light .pi-page :is(.action-readiness, .action-experiment, .action-panel, .action-loading, .evolution-hero, .evolution-panel, .evolution-loading, .evidence-hero, .evidence-panel, .evidence-card, .evidence-loading) {
    color: #17233a !important;
    border-color: #cbd7e5 !important;
    background: #ffffff !important;
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.035), 0 14px 34px rgba(15, 23, 42, 0.055) !important;
}

.app-theme-light .pi-page .action-readiness {
    border-top: 3px solid #0f8f83 !important;
    background: linear-gradient(110deg, #eefaf7, #ffffff 43%) !important;
}

.app-theme-light .pi-page .action-experiment {
    border-top: 3px solid #6267a9 !important;
    background: linear-gradient(110deg, #f3f4ff, #ffffff 43%) !important;
}

.app-theme-light .pi-page :is(.evolution-hero, .evidence-hero) {
    border-top: 3px solid #4f7fcb !important;
    background: linear-gradient(110deg, #f2f7fd, #ffffff 43%) !important;
}

.app-theme-light .pi-page :is(.action-section-heading h2, .action-readiness-copy h3, .action-experiment-copy h3, .action-panel > header h3, .evolution-section-heading h2, .evolution-hero-copy h3, .evolution-panel > header h3, .evidence-section-heading h2, .evidence-hero h3, .evidence-panel header h3, .evidence-card > header h3) {
    color: #10213a !important;
}

.app-theme-light .pi-page :is(.action-section-heading p, .action-readiness-copy p, .action-experiment-copy > p, .evolution-section-heading p, .evolution-hero-copy p, .evidence-section-heading p, .evidence-hero p, .evidence-card > p, .evidence-empty, .evolution-empty) {
    color: #53657d !important;
}

.app-theme-light .pi-page :is(.action-section-heading > div > span, .action-panel > header span, .action-readiness-copy > span, .action-experiment-copy > span, .evolution-section-heading > div > span, .evolution-panel > header span, .evolution-hero-copy > span, .evidence-section-heading > div > span, .evidence-panel header span, .evidence-hero-copy > span) {
    color: #315f9e !important;
}

.app-theme-light .pi-page :is(.action-readiness-context, .action-dimensions > div, .action-experiment-copy dl > div, .action-priority-measure, .action-priority-list > button, .action-signal-grid button, .action-truth-grid button, .action-lanes > section, .action-lanes article, .evolution-hero-metrics > div, .evolution-regression-list button, .evolution-comparison-row, .evolution-timeline button, .evolution-streak-grid button, .evolution-monthly-grid > button, .evolution-milestone-grid button, .evidence-hero dl > div, .evidence-sources > section, .evidence-gap, .evidence-metric, .evidence-readiness, .evidence-checks > div) {
    color: #17233a !important;
    border-color: #d6e0eb !important;
    background: #f8fafc !important;
}

.app-theme-light .pi-page :is(.action-priority-list > button:hover, .action-signal-grid button:hover, .action-truth-grid button:hover, .action-debt-list button:hover, .evolution-regression-list button:hover, .evolution-timeline button:hover, .evolution-streak-grid button:hover, .evolution-monthly-grid > button:hover, .evolution-milestone-grid button:hover) {
    border-color: #a9bdd5 !important;
    background: #f1f5f9 !important;
}

.app-theme-light .pi-page :is(.action-experiment-copy dt, .action-priority-copy small, .action-priority-measure small, .action-signal-grid span, .action-debt-progress small, .action-panel > header > small, .evolution-hero-metrics span, .evolution-hero-metrics small, .evolution-comparison-header, .evolution-timeline button small, .evolution-timeline button p, .evolution-monthly-grid dt, .evolution-monthly-grid dd, .evidence-hero dt, .evidence-source-title span, .evidence-metric span, .evidence-gap > span, .evidence-gap > small, .evidence-gap > div, .evidence-readiness-heading span, .evidence-checks span) {
    color: #60738b !important;
}

.app-theme-light .pi-page :is(.action-drawer, .evolution-drawer, .evidence-drawer) {
    color: #17233a !important;
    border-color: #cbd7e5 !important;
    background: #ffffff !important;
    box-shadow: -24px 0 64px rgba(15, 23, 42, 0.17) !important;
}

/* Brokerage Accounts: polished light-mode surfaces and hierarchy. */
.app-theme-light .broker-page {
    --zd-bg: #f4f7fb;
    --zd-surface: #ffffff;
    --zd-surface-strong: #ffffff;
    --zd-surface-soft: #f7f9fc;
    --zd-border: #cbd7e5;
    --zd-border-strong: #aebfd3;
    --zd-text: #10213a;
    --zd-muted: #53657d;
    --zd-subtle: #6b7d94;
    --zd-teal: #08786d;
    --zd-teal-dark: #08665e;
    --zd-cyan: #167da5;
    --zd-blue: #315f9e;
    --zd-purple: #6557a5;
    --zd-amber: #ad6b13;
    --zd-danger: #be123c;
    color: #17233a !important;
}

.app-theme-light .broker-page :is(.broker-page__header h2, .section-heading-row h3, .empty-page-state h3, .broker-modal__header h3, .broker-choice-card h4, .provider-summary-card h4, .broker-account-card h4, .connection-manager__header h3, .confirmation-dialog h3) {
    color: #10213a !important;
}

.app-theme-light .broker-page :is(.broker-page__header p, .section-heading-row p, .empty-page-state p, .empty-accounts-state, .provider-summary-card p, .provider-summary-card__copy > span, .broker-account-card__identity p, .broker-modal__header p, .connection-manager__header p, .confirmation-dialog p, .broker-choice-card p) {
    color: #53657d !important;
}

.app-theme-light .broker-page .last-sync-card {
    color: #17233a !important;
    border-color: #c3d3e5 !important;
    border-left: 3px solid #4f7fcb !important;
    background: linear-gradient(120deg, #f1f6fd, #ffffff 72%) !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.065);
}

.app-theme-light .broker-page .last-sync-card__icon {
    color: #315f9e !important;
    border-color: #bfd2eb !important;
    background: #e7f0fb !important;
}

.app-theme-light .broker-page .last-sync-card small {
    color: #60738b !important;
}

.app-theme-light .broker-page .zd-action--primary {
    color: #ffffff !important;
    border-color: #08786d !important;
    background: #08786d !important;
    box-shadow: 0 8px 20px rgba(8, 120, 109, 0.18) !important;
}

.app-theme-light .broker-page .zd-action--primary:hover:not(:disabled) {
    background: #08665e !important;
    box-shadow: 0 11px 24px rgba(8, 102, 94, 0.22) !important;
}

.app-theme-light .broker-page .zd-action--secondary {
    color: #31516f !important;
    border-color: #c4d2e2 !important;
    background: #ffffff !important;
}

.app-theme-light .broker-page .zd-action--secondary:hover:not(:disabled) {
    color: #174f9e !important;
    border-color: #9fb9dc !important;
    background: #f1f6fd !important;
}

.app-theme-light .broker-page .zd-action--warning {
    color: #8b570c !important;
    border-color: #e6c584 !important;
    background: #fff8e8 !important;
}

.app-theme-light .broker-page .zd-action--danger-ghost {
    color: #b42343 !important;
    border-color: #ebbac5 !important;
    background: #fff2f4 !important;
}

.app-theme-light .broker-page :is(.icon-action, .zd-action--disabled) {
    color: #41556e !important;
    border-color: #cbd7e5 !important;
    background: #f7f9fc !important;
}

.app-theme-light .broker-page .icon-action:hover {
    color: #174f9e !important;
    background: #edf4fc !important;
}

/* Sync workflow becomes a light, purposeful status strip. */
.app-theme-light .broker-page .workflow-card {
    border-color: #c4d2e2 !important;
    background:
        linear-gradient(100deg, rgba(236, 249, 245, 0.92), rgba(242, 247, 253, 0.95) 52%, rgba(255, 248, 232, 0.92)) !important;
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.035), 0 14px 34px rgba(15, 23, 42, 0.055);
}

.app-theme-light .broker-page .workflow-step small {
    color: #203149 !important;
}

.app-theme-light .broker-page .workflow-step span {
    color: #53657d !important;
}

.app-theme-light .broker-page .workflow-step__icon {
    color: #526984 !important;
    border-color: #c4d2e2 !important;
    background: #ffffff !important;
    box-shadow: 0 3px 9px rgba(15, 23, 42, 0.05);
}

.app-theme-light .broker-page .workflow-step--complete .workflow-step__icon {
    color: #08745d !important;
    border-color: #9fd7c6 !important;
    background: #e6f7f1 !important;
}

.app-theme-light .broker-page .workflow-step--synced .workflow-step__icon {
    color: #315f9e !important;
    border-color: #aec8ea !important;
    background: #eaf2fc !important;
}

.app-theme-light .broker-page .workflow-step--review .workflow-step__icon {
    color: #9a5d0b !important;
    border-color: #e4c47f !important;
    background: #fff4dc !important;
}

.app-theme-light .broker-page .workflow-step strong {
    color: #08786d !important;
}

.app-theme-light .broker-page .workflow-step--review strong {
    color: #ad6b13 !important;
}

.app-theme-light .broker-page .workflow-chevron {
    color: #8ca0b8 !important;
}

.app-theme-light .broker-page .count-badge {
    color: #31516f !important;
    border-color: #bfd1e6 !important;
    background: #edf4fb !important;
}

.app-theme-light .broker-page :is(.loading-card, .empty-page-state, .empty-accounts-state, .security-banner, .provider-summary-card) {
    color: #17233a !important;
    border-color: #cbd7e5 !important;
    background: #ffffff !important;
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.035), 0 12px 28px rgba(15, 23, 42, 0.05) !important;
}

.app-theme-light .broker-page .security-banner {
    background: linear-gradient(100deg, #eef6fd, #ffffff 72%) !important;
}

.app-theme-light .broker-page .security-banner__icon,
.app-theme-light .broker-page .empty-page-state__icon {
    color: #315f9e !important;
    border-color: #bfd1e6 !important;
    background: #eaf2fb !important;
}

.app-theme-light .broker-page .empty-accounts-state strong {
    color: #203149 !important;
}

/* Brokerage account cards. */
.app-theme-light .broker-page .broker-account-card {
    color: #17233a !important;
    border-color: #c4d2e2 !important;
    background: linear-gradient(155deg, #ffffff, #f8fafc) !important;
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.04), 0 15px 34px rgba(15, 23, 42, 0.07) !important;
}

.app-theme-light .broker-page .broker-account-card:hover {
    border-color: #9fb5ce !important;
    box-shadow: 0 5px 12px rgba(15, 23, 42, 0.05), 0 18px 38px rgba(15, 23, 42, 0.09) !important;
}

.app-theme-light .broker-page .broker-account-card--ready {
    border-color: #dfbd78 !important;
    border-top: 3px solid #c58a28 !important;
}

.app-theme-light .broker-page .broker-account-card__identity h4 {
    color: #10213a !important;
}

.app-theme-light .broker-page :is(.provider-mark--snaptrade, .account-provider-mark--snaptrade) {
    color: #ffffff !important;
    border-color: #0a887a !important;
    background: linear-gradient(145deg, #0f8f83, #08665e) !important;
}

.app-theme-light .broker-page :is(.provider-mark--ctrader, .account-provider-mark--ctrader) {
    color: #ffffff !important;
    border-color: #ce594d !important;
    background: linear-gradient(145deg, #de695b, #b83e47) !important;
}

.app-theme-light .broker-page .state-pill--healthy {
    color: #08745d !important;
    border-color: #a8ddcd !important;
    background: #e8f8f2 !important;
}

.app-theme-light .broker-page .state-pill--warning {
    color: #92590b !important;
    border-color: #e8ca8d !important;
    background: #fff6e3 !important;
}

.app-theme-light .broker-page .state-pill--neutral {
    color: #53657d !important;
    border-color: #cbd7e5 !important;
    background: #eef2f7 !important;
}

.app-theme-light .broker-page .state-pill--readonly {
    color: #5d51a2 !important;
    border-color: #cec7eb !important;
    background: #f2f0fb !important;
}

.app-theme-light .broker-page .state-pill--paper {
    color: #176a88 !important;
    border-color: #add6e5 !important;
    background: #eaf7fb !important;
}

.app-theme-light .broker-page .journal-link-card {
    color: #17233a !important;
    border-color: #d2dce8 !important;
    background: #f7f9fc !important;
}

.app-theme-light .broker-page .journal-link-card--linked {
    border-color: #adddce !important;
    background: linear-gradient(90deg, #eaf8f3, #f8fbfa) !important;
}

.app-theme-light .broker-page .journal-link-card--unlinked {
    border-color: #e6ca91 !important;
    background: linear-gradient(90deg, #fff6e4, #fffaf1) !important;
}

.app-theme-light .broker-page .journal-link-card--interactive:hover,
.app-theme-light .broker-page .journal-link-card--interactive:focus-visible {
    border-color: #79b7aa !important;
    background: #edf9f5 !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.07) !important;
}

.app-theme-light .broker-page .journal-link-card__icon {
    color: #08786d !important;
    background: #dff3ee !important;
}

.app-theme-light .broker-page .journal-link-card__icon--warning {
    color: #9a5d0b !important;
    background: #fff0cf !important;
}

.app-theme-light .broker-page .journal-link-card__copy small,
.app-theme-light .broker-page .journal-link-card__copy span {
    color: #60738b !important;
}

.app-theme-light .broker-page .journal-link-card__copy strong {
    color: #203149 !important;
}

.app-theme-light .broker-page .journal-link-card__status {
    color: #08745d !important;
    border-color: #a8ddcd !important;
    background: #e8f8f2 !important;
}

.app-theme-light .broker-page .journal-link-card__status--warning {
    color: #92590b !important;
    border-color: #e8ca8d !important;
    background: #fff3dc !important;
}

.app-theme-light .broker-page .journal-link-card__open {
    color: #08786d !important;
}

.app-theme-light .broker-page .account-metrics {
    margin-top: 15px;
    padding: 13px 10px !important;
    border: 1px solid #dbe3ed !important;
    border-radius: 11px;
    background: #f7f9fc !important;
}

.app-theme-light .broker-page .account-metric {
    border-right-color: #dbe3ed !important;
}

.app-theme-light .broker-page .account-metric strong {
    color: #203149 !important;
}

.app-theme-light .broker-page .account-metric small {
    color: #60738b !important;
}

.app-theme-light .broker-page .account-metric__icon {
    color: #526984 !important;
    background: #e8eef5 !important;
}

.app-theme-light .broker-page .account-metric__icon--blue {
    color: #315f9e !important;
    background: #e6f0fc !important;
}

.app-theme-light .broker-page .account-metric__icon--green {
    color: #08745d !important;
    background: #e4f6ef !important;
}

.app-theme-light .broker-page .account-metric__icon--amber {
    color: #9a5d0b !important;
    background: #fff1d5 !important;
}

.app-theme-light .broker-page .account-status-row > div {
    color: #17233a !important;
    border-color: #d6e0eb !important;
    background: #ffffff !important;
}

.app-theme-light .broker-page .account-status-row small {
    color: #6b7d94 !important;
}

.app-theme-light .broker-page .account-status-row strong {
    color: #25364d !important;
}

.app-theme-light .broker-page :is(.provider-inline-warning--error, .account-inline-warning--error) {
    color: #a51f3e !important;
    border-color: #edbac5 !important;
    background: #fff1f3 !important;
}

.app-theme-light .broker-page :is(.provider-inline-warning--warning, .account-inline-warning--warning) {
    color: #865108 !important;
    border-color: #e8c987 !important;
    background: #fff7e6 !important;
}

.app-theme-light .broker-page .account-action--review {
    color: #284d7d !important;
    border-color: #b9cce3 !important;
    background: #edf4fb !important;
}

.app-theme-light .broker-page .account-action--review small {
    color: #60738b !important;
}

.app-theme-light .broker-page .account-action--review:hover:not(:disabled) {
    color: #174f9e !important;
    border-color: #91afd4 !important;
    background: #e3eefb !important;
}

.app-theme-light .broker-page .account-action--sync {
    color: #ffffff !important;
    background: #08786d !important;
    box-shadow: 0 7px 16px rgba(8, 120, 109, 0.14);
}

.app-theme-light .broker-page .account-action--sync small {
    color: rgba(255, 255, 255, 0.78) !important;
}

.app-theme-light .broker-page .account-action--sync:hover:not(:disabled) {
    background: #08665e !important;
}

.app-theme-light .broker-page .account-action--first-sync {
    color: #ffffff !important;
    border-color: #6557a5 !important;
    background: #6557a5 !important;
}

.app-theme-light .broker-page .account-action--first-sync small {
    color: rgba(255, 255, 255, 0.76) !important;
}

/* Menus and dialogs opened from the brokerage cards. */
.app-theme-light .broker-page .action-menu {
    color: #17233a !important;
    border-color: #cbd7e5 !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.16) !important;
}

.app-theme-light .broker-page .action-menu button {
    color: #344861 !important;
}

.app-theme-light .broker-page .action-menu button:hover:not(:disabled) {
    background: #f1f6fd !important;
}

.app-theme-light .broker-page .action-menu .danger-menu-item {
    color: #b42343 !important;
}

.app-theme-light .broker-page .modal-backdrop {
    background: rgba(15, 23, 42, 0.38) !important;
}

.app-theme-light .broker-page :is(.broker-modal, .connection-manager, .confirmation-dialog) {
    color: #17233a !important;
    border-color: #c4d2e2 !important;
    background: #ffffff !important;
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.22) !important;
}

.app-theme-light .broker-page :is(.broker-modal__header, .connection-manager__header, .broker-modal__search) {
    border-color: #d6e0eb !important;
    background: #f8fafc !important;
}

.app-theme-light .broker-page .search-box {
    color: #17233a !important;
    border-color: #c4d2e2 !important;
    background: #ffffff !important;
}

.app-theme-light .broker-page .search-box input {
    color: #17233a !important;
}

.app-theme-light .broker-page .search-box input::placeholder {
    color: #718198 !important;
}

.app-theme-light .broker-page .read-only-note {
    color: #315f78 !important;
    border-color: #bdd7e4 !important;
    background: #eef8fb !important;
}

.app-theme-light .broker-page :is(.broker-choice-card, .connection-manager__row) {
    color: #17233a !important;
    border-color: #d6e0eb !important;
    background: #f8fafc !important;
}

.app-theme-light .broker-page .connection-manager__row--warning {
    border-color: #e4c47f !important;
    background: #fff9ed !important;
}

.app-theme-light .broker-page .broker-choice-card__logo {
    color: #08786d !important;
    border-color: #adddce !important;
    background: #e8f8f2 !important;
}

.app-theme-light .broker-page .mini-status--available {
    color: #08745d !important;
    border-color: #a8ddcd !important;
    background: #e8f8f2 !important;
}

.app-theme-light .broker-page .confirmation-dialog__icon {
    color: #9a5d0b !important;
    background: #fff1d5 !important;
}

/* Connect-account modal is rendered outside .broker-page. */
.app-theme-light .modal-backdrop:has(> .broker-modal) {
    background: rgba(15, 23, 42, 0.42) !important;
    backdrop-filter: blur(7px);
}

.app-theme-light .broker-modal {
    --zd-border: #cbd7e5;
    --zd-border-strong: #aebfd3;
    --zd-text: #10213a;
    --zd-muted: #53657d;
    --zd-subtle: #6b7d94;
    color: #17233a !important;
    border-color: #b9c9dc !important;
    background: #ffffff !important;
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.25) !important;
}

.app-theme-light .broker-modal .broker-modal__header {
    border-bottom-color: #d6e0eb !important;
    background: linear-gradient(100deg, #f2f7fd, #ffffff 72%) !important;
}

.app-theme-light .broker-modal .broker-modal__header h3 {
    color: #10213a !important;
    font-weight: 750;
}

.app-theme-light .broker-modal .broker-modal__header p {
    color: #53657d !important;
}

.app-theme-light .broker-modal .icon-action {
    color: #41556e !important;
    border-color: #c4d2e2 !important;
    background: #ffffff !important;
}

.app-theme-light .broker-modal .icon-action:hover {
    color: #174f9e !important;
    border-color: #9fb9dc !important;
    background: #edf4fc !important;
}

.app-theme-light .broker-modal .broker-modal__search {
    border-bottom-color: #d6e0eb !important;
    background: #ffffff !important;
}

.app-theme-light .broker-modal .search-box {
    color: #526984 !important;
    border-color: #bdccdd !important;
    background: #f7f9fc !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.025);
}

.app-theme-light .broker-modal .search-box:focus-within {
    border-color: #739bd0 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(49, 95, 158, 0.1);
}

.app-theme-light .broker-modal .search-box input {
    color: #17233a !important;
}

.app-theme-light .broker-modal .search-box input::placeholder {
    color: #718198 !important;
}

.app-theme-light .broker-modal .search-box button {
    color: #60738b !important;
}

.app-theme-light .broker-modal .read-only-note {
    color: #315f78 !important;
    border-color: #b7d5e4 !important;
    border-left: 3px solid #3d88a8 !important;
    background: #eef8fb !important;
}

.app-theme-light .broker-modal .broker-modal__body {
    background: #f4f7fb !important;
    scrollbar-color: #9db0c8 #edf1f6;
}

.app-theme-light .broker-modal .broker-choice-card {
    color: #17233a !important;
    border-color: #cbd7e5 !important;
    background: #ffffff !important;
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.035), 0 10px 24px rgba(15, 23, 42, 0.05);
    transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

.app-theme-light .broker-modal .broker-choice-card:hover {
    transform: translateY(-1px);
    border-color: #a7bcd5 !important;
    box-shadow: 0 5px 12px rgba(15, 23, 42, 0.05), 0 14px 28px rgba(15, 23, 42, 0.075);
}

.app-theme-light .broker-modal .broker-choice-card__logo {
    color: #08786d !important;
    border-color: #a8ddcd !important;
    background: linear-gradient(145deg, #e9f8f3, #dff2ed) !important;
}

.app-theme-light .broker-modal .broker-choice-card h4 {
    color: #10213a !important;
}

.app-theme-light .broker-modal .broker-choice-card p {
    color: #52657d !important;
}

.app-theme-light .broker-modal .broker-choice-card small {
    color: #6b7d94 !important;
}

.app-theme-light .broker-modal .mini-status {
    color: #64748b !important;
    border-color: #d1dbe7 !important;
    background: #eef2f7 !important;
}

.app-theme-light .broker-modal .mini-status--available {
    color: #08745d !important;
    border-color: #a8ddcd !important;
    background: #e8f8f2 !important;
}

.app-theme-light .broker-modal .zd-action--primary {
    color: #ffffff !important;
    border-color: #08786d !important;
    background: #08786d !important;
    box-shadow: 0 7px 16px rgba(8, 120, 109, 0.17) !important;
}

.app-theme-light .broker-modal .zd-action--primary:hover:not(:disabled) {
    border-color: #08665e !important;
    background: #08665e !important;
    box-shadow: 0 9px 20px rgba(8, 102, 94, 0.21) !important;
}

.app-theme-light .broker-modal .zd-action--disabled {
    color: #718198 !important;
    border-color: #d1dbe7 !important;
    background: #eef2f7 !important;
    opacity: 1 !important;
}

.app-theme-light .broker-modal .empty-accounts-state {
    color: #53657d !important;
    border-color: #cbd7e5 !important;
    background: #ffffff !important;
}

.app-theme-light .broker-modal .empty-accounts-state strong {
    color: #203149 !important;
}

/* ==================================================================
   Editorial light theme — warm ivory, ink slate, moss and ledger red.
   Authenticated application only; signed-out routes and dark mode keep
   their existing visual systems.
   ================================================================== */
.app-theme-light .authenticated-app-shell {
    --light-canvas: #f7f4ed;
    --light-panel: #fffdfa;
    --light-panel-muted: #f1eee6;
    --light-border: #d8d1c1;
    --light-border-strong: #c5bcaa;
    --light-ink: #172820;
    --light-ink-soft: #34483f;
    --light-muted: #6e756b;
    --light-moss: #5d6d54;
    --light-moss-dark: #43503d;
    --light-moss-soft: #e6ebdf;
    --light-ledger: #ad3d29;
    --light-ledger-dark: #8f3021;
    --light-ledger-soft: #f3e2dc;
    --light-amber: #98651d;
    --light-amber-soft: #f7edd9;
    --light-info: #4c6671;
    --light-info-soft: #e5ecee;
    --bg-app: var(--light-canvas);
    --bg-panel: var(--light-panel);
    --bg-sidebar: #fbfaf6;
    --bg-hover: #eeece4;
    --border-subtle: var(--light-border);
    --text-primary: var(--light-ink);
    --text-muted: var(--light-muted);
    --scrollbar-thumb: #aaa596;
    --scrollbar-thumb-hover: #807b6e;
    color: var(--light-ink) !important;
    background: var(--light-canvas) !important;
}

.app-theme-light .authenticated-app-shell .main-shell,
.app-theme-light .authenticated-app-shell .main-page-scroll {
    color: var(--light-ink) !important;
    background: var(--light-canvas) !important;
}

.app-theme-light .authenticated-app-shell :where(
    [class~="bg-slate-950"],
    [class~="bg-slate-950/20"],
    [class~="bg-slate-950/25"],
    [class~="bg-slate-950/30"],
    [class~="bg-slate-950/35"],
    [class~="bg-slate-950/40"],
    [class~="bg-slate-950/50"],
    [class~="bg-slate-950/60"],
    [class~="bg-slate-950/70"],
    [class~="bg-slate-950/80"]
) {
    background-color: var(--light-canvas) !important;
}

.app-theme-light .authenticated-app-shell :where(
    [class~="bg-slate-900"],
    [class~="bg-slate-900/20"],
    [class~="bg-slate-900/30"],
    [class~="bg-slate-900/40"],
    [class~="bg-slate-900/50"],
    [class~="bg-slate-900/60"],
    [class~="bg-slate-900/70"],
    [class~="bg-slate-900/80"]
) {
    background-color: var(--light-panel) !important;
}

.app-theme-light .authenticated-app-shell :where(
    [class~="bg-slate-800"],
    [class~="bg-slate-800/30"],
    [class~="bg-slate-800/40"],
    [class~="bg-slate-800/50"],
    [class~="bg-slate-800/60"],
    [class~="bg-slate-800/70"]
) {
    background-color: var(--light-panel-muted) !important;
}

.app-theme-light .authenticated-app-shell :where(
    [class~="border-slate-800"],
    [class~="border-slate-800/60"],
    [class~="border-slate-800/70"],
    [class~="border-slate-700"],
    [class~="border-slate-700/70"],
    [class~="border-slate-600"]
) {
    border-color: var(--light-border) !important;
}

.app-theme-light .authenticated-app-shell :where(
    [class~="text-white"],
    [class~="text-slate-50"],
    [class~="text-slate-100"],
    [class~="text-slate-200"],
    [class~="text-slate-300"]
) {
    color: var(--light-ink) !important;
}

.app-theme-light .authenticated-app-shell :where([class~="text-slate-400"], [class~="text-slate-500"], [class~="text-slate-600"]) {
    color: var(--light-muted) !important;
}

.app-theme-light .authenticated-app-shell :where(input, select, textarea) {
    color: var(--light-ink);
    border-color: var(--light-border);
    background-color: var(--light-panel);
    color-scheme: light;
}

.app-theme-light .authenticated-app-shell :where(input, textarea)::placeholder {
    color: #8a8b80;
}

.app-theme-light .authenticated-app-shell :where(input, select, textarea):focus {
    border-color: #8b9a80 !important;
    box-shadow: 0 0 0 3px rgba(93, 109, 84, 0.11) !important;
    outline: none;
}

/* Warm application chrome. */
.app-theme-light .authenticated-app-shell .app-sidebar {
    border-color: var(--light-border) !important;
    background: #fbfaf6 !important;
    box-shadow: 7px 0 24px rgba(55, 48, 37, 0.045) !important;
}

.app-theme-light .authenticated-app-shell .app-topbar {
    border-color: var(--light-border) !important;
    background: rgba(251, 250, 246, 0.97) !important;
    box-shadow: 0 3px 12px rgba(55, 48, 37, 0.04) !important;
}

.app-theme-light .authenticated-app-shell .nav-menu-shell {
    background: linear-gradient(180deg, #fbfaf6 0%, #f5f2ea 100%) !important;
}

.app-theme-light .authenticated-app-shell .nav-menu-shell :is(.brand-row, .brand-row-collapsed, .nav-reminder-host) {
    border-color: var(--light-border) !important;
}

.app-theme-light .authenticated-app-shell .nav-menu-shell :is(.brand-name, .zen-reminder-card p) {
    color: var(--light-ink) !important;
}

.app-theme-light .authenticated-app-shell .nav-menu-shell :is(.brand-subtitle, .zen-reminder-card span) {
    color: var(--light-muted) !important;
}

.app-theme-light .authenticated-app-shell .nav-menu-shell .sidebar-toggle {
    color: var(--light-moss-dark) !important;
    border-color: #c3cbbd !important;
    background: var(--light-moss-soft) !important;
}

.app-theme-light .authenticated-app-shell .nav-menu-shell .sidebar-toggle:hover {
    color: #ffffff !important;
    border-color: var(--light-moss) !important;
    background: var(--light-moss) !important;
}

.app-theme-light .authenticated-app-shell .nav-menu-shell .nav-section-heading span {
    color: var(--light-moss-dark) !important;
}

.app-theme-light .authenticated-app-shell .nav-menu-shell .nav-section-line {
    background: linear-gradient(90deg, #cfc8b8, transparent) !important;
}

.app-theme-light .authenticated-app-shell .nav-menu-shell .nav-item {
    color: #3d4d45 !important;
}

.app-theme-light .authenticated-app-shell .nav-menu-shell .nav-item:hover {
    color: var(--light-ink) !important;
    background: #eeece4 !important;
}

.app-theme-light .authenticated-app-shell .nav-menu-shell .nav-item.is-active {
    color: var(--light-ink) !important;
    border-color: #bec8b7 !important;
    background: var(--light-moss-soft) !important;
    box-shadow: inset 3px 0 0 var(--light-moss) !important;
}

.app-theme-light .authenticated-app-shell .nav-menu-shell .nav-reminder-host {
    background: #f5f2ea !important;
}

.app-theme-light .authenticated-app-shell .nav-menu-shell .zen-reminder-card {
    border-color: #cbd3c4 !important;
    background: linear-gradient(145deg, #edf0e7, #fffdfa) !important;
    box-shadow: 0 8px 20px rgba(55, 48, 37, 0.055) !important;
}

.app-theme-light .authenticated-app-shell .theme-toggle {
    color: var(--light-moss-dark) !important;
    border-color: var(--light-border) !important;
    background: var(--light-panel) !important;
}

.app-theme-light .authenticated-app-shell .theme-toggle:hover {
    color: #ffffff !important;
    border-color: var(--light-moss) !important;
    background: var(--light-moss) !important;
}

/* Shared editorial surface language across signed-in screens. */
.app-theme-light .authenticated-app-shell :is(.career-dashboard, .calendar-page, .beh-page, .pi-page) {
    color: var(--light-ink) !important;
    background: var(--light-canvas) !important;
}

.app-theme-light .authenticated-app-shell .career-dashboard {
    --panel: var(--light-panel);
    --panel-strong: var(--light-panel);
    --border: var(--light-border);
    --border-soft: #e3ddd0;
    --muted: var(--light-muted);
    --soft: var(--light-ink-soft);
}

.app-theme-light .authenticated-app-shell .calendar-page {
    --calendar-bg: var(--light-canvas);
    --calendar-panel: var(--light-panel);
    --calendar-panel-strong: var(--light-panel-muted);
    --calendar-border: var(--light-border);
    --calendar-muted: var(--light-muted);
    --calendar-text: var(--light-ink);
    --calendar-blue: var(--light-moss);
    --calendar-positive: #476340;
    --calendar-negative: var(--light-ledger);
    --calendar-warning: var(--light-amber);
    --calendar-neutral: var(--light-muted);
}

.app-theme-light .authenticated-app-shell .beh-page {
    --beh-bg: var(--light-canvas);
    --beh-panel: var(--light-panel);
    --beh-border: var(--light-border);
    --beh-text: var(--light-ink);
    --beh-muted: var(--light-muted);
    --beh-cyan: var(--light-moss);
    --beh-blue: var(--light-info);
    --beh-positive: #476340;
    --beh-negative: var(--light-ledger);
    --beh-warning: var(--light-amber);
}

.app-theme-light .authenticated-app-shell .pi-page {
    --pi-bg: var(--light-canvas);
    --pi-panel: var(--light-panel);
    --pi-panel-strong: var(--light-panel-muted);
    --pi-border: var(--light-border);
    --pi-text: var(--light-ink);
    --pi-muted: var(--light-muted);
    --pi-positive: #476340;
    --pi-negative: var(--light-ledger);
    --pi-warning: var(--light-amber);
    --pi-blue: var(--light-info);
}

.app-theme-light .authenticated-app-shell :is(
    .career-dashboard .metric-card,
    .career-dashboard .panel,
    .career-dashboard .progress-metric-card,
    .career-dashboard .milestone-card,
    .career-dashboard .coach-tip-card,
    .calendar-page .month-identity,
    .calendar-page .calendar-metric,
    .calendar-page .calendar-coach,
    .calendar-page .calendar-card,
    .calendar-page .insight-widget,
    .beh-page .beh-discipline-card,
    .beh-page .beh-process-card,
    .beh-page .beh-panel,
    .pi-page .pi-kpi,
    .pi-page .pi-insight-card,
    .pi-page .pi-discipline-card,
    .pi-page .pi-panel,
    .support-page .support-info-card,
    .support-page .support-form-panel,
    .account-settings-tabs,
    .trading-account-list,
    .broker-page .workflow-card,
    .broker-page .broker-account-card
) {
    border-color: var(--light-border) !important;
    background: var(--light-panel) !important;
    box-shadow: 0 2px 5px rgba(55, 48, 37, 0.025), 0 10px 26px rgba(55, 48, 37, 0.05) !important;
}

.app-theme-light .authenticated-app-shell :is(.career-dashboard, .calendar-page, .beh-page, .pi-page, .support-page, .broker-page, .account-settings-page) :is(h1, h2, h3, h4) {
    color: var(--light-ink) !important;
}

.app-theme-light .authenticated-app-shell :is(.career-dashboard, .calendar-page, .beh-page, .pi-page, .support-page, .broker-page, .account-settings-page) :is(p, small) {
    text-wrap: pretty;
}

/* Dashboard: flat metric ledger, sage coaching and red performance curve. */
.app-theme-light .authenticated-app-shell .career-dashboard :is(.eyebrow, .panel-heading > div > span, .mini-caption) {
    color: var(--light-moss-dark) !important;
}

.app-theme-light .authenticated-app-shell .career-dashboard .metric-card {
    border-top: 1px solid var(--light-border) !important;
    border-radius: 4px !important;
    background: #fffdfa !important;
    box-shadow: none !important;
}

.app-theme-light .authenticated-app-shell .career-dashboard .metric-card.primary {
    border-left: 3px solid var(--light-ledger) !important;
}

.app-theme-light .authenticated-app-shell .career-dashboard :is(.metric-card.negative strong, .negative) {
    color: var(--light-ledger) !important;
}

.app-theme-light .authenticated-app-shell .career-dashboard :is(.metric-card.positive strong, .positive) {
    color: #3f5d39 !important;
}

.app-theme-light .authenticated-app-shell .career-dashboard .focus-card {
    border-color: #cbd3c4 !important;
    background: var(--light-moss-soft) !important;
    box-shadow: none !important;
}

.app-theme-light .authenticated-app-shell .career-dashboard .focus-action {
    border-color: #d4d5ca !important;
    background: #fffdfa !important;
}

.app-theme-light .authenticated-app-shell .career-dashboard .next-milestone {
    border-color: #dfc7bd !important;
    background: var(--light-ledger-soft) !important;
}

.app-theme-light .authenticated-app-shell .career-dashboard :is(.segmented-control, .emotion-toggle) {
    border-color: var(--light-border) !important;
    background: var(--light-panel-muted) !important;
}

.app-theme-light .authenticated-app-shell .career-dashboard :is(.segmented-control button.active, .emotion-toggle button.active) {
    color: #ffffff !important;
    background: var(--light-moss) !important;
}

.app-theme-light .authenticated-app-shell .career-dashboard .grid-line {
    stroke: #ddd7ca !important;
}

.app-theme-light .authenticated-app-shell .career-dashboard .equity-line {
    stroke: var(--light-ledger) !important;
}

.app-theme-light .authenticated-app-shell .career-dashboard #equityAreaV2 stop:first-child {
    stop-color: var(--light-ledger) !important;
    stop-opacity: .13 !important;
}

.app-theme-light .authenticated-app-shell .career-dashboard .equity-dot {
    fill: var(--light-ledger) !important;
    stroke: #fffdfa !important;
}

.app-theme-light .authenticated-app-shell .career-dashboard :is(.emotion-performance-panel, .recent-trades-panel) {
    border-color: var(--light-border) !important;
    background: var(--light-panel) !important;
}

.app-theme-light .authenticated-app-shell .career-dashboard :is(.emotion-table tr:nth-child(even), .trade-table tr:nth-child(even)) {
    background: #f7f4ed !important;
}

/* Tabs and page-level controls use moss, not bright application blue. */
.app-theme-light .authenticated-app-shell :is(.beh-section-nav, .pi-section-nav, .period-review-nav, .trade-review-nav) {
    border-color: var(--light-border) !important;
    background: var(--light-panel) !important;
    box-shadow: 0 5px 16px rgba(55, 48, 37, 0.045) !important;
}

.app-theme-light .authenticated-app-shell :is(.beh-section-nav a, .pi-section-nav a) {
    color: #586158 !important;
}

.app-theme-light .authenticated-app-shell :is(.beh-section-nav a:hover, .pi-section-nav a:hover) {
    color: var(--light-ink) !important;
    background: #efede6 !important;
}

.app-theme-light .authenticated-app-shell :is(.beh-section-nav a.active, .pi-section-nav a.active) {
    color: var(--light-moss-dark) !important;
    background: var(--light-moss-soft) !important;
    box-shadow: inset 0 0 0 1px #cbd3c4 !important;
}

.app-theme-light .authenticated-app-shell :is(.beh-section-nav a::after, .pi-section-nav a::after) {
    background: var(--light-moss) !important;
}

.app-theme-light .authenticated-app-shell :is(.beh-filter-toggle.active, .pi-filter-toggle.active, .calendar-page .view-button.active, .pi-edge-switch button.active) {
    color: #ffffff !important;
    border-color: var(--light-moss) !important;
    background: var(--light-moss) !important;
}

.app-theme-light .authenticated-app-shell :is(.pi-button.primary, .beh-filter-actions button:first-child) {
    color: #ffffff !important;
    border-color: var(--light-moss) !important;
    background: var(--light-moss) !important;
    box-shadow: 0 6px 14px rgba(67, 80, 61, 0.16) !important;
}

.app-theme-light .authenticated-app-shell :is(.pi-page .pi-eyebrow, .pi-page .pi-section-heading span, .pi-page .pi-panel-heading span, .beh-page .beh-eyebrow, .beh-page .beh-section-heading span, .calendar-page .calendar-eyebrow) {
    color: var(--light-moss-dark) !important;
}

.app-theme-light .authenticated-app-shell :is(.pi-page .pi-panel-heading, .calendar-page .calendar-toolbar, .calendar-page .calendar-context, .calendar-page .weekday-grid) {
    border-color: #e1dbcf !important;
    background: #f8f6f0 !important;
}

.app-theme-light .authenticated-app-shell .pi-page .pi-insight-card,
.app-theme-light .authenticated-app-shell .beh-page .action-readiness {
    border-color: #cbd3c4 !important;
    border-top: 3px solid var(--light-moss) !important;
    background: linear-gradient(110deg, var(--light-moss-soft), var(--light-panel) 44%) !important;
}

.app-theme-light .authenticated-app-shell :is(.beh-page .action-experiment, .pi-page .pi-insight-card.warning) {
    border-color: #dfc7bd !important;
    border-top: 3px solid var(--light-ledger) !important;
    background: linear-gradient(110deg, var(--light-ledger-soft), var(--light-panel) 44%) !important;
}

.app-theme-light .authenticated-app-shell .pi-page .pi-kpi {
    border-radius: 4px !important;
    background: var(--light-panel) !important;
    box-shadow: none !important;
}

.app-theme-light .authenticated-app-shell .pi-page .pi-kpi.negative {
    border-top: 2px solid var(--light-ledger) !important;
}

.app-theme-light .authenticated-app-shell .pi-page .pi-kpi.positive {
    border-top: 2px solid var(--light-moss) !important;
}

.app-theme-light .authenticated-app-shell .pi-page .pi-kpi.warning {
    border-top: 2px solid var(--light-amber) !important;
}

.app-theme-light .authenticated-app-shell .pi-page .pi-kpi.blue {
    border-top: 2px solid var(--light-info) !important;
}

/* Calendar, trades and AI review inherit the same paper-and-ink rhythm. */
.app-theme-light .authenticated-app-shell .calendar-page .calendar-day {
    color: var(--light-ink) !important;
    border-color: #e2dccf !important;
    background: var(--light-panel) !important;
}

.app-theme-light .authenticated-app-shell .calendar-page .calendar-day:hover,
.app-theme-light .authenticated-app-shell .calendar-page .calendar-day.is-today {
    background: var(--light-moss-soft) !important;
}

.app-theme-light .authenticated-app-shell .calendar-page .calendar-day:is(.mode-outcome.profit, .mode-discipline.process-strong) {
    background: #edf1e8 !important;
}

.app-theme-light .authenticated-app-shell .calendar-page .calendar-day:is(.mode-outcome.loss, .mode-discipline.process-review) {
    background: #f7e8e2 !important;
}

.app-theme-light .authenticated-app-shell :is(.trades-toolbar-grid .trade-metric-card, .broker-import-strip, .trade-mobile-card) {
    color: var(--light-ink) !important;
    border-color: var(--light-border) !important;
    background: var(--light-panel) !important;
    box-shadow: 0 8px 20px rgba(55, 48, 37, 0.045) !important;
}

.app-theme-light .authenticated-app-shell .trades-data-table tbody tr:nth-child(odd) {
    background: var(--light-panel) !important;
}

.app-theme-light .authenticated-app-shell .trades-data-table tbody tr:nth-child(even) {
    background: #f1eee6 !important;
}

.app-theme-light .authenticated-app-shell .trades-data-table :is(th, td) {
    color: #34483f !important;
    border-color: #e1dbcf !important;
}

.app-theme-light .authenticated-app-shell .trades-data-table th,
.app-theme-light .authenticated-app-shell .trades-data-table .trade-actions-column {
    color: #536158 !important;
    background: #ebe8df !important;
}

.app-theme-light .authenticated-app-shell .ai-review-desktop-layout {
    color: var(--light-ink) !important;
    border-color: var(--light-border) !important;
    background: var(--light-canvas) !important;
    box-shadow: 0 10px 26px rgba(55, 48, 37, 0.05) !important;
}

.app-theme-light .authenticated-app-shell .ai-review-desktop-layout :is(.ai-review-sidebar, .ai-review-content) {
    border-color: var(--light-border) !important;
    background: var(--light-panel) !important;
}

.app-theme-light .authenticated-app-shell .ai-review-desktop-layout .ai-review-sidebar button[class*="border-blue"] {
    border-color: #bfc9b8 !important;
    background: var(--light-moss-soft) !important;
}

.app-theme-light .authenticated-app-shell :is(.period-review-next-focus, .trade-review-next-focus) {
    border-color: #d8c7a7 !important;
    background: var(--light-amber-soft) !important;
}

/* Settings, support, brokerage, and their controls. */
.app-theme-light .authenticated-app-shell .account-settings-tabs__item--active {
    color: var(--light-moss-dark) !important;
    border-color: #bec8b7 !important;
    background: var(--light-moss-soft) !important;
}

.app-theme-light .authenticated-app-shell .account-settings-tabs__item--active .account-settings-tabs__icon {
    color: var(--light-moss-dark) !important;
    border-color: #bec8b7 !important;
    background: #dce4d5 !important;
}

.app-theme-light .authenticated-app-shell .trading-account-row--active {
    background: linear-gradient(90deg, var(--light-moss-soft), var(--light-panel) 68%) !important;
}

.app-theme-light .authenticated-app-shell .support-page .support-hero {
    color: var(--light-ink) !important;
    border-color: #cbd3c4 !important;
    background: linear-gradient(120deg, var(--light-moss-soft), var(--light-panel) 68%) !important;
    box-shadow: 0 10px 26px rgba(55, 48, 37, 0.05) !important;
}

.app-theme-light .authenticated-app-shell .broker-page {
    --zd-surface: var(--light-panel);
    --zd-surface-strong: var(--light-panel);
    --zd-surface-soft: var(--light-panel-muted);
    --zd-border: var(--light-border);
    --zd-border-strong: var(--light-border-strong);
    --zd-text: var(--light-ink);
    --zd-muted: var(--light-muted);
    --zd-subtle: #7c8076;
    --zd-teal: var(--light-moss);
    --zd-teal-dark: var(--light-moss-dark);
    --zd-blue: var(--light-info);
    --zd-amber: var(--light-amber);
    --zd-danger: var(--light-ledger);
}

.app-theme-light .authenticated-app-shell .broker-page .workflow-card {
    background: linear-gradient(100deg, #edf1e8, #f1f0e9 52%, #f7edd9) !important;
}

.app-theme-light .authenticated-app-shell .broker-page .broker-account-card {
    border-radius: 6px !important;
    background: var(--light-panel) !important;
}

.app-theme-light .authenticated-app-shell .broker-page :is(.zd-action--primary, .account-action--sync) {
    color: #ffffff !important;
    border-color: var(--light-moss) !important;
    background: var(--light-moss) !important;
}

.app-theme-light .authenticated-app-shell .broker-page :is(.zd-action--primary, .account-action--sync):hover:not(:disabled) {
    background: var(--light-moss-dark) !important;
}

/* The connect modal is outside the layout subtree but still signed-in UI. */
.app-theme-light .broker-modal {
    --light-panel: #fffdfa;
    --light-canvas: #f7f4ed;
    --light-border: #d8d1c1;
    --light-ink: #172820;
    --light-muted: #6e756b;
    color: var(--light-ink) !important;
    border-color: var(--light-border) !important;
    background: var(--light-panel) !important;
}

.app-theme-light .broker-modal .broker-modal__header,
.app-theme-light .broker-modal .broker-modal__search {
    border-color: var(--light-border) !important;
    background: #fbfaf6 !important;
}

.app-theme-light .broker-modal .broker-modal__body {
    background: var(--light-canvas) !important;
}

.app-theme-light .broker-modal .broker-choice-card {
    border-color: var(--light-border) !important;
    background: var(--light-panel) !important;
}

.app-theme-light .broker-modal .broker-choice-card__logo,
.app-theme-light .broker-modal .mini-status--available {
    color: #43503d !important;
    border-color: #bec8b7 !important;
    background: #e6ebdf !important;
}

.app-theme-light .broker-modal .zd-action--primary {
    color: #ffffff !important;
    border-color: #5d6d54 !important;
    background: #5d6d54 !important;
}

/* Dashboard light mode: one neutral surface hierarchy, matching dark mode.
   Colour communicates meaning through accents, icons, charts and statuses;
   it no longer changes the base fill of every component. */
.app-theme-light .main-page-scroll:has(.career-dashboard),
.app-theme-light .career-dashboard {
    background: #f3f6fa !important;
}

.app-theme-light .career-dashboard :is(
    .metric-card,
    .panel,
    .focus-card,
    .progress-metric-card,
    .next-milestone,
    .milestone-card,
    .priorities-card,
    .coach-tip-card,
    .emotion-panel,
    .recent-panel
) {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.025), 0 7px 18px rgba(15, 23, 42, 0.055) !important;
}

.app-theme-light .career-dashboard :is(
    .metric-card.primary,
    .metric-card.primary:has(> .negative-value),
    .metric-card.primary:has(> .positive-value),
    .metric-card:nth-child(2),
    .metric-card.expectancy-card,
    .metric-card.profit-factor-card,
    .metric-card:nth-child(5),
    .progress-metric-card:nth-child(1),
    .progress-metric-card:nth-child(2),
    .progress-metric-card:nth-child(3),
    .progress-metric-card:nth-child(4)
) {
    background: #ffffff !important;
}

.app-theme-light .career-dashboard :is(
    .panel-heading,
    .performance-panel .panel-heading,
    .analysis-grid > .panel:first-child .panel-heading,
    .analysis-grid > .panel:last-child .panel-heading,
    .progress-panel .panel-heading,
    .emotion-panel .panel-heading,
    .recent-panel .panel-heading,
    .dashboard-coach-column .milestone-card .panel-heading,
    .priorities-card .panel-heading
) {
    border-bottom-color: #e2e8f0 !important;
    background: #f8fafc !important;
}

.app-theme-light .career-dashboard :is(.performance-panel, .analysis-grid > .panel:first-child, .analysis-grid > .panel:last-child, .progress-panel, .emotion-panel, .recent-panel) {
    background: #ffffff !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column :is(.focus-card, .milestone-card),
.app-theme-light .career-dashboard :is(.priorities-card, .coach-tip-card, .next-milestone) {
    background: #ffffff !important;
}

.app-theme-light .career-dashboard .dashboard-coach-column .experiment-progress,
.app-theme-light .career-dashboard :is(.segmented-control, .emotion-toggle) {
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
}

.app-theme-light .career-dashboard :is(
    .emotion-table thead,
    .trade-table thead,
    .emotion-table tbody tr:nth-child(even),
    .trade-table tbody tr:nth-child(even),
    .emotion-panel .emotion-table thead,
    .emotion-panel .emotion-table tbody tr:nth-child(even),
    .recent-panel .trade-table thead,
    .recent-panel .trade-table tbody tr:nth-child(even)
) {
    background: #f8fafc !important;
}

.app-theme-light .career-dashboard .performance-panel .equity-chart {
    background: #ffffff !important;
}

.app-theme-light .career-dashboard .performance-panel .grid-line {
    stroke: #e2e8f0 !important;
}

/* Trade detail drawer: use the same neutral light hierarchy as the Trades
   screen. The chart keeps its own semantic market colours. */
.app-theme-light .trade-view-root {
    color: #0f172a !important;
}

.app-theme-light .trade-view-backdrop {
    background: rgba(15, 23, 42, .30) !important;
    backdrop-filter: blur(6px);
}

.app-theme-light .trade-view-panel {
    border-color: #cbd5e1 !important;
    background: #f3f6fa !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .22) !important;
}

.app-theme-light .trade-view-header,
.app-theme-light .trade-view-footer {
    border-color: #cbd5e1 !important;
    background: rgba(255, 255, 255, .97) !important;
}

.app-theme-light .trade-title-line h2,
.app-theme-light .trade-section-heading h3,
.app-theme-light .trade-chart-header h3,
.app-theme-light .trade-detail-tile strong,
.app-theme-light .trade-r-ring strong,
.app-theme-light .trade-stat-list dd,
.app-theme-light .trade-duration-row strong,
.app-theme-light .trade-empty-state strong {
    color: #0f172a !important;
}

.app-theme-light :is(.trade-symbol, .trade-header-meta, .trade-chart-meta, .trade-position, .trade-duration-row, .trade-empty-state) {
    color: #64748b !important;
}

.app-theme-light .trade-header-meta span + span::before {
    color: #cbd5e1 !important;
}

.app-theme-light :is(.trade-icon-button, .trade-secondary-button, .trade-footer-nav) {
    color: #334155 !important;
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
}

.app-theme-light :is(.trade-icon-button, .trade-secondary-button, .trade-footer-nav:not(:disabled)):hover {
    color: #1d4ed8 !important;
    border-color: #93c5fd !important;
    background: #eff6ff !important;
}

.app-theme-light .trade-close-button {
    color: #ffffff !important;
    border-color: #2563eb !important;
    background: #2563eb !important;
    box-shadow: 0 7px 18px rgba(37, 99, 235, .18) !important;
}

.app-theme-light .trade-close-button:hover {
    border-color: #1d4ed8 !important;
    background: #1d4ed8 !important;
}

.app-theme-light .trade-surface-card {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .025), 0 6px 16px rgba(15, 23, 42, .045) !important;
}

.app-theme-light .trade-overview-card {
    scrollbar-color: #94a3b8 transparent;
}

.app-theme-light :is(.trade-section-kicker, .trade-section-heading > i, .trade-chart-meta i, .trade-card-title i, .trade-notes-label i, .trade-duration-row i, .trade-position i, .trade-empty-state i) {
    color: #2563eb !important;
}

.app-theme-light .trade-detail-tile {
    border-color: #e2e8f0 !important;
    background: #f8fafc !important;
}

.app-theme-light .trade-detail-tile > i {
    color: #2563eb !important;
}

.app-theme-light :is(.trade-detail-tile span, .trade-notes-label, .trade-stat-list dt) {
    color: #64748b !important;
}

.app-theme-light .trade-notes-block {
    border-color: #e2e8f0 !important;
    background: #f8fafc !important;
}

.app-theme-light .trade-notes-block p {
    color: #334155 !important;
}

.app-theme-light :is(.trade-chart-header, .trade-card-title) {
    border-color: #e2e8f0 !important;
}

.app-theme-light .trade-timeframe-badge {
    color: #1e3a8a !important;
    border-color: #bfdbfe !important;
    background: #eff6ff !important;
}

.app-theme-light .trade-card-title {
    color: #334155 !important;
}

.app-theme-light .trade-r-ring {
    background: #ffffff !important;
}

.app-theme-light :is(.trade-detail-tile.positive > i, .trade-detail-tile.positive strong, .trade-stat-list dd.positive, .trade-view-root .positive) {
    color: #047857 !important;
}

.app-theme-light :is(.trade-detail-tile.negative > i, .trade-detail-tile.negative strong, .trade-detail-tile.danger > i, .trade-stat-list dd.negative, .trade-view-root .negative) {
    color: #be123c !important;
}

.app-theme-light .trade-view-root .neutral {
    color: #64748b !important;
}

.app-theme-light .trade-context-tag {
    color: #475569 !important;
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
}

.app-theme-light .trade-context-tag.accent {
    color: #1d4ed8 !important;
    border-color: #bfdbfe !important;
    background: #eff6ff !important;
}

.app-theme-light .trade-context-tag.positive,
.app-theme-light .direction-positive {
    color: #047857 !important;
    border-color: #a7f3d0 !important;
    background: #ecfdf5 !important;
}

.app-theme-light .trade-context-tag.negative,
.app-theme-light .direction-negative {
    color: #be123c !important;
    border-color: #fecdd3 !important;
    background: #fff1f2 !important;
}

/* Trade psychology picker: neutral light controls with restrained semantic
   colour. This component is shared by trade edit and broker import flows. */
.app-theme-light .trade-state-picker__label {
    color: #334155 !important;
}

.app-theme-light .trade-state-picker__optional,
.app-theme-light .trade-state-picker__group-label,
.app-theme-light .trade-state-picker__empty {
    color: #64748b !important;
}

.app-theme-light .trade-state-picker__trigger {
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .035) !important;
}

.app-theme-light .trade-state-picker__trigger:hover,
.app-theme-light .trade-state-picker__trigger[aria-expanded="true"] {
    border-color: #60a5fa !important;
    background: #f8fafc !important;
}

.app-theme-light :is(
    .trade-state-picker__trigger,
    .trade-state-picker__clear,
    .trade-state-picker__chip,
    .trade-state-picker__option
):focus-visible {
    outline-color: #3b82f6 !important;
}

.app-theme-light .trade-state-picker__value > i {
    color: #0f766e !important;
}

.app-theme-light .trade-state-picker__value > span.is-placeholder,
.app-theme-light .trade-state-picker__chevron {
    color: #64748b !important;
}

.app-theme-light .trade-state-picker__clear {
    color: #64748b !important;
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
}

.app-theme-light .trade-state-picker__clear:hover {
    color: #be123c !important;
    border-color: #fda4af !important;
    background: #fff1f2 !important;
}

.app-theme-light :is(.trade-state-picker__chip, .trade-state-picker__option) {
    color: #475569 !important;
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
}

.app-theme-light :is(.trade-state-picker__chip, .trade-state-picker__option):hover {
    color: #0f172a !important;
    border-color: #94a3b8 !important;
    background: #f1f5f9 !important;
}

.app-theme-light :is(.trade-state-picker__chip, .trade-state-picker__option).is-selected {
    color: #1e40af !important;
    border-color: #93c5fd !important;
    background: #dbeafe !important;
}

.app-theme-light .trade-state-picker__menu {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .14) !important;
}

.app-theme-light .trade-state-picker__search {
    border-bottom-color: #e2e8f0 !important;
}

.app-theme-light .trade-state-picker__search > i {
    color: #64748b !important;
}

.app-theme-light .trade-state-picker__search input {
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
}

.app-theme-light .trade-state-picker__search input:focus {
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12) !important;
}

.app-theme-light .trade-state-picker__search input::placeholder {
    color: #94a3b8 !important;
}

/* User Settings: clear page hierarchy and consistent neutral light cards. */
.app-theme-light .main-page-scroll:has(.user-settings-page) {
    background: #f3f6fa !important;
}

.app-theme-light .user-settings-page {
    color: #0f172a !important;
}

.app-theme-light .user-settings-eyebrow {
    color: #1d4ed8 !important;
}

.app-theme-light .user-settings-title {
    color: #0f172a !important;
    font-weight: 750 !important;
    letter-spacing: -.015em;
}

.app-theme-light .user-settings-subtitle,
.app-theme-light .user-settings-card-description {
    color: #64748b !important;
}

.app-theme-light .user-settings-card {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .025), 0 8px 22px rgba(15, 23, 42, .055) !important;
}

.app-theme-light .user-settings-card-header {
    border-bottom-color: #e2e8f0 !important;
    background: #f8fafc !important;
}

.app-theme-light .user-settings-card-body {
    background: #ffffff !important;
}

.app-theme-light .user-settings-card-icon {
    color: #1d4ed8 !important;
    border-color: #bfdbfe !important;
    background: #eff6ff !important;
}

.app-theme-light .user-settings-card-title,
.app-theme-light .user-settings-field-label {
    color: #334155 !important;
}

.app-theme-light .user-settings-input {
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 1px rgba(15, 23, 42, .025) !important;
}

.app-theme-light .user-settings-input:hover {
    border-color: #94a3b8 !important;
}

.app-theme-light .user-settings-input:focus {
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12) !important;
    outline: none;
}

.app-theme-light .user-settings-save-button {
    color: #ffffff !important;
    border-color: #2563eb !important;
    background: #2563eb !important;
    box-shadow: 0 5px 14px rgba(37, 99, 235, .16) !important;
}

.app-theme-light .user-settings-save-button:hover {
    border-color: #1d4ed8 !important;
    background: #1d4ed8 !important;
}

.app-theme-light .user-settings-status {
    color: #047857 !important;
}

.app-theme-light .user-settings-tour-button {
    color: #1d4ed8 !important;
    border-color: #bfdbfe !important;
    background: #eff6ff !important;
    box-shadow: none !important;
}

.app-theme-light .user-settings-tour-button:hover {
    color: #1e3a8a !important;
    border-color: #93c5fd !important;
    background: #dbeafe !important;
}

/* Calendar Discipline view: restore contrast and make process quality the
   dominant signal while keeping the grid calm and scannable. */
.app-theme-light .calendar-page .calendar-view-switcher {
    padding: 4px !important;
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .035) !important;
}

.app-theme-light .calendar-page .view-button {
    color: #475569 !important;
}

.app-theme-light .calendar-page .view-button:hover {
    color: #1e3a8a !important;
    background: #eff6ff !important;
}

.app-theme-light .calendar-page .view-button.active {
    color: #ffffff !important;
    background: #1d4ed8 !important;
    box-shadow: 0 4px 10px rgba(37, 99, 235, .18) !important;
}

.app-theme-light .calendar-page .context-copy strong {
    color: #334155 !important;
}

.app-theme-light .calendar-page .context-copy span {
    color: #64748b !important;
}

.app-theme-light .calendar-page .weekday-grid div {
    color: #475569 !important;
}

.app-theme-light .calendar-page .calendar-day.mode-discipline {
    border-color: #e2e8f0 !important;
    background: #ffffff !important;
}

.app-theme-light .calendar-page .calendar-day.mode-discipline.process-strong {
    background: linear-gradient(90deg, #ecfdf5 0, #ffffff 24%) !important;
    box-shadow: inset 3px 0 0 #10b981 !important;
}

.app-theme-light .calendar-page .calendar-day.mode-discipline.process-mixed {
    background: linear-gradient(90deg, #fffbeb 0, #ffffff 24%) !important;
    box-shadow: inset 3px 0 0 #f59e0b !important;
}

.app-theme-light .calendar-page .calendar-day.mode-discipline.process-review {
    background: linear-gradient(90deg, #fff1f2 0, #ffffff 24%) !important;
    box-shadow: inset 3px 0 0 #f43f5e !important;
}

.app-theme-light .calendar-page .calendar-day.mode-discipline.process-unknown {
    background: #ffffff !important;
}

.app-theme-light .calendar-page .calendar-day.mode-discipline:hover {
    background: #f8fafc !important;
    box-shadow: inset 0 0 0 1px #93c5fd !important;
}

.app-theme-light .calendar-page .calendar-day.mode-discipline.process-strong:hover {
    box-shadow: inset 3px 0 0 #10b981, inset 0 0 0 1px #93c5fd !important;
}

.app-theme-light .calendar-page .calendar-day.mode-discipline.process-mixed:hover {
    box-shadow: inset 3px 0 0 #f59e0b, inset 0 0 0 1px #93c5fd !important;
}

.app-theme-light .calendar-page .calendar-day.mode-discipline.process-review:hover {
    box-shadow: inset 3px 0 0 #f43f5e, inset 0 0 0 1px #93c5fd !important;
}

.app-theme-light .calendar-page .discipline-day-label {
    color: #475569 !important;
}

.app-theme-light .calendar-page .discipline-day-content > strong {
    color: #334155 !important;
    line-height: 1.05;
}

.app-theme-light .calendar-page .calendar-day.mode-discipline.process-strong .discipline-day-content > strong {
    color: #047857 !important;
}

.app-theme-light .calendar-page .calendar-day.mode-discipline.process-mixed .discipline-day-content > strong {
    color: #b45309 !important;
}

.app-theme-light .calendar-page .calendar-day.mode-discipline.process-review .discipline-day-content > strong {
    color: #be123c !important;
}

.app-theme-light .calendar-page .discipline-day-counts {
    color: #475569 !important;
}

.app-theme-light .calendar-page .discipline-day-counts .followed {
    color: #047857 !important;
}

.app-theme-light .calendar-page .discipline-day-counts .broken {
    color: #be123c !important;
}

.app-theme-light .calendar-page .discipline-day-content small {
    color: #64748b !important;
}

.app-theme-light .calendar-page .process-badge.process-strong {
    color: #047857 !important;
    border-color: #a7f3d0 !important;
    background: #ecfdf5 !important;
}

.app-theme-light .calendar-page .process-badge.process-mixed {
    color: #b45309 !important;
    border-color: #fde68a !important;
    background: #fffbeb !important;
}

.app-theme-light .calendar-page .process-badge.process-review {
    color: #be123c !important;
    border-color: #fecdd3 !important;
    background: #fff1f2 !important;
}

/* ========================================================================== */
/* Zen AI Coach / AI reviews — unified light-mode system                      */
/* Covers Trade, Day, Week and Month reviews. Dark mode intentionally stays   */
/* component-owned.                                                           */
/* ========================================================================== */

.app-theme-light .main-page-scroll:has(.ai-review-desktop-layout) {
    background: #f3f6fa !important;
}

.app-theme-light .ai-review-desktop-layout {
    border-color: #cbd5e1 !important;
    background: #f3f6fa !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 12px 30px rgba(15, 23, 42, .07) !important;
}

.app-theme-light .ai-review-sidebar {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
}

.app-theme-light .ai-review-sidebar > div:first-child {
    border-color: #e2e8f0 !important;
    background: #ffffff !important;
}

.app-theme-light .ai-review-content {
    background: #f3f6fa !important;
}

.app-theme-light .ai-review-content-scroll {
    scrollbar-color: #94a3b8 transparent;
}

.app-theme-light .ai-review-sidebar > div:first-child .text-lg,
.app-theme-light .ai-review-sidebar .text-slate-100 {
    color: #0f172a !important;
}

.app-theme-light .ai-review-sidebar .text-slate-300,
.app-theme-light .ai-review-sidebar .text-slate-400 {
    color: #475569 !important;
}

.app-theme-light .ai-review-sidebar .text-slate-500,
.app-theme-light .ai-review-sidebar .text-slate-600 {
    color: #64748b !important;
}

.app-theme-light .ai-review-sidebar [class*="bg-slate-950/"],
.app-theme-light .ai-review-sidebar [class*="bg-slate-900/"] {
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
}

.app-theme-light .ai-review-sidebar .grid.grid-cols-4,
.app-theme-light .ai-review-sidebar .grid.grid-cols-2 {
    border-color: #cbd5e1 !important;
    background: #f1f5f9 !important;
}

.app-theme-light .ai-review-sidebar button.bg-blue-600 {
    color: #ffffff !important;
    background: #2563eb !important;
    box-shadow: 0 2px 6px rgba(37, 99, 235, .24) !important;
}

.app-theme-light .ai-review-sidebar button:not(.bg-blue-600):hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

.app-theme-light .ai-review-sidebar button[class*="bg-cyan-500/"] {
    color: #0f766e !important;
    background: #ecfeff !important;
    box-shadow: inset 0 0 0 1px #99f6e4 !important;
}

.app-theme-light .ai-review-sidebar button[class*="bg-violet-500/"] {
    color: #6d28d9 !important;
    background: #f5f3ff !important;
    box-shadow: inset 0 0 0 1px #ddd6fe !important;
}

.app-theme-light .ai-review-sidebar details {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
}

.app-theme-light .ai-review-sidebar details > div {
    border-color: #e2e8f0 !important;
}

.app-theme-light .ai-review-sidebar button.w-full {
    border-color: #d7e0ea !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
}

.app-theme-light .ai-review-sidebar button.w-full:hover {
    border-color: #93c5fd !important;
    background: #f8fbff !important;
}

.app-theme-light .ai-review-sidebar button.w-full[class*="border-blue-500"] {
    border-color: #60a5fa !important;
    background: #eff6ff !important;
    box-shadow: inset 3px 0 0 #2563eb, 0 3px 10px rgba(37, 99, 235, .10) !important;
}

.app-theme-light .ai-review-sidebar .border-dashed {
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
    color: #64748b !important;
}

/* Shared review typography. */
.app-theme-light :is(.period-review-root, .trade-review-root) :is(.text-slate-50, .text-slate-100, .text-slate-200) {
    color: #0f172a !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) .text-slate-300 {
    color: #334155 !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) :is(.text-slate-400, .text-slate-500, .text-slate-600) {
    color: #64748b !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) .text-slate-700 {
    color: #94a3b8 !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) :is(.text-blue-200, .text-blue-300, .text-blue-400) {
    color: #1d4ed8 !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) :is(.text-sky-200, .text-sky-300, .text-sky-400) {
    color: #0369a1 !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) :is(.text-cyan-200, .text-cyan-300, .text-cyan-400) {
    color: #0e7490 !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) :is(.text-emerald-200, .text-emerald-300, .text-emerald-400) {
    color: #047857 !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) :is(.text-rose-200, .text-rose-300, .text-rose-400) {
    color: #be123c !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) :is(.text-amber-200, .text-amber-300, .text-amber-400) {
    color: #b45309 !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) :is(.text-violet-200, .text-violet-300, .text-violet-400) {
    color: #6d28d9 !important;
}

/* Neutral surfaces and separators used by every review scope. */
.app-theme-light :is(.period-review-root, .trade-review-root) [class*="bg-slate-950/"],
.app-theme-light :is(.period-review-root, .trade-review-root) [class*="bg-slate-900/"] {
    background: #ffffff !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) [class*="bg-slate-800/"] {
    background: #f8fafc !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) :is(.border-slate-700, .border-slate-800),
.app-theme-light :is(.period-review-root, .trade-review-root) [class*="divide-slate-800"] > :not([hidden]) ~ :not([hidden]) {
    border-color: #dbe3ec !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) [class*="bg-slate-800"].gap-px {
    background: #dbe3ec !important;
}

.app-theme-light :is(.period-review-score-strip, .trade-review-score-strip),
.app-theme-light :is(.period-review-context-card, .trade-review-outcome-card, .trade-review-process-card),
.app-theme-light :is(.period-review-root, .trade-review-root) > section.rounded-2xl,
.app-theme-light :is(.period-review-root, .trade-review-root) > div > section.rounded-2xl {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 18px rgba(15, 23, 42, .045) !important;
}

.app-theme-light .period-review-score-ring {
    background: conic-gradient(#10b981 calc(var(--score) * 1%), #dbe3ec 0) !important;
}

.app-theme-light .period-review-score-ring::before {
    background: #ffffff !important;
}

.app-theme-light :is(.period-review-score-main, .period-review-performance, .period-review-evidence) {
    border-color: #dbe3ec !important;
}

/* Sticky in-review tabs. */
.app-theme-light :is(.period-review-nav, .trade-review-nav) {
    margin-inline: 0 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: .75rem !important;
    background: rgba(255, 255, 255, .96) !important;
    padding: .25rem .35rem 0 !important;
    box-shadow: 0 3px 10px rgba(15, 23, 42, .06) !important;
}

.app-theme-light :is(.period-review-nav, .trade-review-nav) a {
    color: #475569 !important;
    border-bottom-color: transparent !important;
}

.app-theme-light :is(.period-review-nav, .trade-review-nav) a:hover,
.app-theme-light :is(.period-review-nav, .trade-review-nav) a:focus-visible {
    color: #1d4ed8 !important;
    border-bottom-color: #3b82f6 !important;
    background: #eff6ff !important;
    outline: none;
}

/* Semantic coaching and status cards get one restrained accent each. */
.app-theme-light :is(.period-review-root, .trade-review-root) [class*="border-emerald-500"] {
    border-color: #a7f3d0 !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) [class*="bg-emerald-500/"] {
    background: #f0fdf4 !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) [class*="border-rose-500"] {
    border-color: #fecdd3 !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) [class*="bg-rose-500/"] {
    background: #fff1f2 !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) [class*="border-blue-500"] {
    border-color: #bfdbfe !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) [class*="bg-blue-500/"] {
    background: #eff6ff !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) [class*="border-violet-500"] {
    border-color: #ddd6fe !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) [class*="bg-violet-500/"] {
    background: #f5f3ff !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) [class*="border-amber-500"] {
    border-color: #fde68a !important;
}

.app-theme-light :is(.period-review-root, .trade-review-root) [class*="bg-amber-500/"] {
    background: #fffbeb !important;
}

/* Process score, snapshot and evidence tiles. */
.app-theme-light :is(.period-review-process-metrics, .trade-review-process-metrics) > div,
.app-theme-light :is(.period-review-context-card, .trade-review-outcome-card) .rounded-xl,
.app-theme-light :is(.period-review-root, .trade-review-root) .rounded-xl.border.border-slate-800 {
    border-color: #dbe3ec !important;
    background: #f8fafc !important;
}

.app-theme-light :is(.period-review-playbook-header, .trade-review-rules-header) {
    border-color: #dbe3ec !important;
    background: #f8fafc !important;
}

.app-theme-light .period-review-playbook-metrics > div {
    background: #ffffff !important;
}

.app-theme-light :is(.period-review-playbook-body, .trade-review-root [class*="bg-slate-950/25"]) {
    background: #f8fafc !important;
}

.app-theme-light :is(.period-review-version-row, .trade-review-rule-group-summary, .trade-review-rule-row) {
    border-color: #dbe3ec !important;
    background: #ffffff !important;
}

.app-theme-light .trade-review-rule-group-summary:hover {
    background: #eff6ff !important;
}

/* Next-period / next-trade commitment. */
.app-theme-light :is(.period-review-next-focus, .trade-review-next-focus) {
    border-color: #f6cf76 !important;
    background: linear-gradient(135deg, #fffbeb 0%, #ffffff 72%) !important;
    box-shadow: 0 1px 2px rgba(120, 53, 15, .05), 0 8px 20px rgba(120, 53, 15, .07) !important;
}

.app-theme-light :is(.period-review-next-focus, .trade-review-next-focus)::before {
    background: linear-gradient(180deg, #d97706, #f59e0b 60%, #fde68a) !important;
}

.app-theme-light :is(.period-review-next-focus-header, .trade-review-next-focus-header) {
    border-color: #fde68a !important;
}

.app-theme-light :is(.period-review-next-focus-icon, .trade-review-next-focus-icon) {
    border-color: #f6cf76 !important;
    background: #fef3c7 !important;
    color: #b45309 !important;
}

.app-theme-light :is(.period-review-next-focus-eyebrow, .trade-review-next-focus-eyebrow,
                       .period-review-next-focus-label, .trade-review-next-focus-label,
                       .period-review-next-focus-action-label, .trade-review-next-focus-action-label) {
    color: #92400e !important;
}

.app-theme-light :is(.period-review-next-focus-subtitle, .trade-review-next-focus-subtitle) {
    color: #64748b !important;
}

.app-theme-light :is(.period-review-next-focus-priority, .trade-review-next-focus-priority) {
    border-color: #f6cf76 !important;
    background: #fef3c7 !important;
    color: #92400e !important;
}

.app-theme-light :is(.period-review-next-focus-title, .trade-review-next-focus-title) {
    color: #0f172a !important;
}

.app-theme-light :is(.period-review-next-focus-action, .trade-review-next-focus-action) {
    border-color: #dbe3ec !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .035) !important;
}

.app-theme-light :is(.period-review-next-focus-check, .trade-review-next-focus-check) {
    border-color: #a7f3d0 !important;
    background: #ecfdf5 !important;
    color: #047857 !important;
}

.app-theme-light :is(.period-review-next-focus-action-text, .trade-review-next-focus-action-text) {
    color: #334155 !important;
}

/* Keep primary actions legible after the global light utility remap. */
.app-theme-light :is(.period-review-root, .trade-review-root) :is(button.bg-blue-600, a.bg-blue-600) {
    color: #ffffff !important;
    background: #2563eb !important;
    border-color: #2563eb !important;
}

@media (max-width: 1279px) {
    .app-theme-light :is(.period-review-root, .trade-review-root) {
        color: #0f172a;
    }

    .app-theme-light :is(.period-review-nav, .trade-review-nav) {
        top: .25rem;
    }
}

/* AI review source selector and reusable trade filters. */
.app-theme-light .ai-review-sidebar button[class*="bg-cyan-500/"],
.app-theme-light .ai-review-sidebar button[class*="bg-violet-500/"] {
    color: #1d4ed8 !important;
    background: #eaf2ff !important;
    box-shadow: inset 0 0 0 1px #93c5fd, 0 1px 2px rgba(37, 99, 235, .08) !important;
}

.app-theme-light .ai-review-sidebar button[class*="bg-cyan-500/"]:hover,
.app-theme-light .ai-review-sidebar button[class*="bg-violet-500/"]:hover {
    color: #1e40af !important;
    background: #dbeafe !important;
}

.app-theme-light .ai-review-sidebar .grid.grid-cols-2 > button:not([class*="bg-cyan-500/"]):not([class*="bg-violet-500/"]) {
    color: #475569 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.app-theme-light .ai-review-sidebar details[open] {
    border-color: #b8c7d9 !important;
    box-shadow: 0 3px 10px rgba(15, 23, 42, .05) !important;
}

.app-theme-light .ai-review-sidebar details > summary {
    color: #334155 !important;
    background: #f8fafc !important;
}

.app-theme-light .ai-review-sidebar details[open] > summary {
    border-radius: .75rem .75rem 0 0;
    color: #0f172a !important;
    background: #f1f5f9 !important;
}

.app-theme-light .ai-review-sidebar details > div {
    background: #ffffff !important;
}

.app-theme-light .trade-filter-field {
    color: #475569 !important;
}

.app-theme-light .trade-filter-control {
    border-color: #b8c7d9 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .025) !important;
    color-scheme: light !important;
}

.app-theme-light .trade-filter-control:hover {
    border-color: #94a3b8 !important;
    background: #f8fafc !important;
}

.app-theme-light .trade-filter-control:focus {
    border-color: #3b82f6 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .13) !important;
}

.app-theme-light .trade-filter-control::placeholder {
    color: #94a3b8 !important;
}

.app-theme-light .trade-filter-select select,
.app-theme-light .trade-filter-control[type="date"] {
    color-scheme: light !important;
}

.app-theme-light .trade-filter-select option {
    background: #ffffff !important;
    color: #0f172a !important;
}

.app-theme-light .trade-filter-select i {
    color: #64748b !important;
}

.app-theme-light .trade-filter-button-primary {
    border-color: #2563eb !important;
    background: #2563eb !important;
    color: #ffffff !important;
    box-shadow: 0 2px 5px rgba(37, 99, 235, .18) !important;
}

.app-theme-light .trade-filter-button-primary:hover {
    border-color: #1d4ed8 !important;
    background: #1d4ed8 !important;
}

.app-theme-light .trade-filter-button-secondary {
    border-color: #b8c7d9 !important;
    background: #ffffff !important;
    color: #334155 !important;
}

.app-theme-light .trade-filter-button-secondary:hover {
    border-color: #94a3b8 !important;
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

/* ========================================================================== */
/* Add / Edit Trade drawer — complete light-mode treatment                    */
/* ========================================================================== */

.app-theme-light .trade-editor-overlay {
    background: rgba(15, 23, 42, .28) !important;
}

.app-theme-light .trade-editor-drawer {
    border-color: #cbd5e1 !important;
    background: #f3f6fa !important;
    color: #0f172a !important;
    box-shadow: -16px 0 40px rgba(15, 23, 42, .16) !important;
}

.app-theme-light .trade-editor-header,
.app-theme-light .trade-editor-footer {
    border-color: #cbd5e1 !important;
    background: rgba(255, 255, 255, .96) !important;
}

.app-theme-light .trade-editor-header .text-slate-400 {
    color: #64748b !important;
}

.app-theme-light .trade-editor-header button {
    border: 1px solid #d7e0ea !important;
    background: #ffffff !important;
    color: #334155 !important;
}

.app-theme-light .trade-editor-header button:hover {
    border-color: #94a3b8 !important;
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

.app-theme-light .trade-editor-body {
    background: #f3f6fa !important;
    scrollbar-color: #94a3b8 transparent;
}

.app-theme-light .trade-editor-body > .grid > .rounded-2xl {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .035), 0 5px 14px rgba(15, 23, 42, .035) !important;
}

.app-theme-light .trade-editor-drawer :is(.text-slate-100, .text-slate-200, .text-slate-300) {
    color: #0f172a !important;
}

.app-theme-light .trade-editor-drawer .text-slate-400 {
    color: #475569 !important;
}

.app-theme-light .trade-editor-drawer :is(.text-slate-500, .text-slate-600) {
    color: #64748b !important;
}

.app-theme-light .trade-editor-drawer .form-dark,
.app-theme-light .trade-editor-drawer :is(input, select, textarea)[class*="bg-slate-950/"] {
    border-color: #b8c7d9 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    color-scheme: light !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .025) !important;
}

.app-theme-light .trade-editor-drawer :is(input, select, textarea)::placeholder {
    color: #8492a6 !important;
    opacity: 1 !important;
}

.app-theme-light .trade-editor-drawer :is(input, select, textarea):hover {
    border-color: #94a3b8 !important;
}

.app-theme-light .trade-editor-drawer :is(input, select, textarea):focus {
    border-color: #3b82f6 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .13) !important;
}

.app-theme-light .trade-editor-drawer [class*="bg-slate-950"].absolute {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .16) !important;
}

.app-theme-light .trade-editor-drawer [class*="bg-slate-950"].absolute button:hover {
    background: #eff6ff !important;
}

.app-theme-light .trade-editor-drawer [class*="bg-slate-950"].absolute .border-slate-800 {
    border-color: #e2e8f0 !important;
}

.app-theme-light .trade-editor-drawer button[class*="bg-emerald-500/"] {
    border: 1px solid #6ee7b7 !important;
    background: #d1fae5 !important;
    color: #047857 !important;
    box-shadow: inset 0 0 0 1px rgba(16, 185, 129, .05) !important;
}

.app-theme-light .trade-editor-drawer button[class*="bg-rose-500/"] {
    border: 1px solid #fda4af !important;
    background: #ffe4e6 !important;
    color: #be123c !important;
    box-shadow: inset 0 0 0 1px rgba(244, 63, 94, .04) !important;
}

.app-theme-light .trade-editor-drawer button[class*="bg-slate-950/"] {
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: #334155 !important;
}

.app-theme-light .trade-editor-drawer button[class*="bg-slate-950/"]:hover {
    border-color: #94a3b8 !important;
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

.app-theme-light .trade-editor-drawer [class*="border-cyan-500"] {
    border-color: #bae6fd !important;
    background: #f0f9ff !important;
    color: #075985 !important;
}

.app-theme-light .trade-editor-drawer [class*="border-amber-500"] {
    border-color: #f6cf76 !important;
    background: #fffbeb !important;
    color: #92400e !important;
}

.app-theme-light .trade-editor-drawer [class*="border-rose-500"] {
    border-color: #fda4af !important;
    background: #fff1f2 !important;
    color: #9f1239 !important;
}

.app-theme-light .trade-editor-drawer :is(.text-cyan-100, .text-cyan-200, .text-cyan-300) {
    color: #075985 !important;
}

.app-theme-light .trade-editor-drawer :is(.text-amber-100, .text-amber-200, .text-amber-300) {
    color: #92400e !important;
}

.app-theme-light .trade-editor-drawer :is(.text-rose-100, .text-rose-200, .text-rose-300),
.app-theme-light .trade-editor-drawer .validation-message {
    color: #be123c !important;
}

.app-theme-light .trade-editor-drawer details {
    border-color: #d7e0ea !important;
    background: #f8fafc !important;
}

.app-theme-light .trade-editor-drawer details > summary {
    color: #334155 !important;
}

.app-theme-light .trade-editor-drawer details[open] > summary {
    color: #0f172a !important;
}

.app-theme-light .trade-editor-drawer .rounded-xl.border.border-slate-800 {
    border-color: #d7e0ea !important;
    background: #f8fafc !important;
}

.app-theme-light .trade-editor-footer button:first-child {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    color: #334155 !important;
}

.app-theme-light .trade-editor-footer button:first-child:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

.app-theme-light .trade-editor-footer button[type="submit"] {
    border-color: #059669 !important;
    background: #059669 !important;
    color: #ffffff !important;
    box-shadow: 0 3px 8px rgba(5, 150, 105, .20) !important;
}

.app-theme-light .trade-editor-footer button[type="submit"]:hover {
    background: #047857 !important;
}

/* Broker attention notice: operational warning, not a destructive error. */
.app-theme-light .broker-import-strip.is-error {
    position: relative;
    overflow: hidden;
    border-color: #e9c46a !important;
    background: linear-gradient(90deg, #fff8e8 0%, #fffdf8 55%, #ffffff 100%) !important;
    box-shadow: 0 4px 14px rgba(120, 53, 15, .06) !important;
}

.app-theme-light .broker-import-strip.is-error::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: #d97706;
}

.app-theme-light .broker-import-strip.is-error .broker-import-icon {
    border-color: #f6cf76 !important;
    background: #fef3c7 !important;
    color: #b45309 !important;
}

.app-theme-light .broker-import-strip.is-error .broker-import-title {
    color: #78350f !important;
    font-size: .8rem;
}

.app-theme-light .broker-import-strip.is-error .broker-import-description {
    color: #475569 !important;
}

.app-theme-light .broker-import-strip.is-error .broker-import-meta {
    color: #64748b !important;
}

.app-theme-light .broker-import-strip.is-error .broker-import-cta {
    border-color: #e9c46a !important;
    background: #ffffff !important;
    color: #92400e !important;
    box-shadow: 0 1px 2px rgba(120, 53, 15, .06) !important;
}

.app-theme-light .broker-import-strip.is-error .broker-import-cta:hover {
    border-color: #d97706 !important;
    background: #fffbeb !important;
    color: #78350f !important;
}

/* Trade editor text contrast and instructional copy. */
.app-theme-light .trade-editor-drawer .trade-editor-timezone-note {
    border-color: #7dd3fc !important;
    background: #f0f9ff !important;
    color: #0c4a6e !important;
    font-size: .72rem !important;
    line-height: 1.15rem !important;
}

.app-theme-light .trade-editor-drawer .trade-editor-timezone-note strong {
    color: #075985 !important;
    font-weight: 750 !important;
}

.app-theme-light .trade-editor-body label[class*="text-slate-400"] {
    color: #334155 !important;
}

.app-theme-light .trade-editor-body [class~="text-[11px]"] {
    font-size: .72rem !important;
    line-height: 1.05rem !important;
}

.app-theme-light .trade-editor-body [class*="text-slate-500"] {
    color: #58677a !important;
}

.app-theme-light .trade-editor-body .validation-message,
.app-theme-light .trade-editor-body [class*="text-rose-300"] {
    color: #be123c !important;
    font-weight: 600 !important;
}

/* The running drawer can retain its pre-wrapper Razor markup until restart. */
.app-theme-light div[class~="border-cyan-500/20"][class~="bg-cyan-500/5"][class~="text-cyan-100"] {
    border-color: #7dd3fc !important;
    background: #f0f9ff !important;
    color: #0c4a6e !important;
    font-size: .72rem !important;
    line-height: 1.15rem !important;
}

.app-theme-light div[class~="border-cyan-500/20"][class~="bg-cyan-500/5"][class~="text-cyan-100"] strong {
    color: #075985 !important;
    font-weight: 750 !important;
}

/* ========================================================================== */
/* Contact Support — refined light-mode hierarchy                             */
/* ========================================================================== */

.app-theme-light .support-page {
    color: #0f172a !important;
}

.app-theme-light .support-page .support-hero {
    position: relative;
    overflow: hidden;
    border-color: #b8c7d9 !important;
    background: linear-gradient(110deg, #ffffff 0%, #f8fafc 72%, #eefbf8 100%) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 10px 28px rgba(15, 23, 42, .055) !important;
}

.app-theme-light .support-page .support-hero::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: #0f766e;
}

.app-theme-light .support-page :is(.support-hero__icon, .support-info-card__icon) {
    border-color: #99f6e4 !important;
    background: #ecfdf5 !important;
    color: #0f766e !important;
}

.app-theme-light .support-page :is(.support-kicker, .support-info-card__label, .support-info-card--response span, .support-success > span) {
    color: #0f766e !important;
}

.app-theme-light .support-page :is(.support-hero h1, .support-form-heading h2, .support-success h2) {
    color: #0f172a !important;
}

.app-theme-light .support-page :is(.support-hero p, .support-form-heading p, .support-success p) {
    color: #475569 !important;
}

.app-theme-light .support-page :is(.support-info-card, .support-form-panel, .support-success) {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .035), 0 7px 20px rgba(15, 23, 42, .045) !important;
}

.app-theme-light .support-page .support-info-card--response {
    border-top-color: #5eead4 !important;
}

.app-theme-light .support-page .support-info-card--response strong {
    color: #0f172a !important;
}

.app-theme-light .support-page :is(.support-info-card p, .support-checklist li) {
    color: #475569 !important;
}

.app-theme-light .support-page .support-checklist i {
    color: #059669 !important;
}

.app-theme-light .support-page .support-info-card--links a {
    color: #334155 !important;
}

.app-theme-light .support-page .support-info-card--links a + a {
    border-color: #e2e8f0 !important;
}

.app-theme-light .support-page .support-info-card--links a:hover {
    color: #0f172a !important;
    background: #f1f5f9 !important;
}

.app-theme-light .support-page .support-info-card--links span i {
    color: #0f766e !important;
}

.app-theme-light .support-page .support-privacy-note {
    color: #58677a !important;
}

.app-theme-light .support-page .support-privacy-note i {
    color: #0f766e !important;
}

.app-theme-light .support-page .support-form-heading,
.app-theme-light .support-page .support-form-footer {
    border-color: #e2e8f0 !important;
}

.app-theme-light .support-page .support-secure-badge {
    border-color: #a7f3d0 !important;
    background: #ecfdf5 !important;
    color: #047857 !important;
}

.app-theme-light .support-page :is(.support-field label, .support-label-row label) {
    color: #334155 !important;
}

.app-theme-light .support-page :is(.support-label-row small, .support-optional) {
    color: #64748b !important;
}

.app-theme-light .support-page :is(
    .support-form-panel input:not([type="checkbox"]):not([type="file"]),
    .support-form-panel select,
    .support-form-panel textarea
) {
    border-color: #b8c7d9 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    color-scheme: light !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .025) !important;
}

.app-theme-light .support-page :is(
    .support-form-panel input:not([type="checkbox"]):not([type="file"]),
    .support-form-panel select,
    .support-form-panel textarea
):hover {
    border-color: #94a3b8 !important;
}

.app-theme-light .support-page :is(
    .support-form-panel input:not([type="checkbox"]):not([type="file"]),
    .support-form-panel select,
    .support-form-panel textarea
):focus {
    border-color: #2563eb !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12) !important;
}

.app-theme-light .support-page :is(.support-form-panel input, .support-form-panel textarea)::placeholder {
    color: #7a899c !important;
    opacity: 1 !important;
}

.app-theme-light .support-page .support-field-help {
    color: #58677a !important;
}

.app-theme-light .support-page :is(.support-upload, .support-attachment, .support-diagnostics, .support-reference) {
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
}

.app-theme-light .support-page .support-upload {
    border-color: #93c5fd !important;
    background: #f8fbff !important;
}

.app-theme-light .support-page .support-upload:hover,
.app-theme-light .support-page .support-upload:focus-within {
    border-color: #2563eb !important;
    background: #eff6ff !important;
}

.app-theme-light .support-page .support-upload__icon {
    background: #dbeafe !important;
    color: #1d4ed8 !important;
}

.app-theme-light .support-page :is(.support-upload strong, .support-attachment strong, .support-diagnostics strong) {
    color: #0f172a !important;
}

.app-theme-light .support-page :is(.support-upload small, .support-attachment small, .support-diagnostics small) {
    color: #64748b !important;
}

.app-theme-light .support-page .support-upload__action {
    border-color: #93c5fd !important;
    background: #ffffff !important;
    color: #1d4ed8 !important;
    font-weight: 700;
}

.app-theme-light .support-page .support-diagnostics {
    border-left: 3px solid #0f766e !important;
    background: #f8fafc !important;
}

.app-theme-light .support-page .support-diagnostics input {
    accent-color: #0f766e !important;
}

.app-theme-light .support-page :is(.support-field .validation-message, .support-validation-summary, .support-field-error) {
    color: #be123c !important;
}

.app-theme-light .support-page .support-form-footer p {
    color: #58677a !important;
}

.app-theme-light .support-page .support-form-footer p i {
    color: #0f766e !important;
}

.app-theme-light .support-page .support-button--primary {
    border-color: #0f766e !important;
    background: #0f766e !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(15, 118, 110, .18) !important;
}

.app-theme-light .support-page .support-button--primary:hover:not(:disabled) {
    border-color: #115e59 !important;
    background: #115e59 !important;
    filter: none !important;
}

/* Sidebar logo: invert the baked black canvas only in light mode while
   retaining the original cyan/teal mark and exact artwork geometry. */
.app-theme-light .nav-menu-shell :is(.brand-mark, .brand-mark-collapsed) {
    border: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 3px 10px rgba(15, 118, 110, .10) !important;
}

.app-theme-light .nav-menu-shell :is(.brand-mark, .brand-mark-collapsed) img {
    filter: invert(1) hue-rotate(180deg) saturate(.92) brightness(.98);
}

/* User Settings actions — final high-specificity light-mode treatment. */
.app-theme-light .authenticated-app-shell .user-settings-page button.user-settings-save-button {
    border-color: #0f766e !important;
    background: #0f766e !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(15, 118, 110, .18) !important;
}

.app-theme-light .authenticated-app-shell .user-settings-page button.user-settings-save-button:hover {
    border-color: #115e59 !important;
    background: #115e59 !important;
    color: #ffffff !important;
}

.app-theme-light .authenticated-app-shell .user-settings-page a.user-settings-tour-button {
    border-color: #93c5fd !important;
    background: #ffffff !important;
    color: #1d4ed8 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .035) !important;
}

.app-theme-light .authenticated-app-shell .user-settings-page a.user-settings-tour-button:hover {
    border-color: #2563eb !important;
    background: #eff6ff !important;
    color: #1e40af !important;
}

.app-theme-light .support-page .support-button--secondary {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    color: #334155 !important;
}

/* AI review loading, empty and error states render outside the review roots. */
.app-theme-light div[class~="border-amber-500/25"][class~="bg-amber-500/10"][class~="text-amber-100"],
.app-theme-light div[class~="border-amber-500/30"][class~="bg-amber-500/10"][class~="text-amber-100"] {
    border-color: #f3cf78 !important;
    background: #fffbeb !important;
    color: #78350f !important;
    box-shadow: 0 2px 8px rgba(120, 53, 15, .045) !important;
}

.app-theme-light div[class~="border-rose-500/30"][class~="bg-rose-500/10"][class~="text-rose-100"] {
    border-color: #fda4af !important;
    background: #fff1f2 !important;
    color: #9f1239 !important;
}

.app-theme-light .ai-review-content-scroll > div[class~="border-slate-800"][class~="bg-slate-950/40"],
.app-theme-light .ai-review-content-scroll > div[class~="border-dashed"] {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    color: #475569 !important;
}

.app-theme-light .ai-review-content-scroll > div[class~="border-slate-800"][class~="bg-slate-950/40"] .text-slate-400 {
    color: #475569 !important;
}

.app-theme-light .support-page .support-button--secondary:hover:not(:disabled) {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    filter: none !important;
}

/* The authenticated shell owns both classes, so these must be compounded. */
.authenticated-app-shell.app-theme-light .user-settings-page button.user-settings-save-button {
    border-color: #0f766e !important;
    background: #0f766e !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(15, 118, 110, .18) !important;
}

.authenticated-app-shell.app-theme-light .user-settings-page button.user-settings-save-button:hover {
    border-color: #115e59 !important;
    background: #115e59 !important;
    color: #ffffff !important;
}

.authenticated-app-shell.app-theme-light .user-settings-page a.user-settings-tour-button {
    border-color: #93c5fd !important;
    background: #ffffff !important;
    color: #1d4ed8 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
}

.authenticated-app-shell.app-theme-light .user-settings-page a.user-settings-tour-button:hover {
    border-color: #2563eb !important;
    background: #eff6ff !important;
    color: #1e40af !important;
}

/* User trading profile and behavioural preferences. */
.user-settings-card-title-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.user-settings-card-icon {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border: 1px solid rgba(34, 211, 238, .24);
    border-radius: 10px;
    color: #67e8f9;
    background: rgba(8, 145, 178, .10);
}

.user-settings-eyebrow,
.user-settings-section-label {
    color: #67e8f9;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.user-settings-section-help {
    margin-top: 4px;
    color: #64748b;
    font-size: 12px;
}

.user-settings-choice,
.user-settings-preference {
    transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.user-settings-choice:has(input:checked),
.user-settings-preference:has(input:checked) {
    border-color: rgba(45, 212, 191, .42);
    background: rgba(13, 148, 136, .10);
    box-shadow: inset 0 0 0 1px rgba(45, 212, 191, .06);
}

.user-settings-preference--compact {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid #1e293b;
    border-radius: 12px;
    color: #cbd5e1;
    background: rgba(2, 6, 23, .38);
    font-size: 13px;
}

.user-settings-preference--compact input {
    width: 16px;
    height: 16px;
    accent-color: #14b8a6;
}

.authenticated-app-shell.app-theme-light .user-settings-section-label {
    color: #0f766e !important;
}

.authenticated-app-shell.app-theme-light .user-settings-section-help {
    color: #64748b !important;
}

.authenticated-app-shell.app-theme-light :is(.user-settings-choice, .user-settings-preference) {
    border-color: #d7dee8 !important;
    color: #334155 !important;
    background: #f8fafc !important;
}

.authenticated-app-shell.app-theme-light :is(.user-settings-choice, .user-settings-preference):has(input:checked) {
    border-color: #7dd3c7 !important;
    background: #f0fdfa !important;
    box-shadow: inset 0 0 0 1px rgba(15, 118, 110, .06) !important;
}

.authenticated-app-shell.app-theme-light .user-settings-preference :is(strong, span) {
    color: #1e293b !important;
}

.authenticated-app-shell.app-theme-light .user-settings-preference small {
    color: #64748b !important;
}

/* Help Center: the unused TOC rail must never reduce the article-panel width. */
@media (min-width: 1024px) {
    div[class*="360px_minmax(0,1fr)_280px"] {
        width: 100% !important;
        max-width: none !important;
        grid-template-columns: minmax(300px, 340px) minmax(0, 1fr) !important;
    }

    div[class*="360px_minmax(0,1fr)_280px"] > aside:last-child {
        display: none !important;
    }
}

/* Trade import preview: intentional paper-and-ink light treatment. */
.app-theme-light .trade-import-backdrop {
    background: rgba(30, 36, 29, .24) !important;
    backdrop-filter: blur(5px);
}

.app-theme-light .trade-import-drawer {
    color: var(--light-ink, #182018) !important;
    border-left: 1px solid var(--light-border) !important;
    background: var(--light-canvas, #f5f2eb) !important;
    box-shadow: -20px 0 60px rgba(55, 48, 37, .16) !important;
}

.app-theme-light .trade-import-drawer__header {
    border-bottom-color: var(--light-border) !important;
    background: rgba(255, 253, 250, .97) !important;
}

.app-theme-light .trade-import-drawer__body {
    background: var(--light-canvas, #f5f2eb) !important;
}

.app-theme-light .trade-import-drawer :is(
    .trade-import-control-panel,
    .trade-import-recent,
    .trade-import-preview-panel
) {
    border-color: var(--light-border) !important;
    background: var(--light-panel, #fffdfa) !important;
    box-shadow: 0 2px 5px rgba(55, 48, 37, .025), 0 10px 26px rgba(55, 48, 37, .05) !important;
}

.app-theme-light .trade-import-drawer :is(
    .trade-import-close-button,
    .trade-import-reset-button
) {
    color: #303a2d !important;
    border-color: #d3ccbf !important;
    background: #fffdfa !important;
    box-shadow: 0 1px 2px rgba(55, 48, 37, .04);
}

.app-theme-light .trade-import-drawer :is(
    .trade-import-close-button,
    .trade-import-reset-button
):hover {
    color: #23301f !important;
    border-color: #aeb9a6 !important;
    background: #eeece4 !important;
}

.app-theme-light .trade-import-file-button {
    color: #ffffff !important;
    background: #4c6671 !important;
    box-shadow: 0 5px 12px rgba(76, 102, 113, .16);
}

.app-theme-light .trade-import-file-button:hover {
    background: #3f5964 !important;
}

.app-theme-light .trade-import-commit-button {
    color: #ffffff !important;
    background: var(--light-moss, #5d6d54) !important;
    box-shadow: 0 5px 12px rgba(67, 80, 61, .18) !important;
}

.app-theme-light .trade-import-commit-button:hover:not(:disabled) {
    background: var(--light-moss-dark, #43503d) !important;
}

.app-theme-light .trade-import-commit-button:disabled {
    color: #85877f !important;
    background: #e3e0d8 !important;
    box-shadow: none !important;
}

.app-theme-light .trade-import-drawer :is(
    .trade-import-mode-select,
    .trade-import-filter-control
) {
    color: var(--light-ink, #182018) !important;
    border-color: #d3ccbf !important;
    background: #fffdfa !important;
}

.app-theme-light .trade-import-mode-note,
.app-theme-light .trade-import-meta {
    color: #64675f !important;
    border-color: #ded8cc !important;
    background: #f8f6f0 !important;
}

.app-theme-light .trade-import-mode-note strong,
.app-theme-light .trade-import-meta strong {
    color: #303a2d !important;
}

.app-theme-light .trade-import-mode-note .text-cyan-200 {
    color: #0f6d67 !important;
}

.app-theme-light .trade-import-drawer .summary-chip {
    color: #485047 !important;
    border-color: #d7d2c7 !important;
    background: #f3f1eb !important;
}

.app-theme-light .trade-import-drawer .summary-chip.text-emerald-200 {
    color: #356247 !important;
    border-color: #bfd4c4 !important;
    background: #edf4ed !important;
}

.app-theme-light .trade-import-drawer .summary-chip.text-rose-200 {
    color: #963927 !important;
    border-color: #e1c2b8 !important;
    background: #f8e9e4 !important;
}

.app-theme-light .trade-import-drawer .summary-chip.text-amber-200 {
    color: #86580f !important;
    border-color: #e6cf9f !important;
    background: #faf1df !important;
}

.app-theme-light .trade-import-drawer .summary-chip.text-sky-200 {
    color: #345b66 !important;
    border-color: #c5d5d9 !important;
    background: #eaf0f1 !important;
}

.app-theme-light .trade-import-drawer .summary-chip.text-violet-200 {
    color: #5c526f !important;
    border-color: #d5cede !important;
    background: #f1eef4 !important;
}

.app-theme-light .trade-import-status.text-sky-200,
.app-theme-light .trade-import-status.text-emerald-200 {
    color: #35523b !important;
    border-color: #b9cec0 !important;
    background: #eef5ed !important;
}

.app-theme-light .trade-import-status.text-amber-200 {
    color: #79500e !important;
    border-color: #e3c98f !important;
    background: #fbf1dc !important;
}

.app-theme-light .trade-import-status.text-rose-200 {
    color: #8f3021 !important;
    border-color: #dfb8ad !important;
    background: #f8e7e1 !important;
}

.app-theme-light .trade-import-recent summary {
    color: #4f5a4a !important;
}

.app-theme-light .trade-import-preview-toolbar {
    color: var(--light-ink, #182018) !important;
}

.app-theme-light .trade-import-preview-panel {
    padding: 7px !important;
}

.app-theme-light .trade-import-empty {
    border-color: #d8d2c6 !important;
    background: #faf8f3 !important;
}

.app-theme-light .trade-import-table-wrap {
    border: 1px solid #ded8cc;
    background: #fffdfa !important;
    scrollbar-color: #aaa596 #f5f2eb;
}

.app-theme-light .trade-import-table {
    color: #263126 !important;
    background: #fffdfa !important;
}

.app-theme-light .trade-import-table thead {
    color: #394236 !important;
    background: #f1eee6 !important;
    box-shadow: 0 1px 0 #d8d2c6 !important;
}

.app-theme-light .trade-import-table tbody {
    color: #283328 !important;
}

.app-theme-light .trade-import-table tbody tr {
    border-color: #e1dbcf !important;
    background: #fffdfa !important;
}

.app-theme-light .trade-import-table tbody tr:nth-child(even) {
    background: #faf8f3 !important;
}

.app-theme-light .trade-import-table tbody tr:hover {
    background: #eef1e9 !important;
}

.app-theme-light .trade-import-table tbody td {
    border-color: #e1dbcf !important;
}

.app-theme-light .trade-import-table td.text-slate-400,
.app-theme-light .trade-import-table td.text-slate-500 {
    color: #626a60 !important;
}

.app-theme-light .trade-import-table td.text-emerald-300 {
    color: #2f6545 !important;
}

.app-theme-light .trade-import-table td.text-rose-300 {
    color: #a23627 !important;
}

.app-theme-light .trade-import-table tbody span.text-sky-200 {
    color: #315a67 !important;
    background: #dce9ec !important;
}

.app-theme-light .trade-import-table tbody span.text-violet-200 {
    color: #5b4f70 !important;
    background: #e9e3ef !important;
}

.app-theme-light .trade-import-table tbody span.text-amber-200 {
    color: #86520b !important;
    background: #f4e4c8 !important;
}

.app-theme-light .trade-import-table tbody span.text-rose-200 {
    color: #963927 !important;
    background: #f5ddd8 !important;
}

.app-theme-light .trade-import-table tbody span.text-emerald-200 {
    color: #356247 !important;
    background: #dfeee2 !important;
}

.app-theme-light .trade-import-table tbody button {
    color: #3f4a3b !important;
    border-color: #cfc8bb !important;
    background: #fffdfa !important;
}

.app-theme-light .trade-import-table tbody button:hover {
    background: #eeece4 !important;
}

.app-theme-light .trade-import-atomic-note {
    color: #666a61 !important;
}

@media (max-width: 760px) {
    .app-theme-light .trade-import-drawer__body {
        padding: 12px !important;
    }

    .app-theme-light .trade-import-preview-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .app-theme-light .trade-import-preview-toolbar > div:last-child {
        max-width: none;
    }
}

/* Keep the import workflow on the same cool light palette as Trades. */
.app-theme-light .trade-import-drawer,
.app-theme-light .trade-import-drawer__body {
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
    background: #f3f6fa !important;
}

.app-theme-light .trade-import-drawer__header {
    border-bottom-color: #cbd5e1 !important;
    background: rgba(255, 255, 255, .98) !important;
}

.app-theme-light .trade-import-drawer :is(
    .trade-import-control-panel,
    .trade-import-recent,
    .trade-import-preview-panel
) {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .025), 0 7px 18px rgba(15, 23, 42, .05) !important;
}

.app-theme-light .trade-import-drawer :is(
    .trade-import-close-button,
    .trade-import-reset-button
) {
    color: #334155 !important;
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
}

.app-theme-light .trade-import-drawer :is(
    .trade-import-close-button,
    .trade-import-reset-button
):hover {
    color: #1d4ed8 !important;
    border-color: #93c5fd !important;
    background: #eff6ff !important;
}

.app-theme-light .trade-import-file-button {
    color: #ffffff !important;
    background: #2563eb !important;
    box-shadow: 0 6px 15px rgba(37, 99, 235, .18) !important;
}

.app-theme-light .trade-import-file-button:hover {
    background: #1d4ed8 !important;
}

.app-theme-light .trade-import-commit-button {
    color: #ffffff !important;
    background: #059669 !important;
    box-shadow: 0 5px 12px rgba(5, 150, 105, .16) !important;
}

.app-theme-light .trade-import-commit-button:hover:not(:disabled) {
    background: #047857 !important;
}

.app-theme-light .trade-import-commit-button:disabled {
    color: #64748b !important;
    background: #e2e8f0 !important;
}

.app-theme-light .trade-import-drawer :is(
    .trade-import-mode-select,
    .trade-import-filter-control
) {
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
}

.app-theme-light .trade-import-mode-note,
.app-theme-light .trade-import-meta {
    color: #64748b !important;
    border-color: #dbe3ee !important;
    background: #f8fafc !important;
}

.app-theme-light .trade-import-mode-note strong,
.app-theme-light .trade-import-meta strong {
    color: #334155 !important;
}

.app-theme-light .trade-import-mode-note .text-cyan-200 {
    color: #0f766e !important;
}

.app-theme-light .trade-import-drawer .summary-chip {
    color: #475569 !important;
    border-color: #cbd5e1 !important;
    background: #f1f5f9 !important;
}

.app-theme-light .trade-import-drawer .summary-chip.text-emerald-200 {
    color: #047857 !important;
    border-color: #a7f3d0 !important;
    background: #ecfdf5 !important;
}

.app-theme-light .trade-import-drawer .summary-chip.text-rose-200 {
    color: #be123c !important;
    border-color: #fecdd3 !important;
    background: #fff1f2 !important;
}

.app-theme-light .trade-import-drawer .summary-chip.text-amber-200 {
    color: #a16207 !important;
    border-color: #fde68a !important;
    background: #fffbeb !important;
}

.app-theme-light .trade-import-drawer .summary-chip.text-sky-200 {
    color: #0369a1 !important;
    border-color: #bae6fd !important;
    background: #f0f9ff !important;
}

.app-theme-light .trade-import-drawer .summary-chip.text-violet-200 {
    color: #6d28d9 !important;
    border-color: #ddd6fe !important;
    background: #f5f3ff !important;
}

.app-theme-light .trade-import-status.text-sky-200,
.app-theme-light .trade-import-status.text-emerald-200 {
    color: #065f46 !important;
    border-color: #a7f3d0 !important;
    background: #ecfdf5 !important;
}

.app-theme-light .trade-import-status.text-amber-200 {
    color: #92400e !important;
    border-color: #fde68a !important;
    background: #fffbeb !important;
}

.app-theme-light .trade-import-status.text-rose-200 {
    color: #9f1239 !important;
    border-color: #fecdd3 !important;
    background: #fff1f2 !important;
}

.app-theme-light .trade-import-recent summary,
.app-theme-light .trade-import-preview-toolbar {
    color: #334155 !important;
}

.app-theme-light .trade-import-empty {
    color: #475569 !important;
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
}

.app-theme-light .trade-import-table-wrap {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    scrollbar-color: #94a3b8 #f1f5f9;
}

.app-theme-light .trade-import-table {
    color: #0f172a !important;
    background: #ffffff !important;
}

.app-theme-light .trade-import-table thead {
    color: #334155 !important;
    background: #f8fafc !important;
    box-shadow: 0 1px 0 #cbd5e1 !important;
}

.app-theme-light .trade-import-table tbody,
.app-theme-light .trade-import-table tbody tr {
    color: #1e293b !important;
    background: #ffffff !important;
}

.app-theme-light .trade-import-table tbody tr:nth-child(even) {
    background: #edf2f7 !important;
}

.app-theme-light .trade-import-table tbody tr:hover {
    background: #e8f0fb !important;
}

.app-theme-light .trade-import-table tbody td,
.app-theme-light .trade-import-table tbody tr {
    border-color: #dbe3ee !important;
}

.app-theme-light .trade-import-table td.text-slate-400,
.app-theme-light .trade-import-table td.text-slate-500 {
    color: #64748b !important;
}

.app-theme-light .trade-import-table td.text-emerald-300 {
    color: #047857 !important;
}

.app-theme-light .trade-import-table td.text-rose-300 {
    color: #be123c !important;
}

.app-theme-light .trade-import-table tbody span.text-sky-200 {
    color: #0369a1 !important;
    background: #e0f2fe !important;
}

.app-theme-light .trade-import-table tbody span.text-violet-200 {
    color: #6d28d9 !important;
    background: #ede9fe !important;
}

.app-theme-light .trade-import-table tbody span.text-amber-200 {
    color: #a16207 !important;
    background: #fef3c7 !important;
}

.app-theme-light .trade-import-table tbody span.text-rose-200 {
    color: #be123c !important;
    background: #ffe4e6 !important;
}

.app-theme-light .trade-import-table tbody span.text-emerald-200 {
    color: #047857 !important;
    background: #d1fae5 !important;
}

.app-theme-light .trade-import-table tbody button {
    color: #334155 !important;
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
}

.app-theme-light .trade-import-table tbody button:hover {
    color: #1d4ed8 !important;
    border-color: #93c5fd !important;
    background: #eff6ff !important;
}

.app-theme-light .trade-import-atomic-note {
    color: #64748b !important;
}

/* Performance Analytics: refined components; the existing page canvas stays unchanged. */
.app-theme-light .pi-page .pi-header {
    align-items: center;
    padding: 4px 0 2px;
}

.app-theme-light .pi-page .pi-header h2 {
    margin: 6px 0 0;
    color: #0f172a !important;
    font-size: clamp(24px, 2vw, 30px);
    font-weight: 820;
    letter-spacing: -.025em;
}

.app-theme-light .pi-page .pi-header p {
    margin-top: 5px;
    color: #52657e !important;
    font-size: 14px;
}

.app-theme-light .pi-page .pi-header small {
    display: block;
    margin-top: 5px;
    color: #64748b !important;
}

.app-theme-light .pi-page .pi-eyebrow {
    color: #315f9e !important;
}

.app-theme-light .pi-page .pi-header-actions {
    gap: 6px;
}

.app-theme-light .pi-page :is(.pi-range-button, .pi-filter-toggle) {
    min-height: 36px;
    color: #40536c !important;
    border-color: #cbd5e1 !important;
    border-radius: 10px;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .035), 0 4px 10px rgba(15, 23, 42, .035);
}

.app-theme-light .pi-page :is(.pi-range-button, .pi-filter-toggle):hover {
    color: #1d4f91 !important;
    border-color: #9fb9dc !important;
    background: #f1f6fd !important;
}

.app-theme-light .pi-page .pi-filter-toggle.active {
    color: #ffffff !important;
    border-color: #315f9e !important;
    background: #315f9e !important;
}

.app-theme-light .pi-page .pi-section-nav {
    gap: 3px !important;
    padding: 5px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 14px;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .025), 0 7px 18px rgba(15, 23, 42, .045) !important;
}

.app-theme-light .pi-page .pi-section-nav a {
    padding: 9px 13px !important;
    border-radius: 9px;
    color: #526279 !important;
}

.app-theme-light .pi-page .pi-section-nav a:hover {
    color: #234f8e !important;
    background: #f1f5f9 !important;
}

.app-theme-light .pi-page .pi-section-nav a.active {
    color: #174f9e !important;
    background: #eaf2ff !important;
    box-shadow: inset 0 0 0 1px #c6d9f4;
}

.app-theme-light .pi-page .pi-section-nav a::after {
    display: none;
}

.app-theme-light .pi-page .pi-section-nav span {
    color: #31516f !important;
    background: #dceaf7 !important;
}

.app-theme-light .pi-page .pi-filter-panel {
    padding: 15px;
    border-color: #cbd5e1 !important;
    border-radius: 14px;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05) !important;
}

.app-theme-light .pi-page .pi-period-context {
    margin-top: 16px;
    padding-inline: 2px;
    color: #64748b !important;
}

.app-theme-light .pi-page .pi-period-context span:first-child {
    color: #263951 !important;
    font-weight: 750;
}

.app-theme-light .pi-page .pi-kpis {
    gap: 11px;
    margin-top: 11px;
}

.app-theme-light .pi-page .pi-kpi,
.app-theme-light .authenticated-app-shell .pi-page .pi-kpi {
    min-height: 124px;
    padding: 16px;
    border: 1px solid #d5deea !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .025), 0 8px 20px rgba(15, 23, 42, .045) !important;
    transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.app-theme-light .pi-page .pi-kpi:hover {
    border-color: #b8c7d9 !important;
    box-shadow: 0 2px 4px rgba(15, 23, 42, .035), 0 12px 25px rgba(15, 23, 42, .065) !important;
    transform: translateY(-1px);
}

.app-theme-light .pi-page .pi-kpi.positive {
    box-shadow: inset 3px 0 0 #1d9b78, 0 8px 20px rgba(15, 23, 42, .045) !important;
}

.app-theme-light .pi-page .pi-kpi.warning {
    box-shadow: inset 3px 0 0 #c58a28, 0 8px 20px rgba(15, 23, 42, .045) !important;
}

.app-theme-light .pi-page .pi-kpi.blue {
    box-shadow: inset 3px 0 0 #4f7fcb, 0 8px 20px rgba(15, 23, 42, .045) !important;
}

.app-theme-light .pi-page .pi-kpi.danger,
.app-theme-light .pi-page .pi-kpi.negative {
    box-shadow: inset 3px 0 0 #d2516b, 0 8px 20px rgba(15, 23, 42, .045) !important;
}

.app-theme-light .authenticated-app-shell .pi-page :is(
    .pi-kpi.positive,
    .pi-kpi.warning,
    .pi-kpi.blue,
    .pi-kpi.danger,
    .pi-kpi.negative
) {
    border-top: 1px solid #d5deea !important;
}

.app-theme-light .pi-page .pi-kpi span {
    color: #5a6c83 !important;
    letter-spacing: .075em;
}

.app-theme-light .pi-page .pi-kpi strong {
    margin-top: 7px;
    color: #10213a !important;
}

.app-theme-light .pi-page .pi-kpi.positive strong {
    color: #08745d !important;
}

.app-theme-light .pi-page .pi-kpi.danger strong,
.app-theme-light .pi-page .pi-kpi.negative strong {
    color: #b93655 !important;
}

.app-theme-light .pi-page .pi-kpi small {
    color: #64748b !important;
}

.app-theme-light .pi-page .pi-kpi > i {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    color: #315f9e !important;
    border-color: #c4d6ec !important;
    border-radius: 10px;
    background: #edf4fc !important;
}

.app-theme-light .pi-page .pi-kpi.positive > i {
    color: #08745d !important;
    border-color: #b9e3d6 !important;
    background: #eaf8f3 !important;
}

.app-theme-light .pi-page .pi-kpi.warning > i {
    color: #a76510 !important;
    border-color: #efd6a7 !important;
    background: #fff6e3 !important;
}

.app-theme-light .pi-page :is(.pi-kpi.danger, .pi-kpi.negative) > i {
    color: #b93655 !important;
    border-color: #f0c3cd !important;
    background: #fff0f3 !important;
}

.app-theme-light .pi-page .pi-insight-grid,
.app-theme-light .pi-page .pi-chart-grid,
.app-theme-light .pi-page .pi-bottom-grid,
.app-theme-light .pi-page .pi-edge-records-grid {
    gap: 12px;
    margin-top: 12px;
}

.app-theme-light .pi-page .pi-insight-card,
.app-theme-light .authenticated-app-shell .pi-page .pi-insight-card {
    border: 1px solid #cbd5e1 !important;
    border-left: 3px solid #0f8f83 !important;
    border-radius: 15px;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .025), 0 10px 24px rgba(15, 23, 42, .05) !important;
}

.app-theme-light .pi-page .pi-insight-card.warning {
    border-left-color: #c58a28 !important;
}

.app-theme-light .pi-page .pi-insight-card.danger {
    border-left-color: #d2516b !important;
}

.app-theme-light .pi-page .pi-insight-icon i {
    color: #08766b !important;
    border-color: #a9ddd5 !important;
    border-radius: 12px;
    background: #e8f7f4 !important;
    box-shadow: none !important;
}

.app-theme-light .pi-page .pi-insight-copy > span {
    color: #0a625c !important;
}

.app-theme-light .pi-page .pi-insight-copy h2 {
    color: #10213a !important;
}

.app-theme-light .pi-page .pi-insight-copy p {
    color: #52657e !important;
}

.app-theme-light .pi-page .pi-insight-copy a {
    color: #245b9e !important;
    border-color: #bfd1e8 !important;
    background: #f3f7fc !important;
}

.app-theme-light .pi-page .pi-insight-copy a:hover {
    color: #ffffff !important;
    border-color: #315f9e !important;
    background: #315f9e !important;
}

.app-theme-light .pi-page .pi-highlight-list {
    border-left-color: #dbe3ed !important;
    background: #f8fafc !important;
}

.app-theme-light .pi-page .pi-highlight-list > div + div {
    border-top: 1px solid #e5ebf2;
}

.app-theme-light .pi-page .pi-highlight-list dt {
    color: #60738b !important;
}

.app-theme-light .pi-page .pi-highlight-list dd {
    color: #25364d !important;
}

.app-theme-light .pi-page .pi-panel,
.app-theme-light .authenticated-app-shell .pi-page .pi-panel {
    border: 1px solid #cbd5e1 !important;
    border-radius: 15px;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .025), 0 9px 22px rgba(15, 23, 42, .045) !important;
}

.app-theme-light .pi-page .pi-panel-heading,
.app-theme-light .authenticated-app-shell .pi-page .pi-panel-heading {
    padding: 14px 16px 12px;
    border-bottom: 1px solid #dbe3ed !important;
    background: #f8fafc !important;
}

.app-theme-light .pi-page .pi-panel-heading span {
    color: #315f9e !important;
}

.app-theme-light .pi-page .pi-panel-heading h2 {
    color: #10213a !important;
}

.app-theme-light .pi-page :is(.pi-chart-large, .pi-chart-medium) {
    background: #ffffff;
}

.app-theme-light .pi-page .pi-chart-legend {
    color: #5b6d84 !important;
}

.app-theme-light .pi-page .pi-table-wrap th {
    color: #5b6d84 !important;
    background: #f8fafc;
}

.app-theme-light .pi-page .pi-table-wrap td {
    color: #263951 !important;
    border-top-color: #dbe3ed !important;
}

.app-theme-light .pi-page .pi-table-wrap tbody tr:nth-child(even) {
    background: #f8fafc !important;
}

@media (max-width: 720px) {
    .app-theme-light .pi-page .pi-header {
        align-items: flex-start;
    }

    .app-theme-light .pi-page .pi-header-actions {
        justify-content: flex-start;
    }
}