/* Authenticated light screens share warm surfaces and ink-slate controls.
   Dashboard and navigation refinements load afterwards. */
.authenticated-app-shell.app-theme-light .main-page-scroll {
    background: var(--ui-canvas) !important;
    color: var(--ui-ink);
}

.authenticated-app-shell.app-theme-light .beh-page,
.authenticated-app-shell.app-theme-light .pi-page,
.authenticated-app-shell.app-theme-light .calendar-page,
.authenticated-app-shell.app-theme-light .support-page,
.authenticated-app-shell.app-theme-light .broker-page,
.authenticated-app-shell.app-theme-light .account-settings-page,
.authenticated-app-shell.app-theme-light .user-settings-page,
.authenticated-app-shell.app-theme-light .help-page,
.authenticated-app-shell.app-theme-light .ai-review-content,
.authenticated-app-shell.app-theme-light .ai-review-desktop-layout,
.authenticated-app-shell.app-theme-light .trade-editor-body,
.authenticated-app-shell.app-theme-light .trade-view-root {
    background: var(--ui-canvas) !important;
    color: var(--ui-ink);
    --beh-bg: var(--ui-canvas);
    --beh-panel: var(--ui-panel);
    --beh-border: var(--ui-border);
    --beh-text: var(--ui-ink);
    --beh-muted: var(--ui-muted);
    --beh-cyan: var(--ui-ink);
    --beh-blue: var(--ui-ink);
    --beh-positive: var(--ui-positive);
    --beh-negative: var(--ui-negative);
    --pi-bg: var(--ui-canvas);
    --pi-panel: var(--ui-panel);
    --pi-panel-strong: var(--ui-panel);
    --pi-border: var(--ui-border);
    --pi-text: var(--ui-ink);
    --pi-muted: var(--ui-muted);
    --pi-blue: var(--ui-ink);
    --pi-positive: var(--ui-positive);
    --pi-negative: var(--ui-negative);
    --calendar-bg: var(--ui-canvas);
    --calendar-panel: var(--ui-panel);
    --calendar-panel-strong: var(--ui-panel);
    --calendar-border: var(--ui-border);
    --calendar-text: var(--ui-ink);
    --calendar-muted: var(--ui-muted);
    --calendar-blue: var(--ui-ink);
    --calendar-positive: var(--ui-positive);
    --calendar-negative: var(--ui-negative);
}

.authenticated-app-shell.app-theme-light :is(.beh-page, .pi-page) :is(.action-root, .evolution-root, .evidence-root) {
    --ev-panel: var(--ui-panel);
    --ev-border: var(--ui-border);
    --ev-muted: var(--ui-muted);
    --ev-blue: var(--ui-ink);
    --ev-positive: var(--ui-positive);
    --ev-negative: var(--ui-negative);
}

.authenticated-app-shell.app-theme-light .beh-page :is(.beh-panel, .beh-discipline-card, .beh-process-card, .beh-filters),
.authenticated-app-shell.app-theme-light .pi-page :is(.pi-panel, .pi-kpi, .pi-insight-card, .pi-discipline-card, .pi-filter-panel),
.authenticated-app-shell.app-theme-light :is(.beh-page, .pi-page) :is(.action-panel, .action-readiness, .action-experiment, .evolution-panel, .evolution-hero, .evidence-panel, .evidence-hero, .evidence-card),
.authenticated-app-shell.app-theme-light .calendar-page :is(.calendar-card, .calendar-metric, .calendar-coach, .month-identity, .insight-widget, .weekly-summary),
.authenticated-app-shell.app-theme-light .support-page :is(.support-hero, .support-card, .support-panel),
.authenticated-app-shell.app-theme-light :is(.broker-page, .account-settings-page, .user-settings-page) :is(.workflow-card, .broker-account-card, .settings-card, .settings-section, .account-card),
.authenticated-app-shell.app-theme-light :is(.help-navigation, .help-article),
.authenticated-app-shell.app-theme-light :is(.trade-editor-drawer, .trade-view-root) :is(.trade-screenshot-card, .trade-section),
.authenticated-app-shell.app-theme-light .trades-toolbar-grid .trade-metric-card {
    background: var(--ui-panel) !important;
    border-color: var(--ui-border) !important;
    box-shadow: var(--ui-shadow) !important;
}

.authenticated-app-shell.app-theme-light .pi-page .pi-panel-heading,
.authenticated-app-shell.app-theme-light .calendar-page :is(.calendar-toolbar, .calendar-context, .weekday-grid),
.authenticated-app-shell.app-theme-light :is(.beh-page, .pi-page) :is(.evolution-panel, .evidence-panel) > header {
    background: var(--ui-subtle) !important;
    border-color: var(--ui-divider) !important;
}

.authenticated-app-shell.app-theme-light .pi-page :is(.pi-kpi > i, .pi-insight-icon i),
.authenticated-app-shell.app-theme-light .calendar-page :is(.metric-icon, .coach-icon),
.authenticated-app-shell.app-theme-light .beh-page .beh-outcome-grid button > i {
    background: var(--ui-selected) !important;
    color: var(--ui-ink) !important;
    border-color: var(--ui-border) !important;
    box-shadow: none !important;
}

.authenticated-app-shell.app-theme-light :is(.pi-page, .beh-page) :is(.pi-eyebrow, .beh-eyebrow, .pi-panel-heading span, .pi-insight-copy > span),
.authenticated-app-shell.app-theme-light .calendar-page .calendar-eyebrow {
    color: var(--ui-muted) !important;
}

.authenticated-app-shell.app-theme-light .pi-section-nav,
.authenticated-app-shell.app-theme-light .beh-section-nav,
.authenticated-app-shell.app-theme-light .calendar-view-switcher,
.authenticated-app-shell.app-theme-light .ai-review-sidebar .grid.grid-cols-4 {
    background: var(--ui-subtle) !important;
    border-color: var(--ui-border) !important;
    box-shadow: none !important;
}

.authenticated-app-shell.app-theme-light :is(.pi-section-nav, .beh-section-nav) a.active,
.authenticated-app-shell.app-theme-light .calendar-page .view-button.active,
.authenticated-app-shell.app-theme-light .beh-page .beh-range button.active,
.authenticated-app-shell.app-theme-light .pi-page .pi-range-button.active {
    background: var(--ui-selected) !important;
    border-color: var(--ui-border) !important;
    color: var(--ui-ink) !important;
    font-weight: 600;
    box-shadow: inset 0 -2px 0 var(--ui-ink) !important;
}

.authenticated-app-shell.app-theme-light :is(.pi-section-nav, .beh-section-nav) a::after {
    background: var(--ui-ink) !important;
}

.authenticated-app-shell.app-theme-light .ai-review-sidebar button.bg-blue-600,
.authenticated-app-shell.app-theme-light .pi-page .pi-button.primary,
.authenticated-app-shell.app-theme-light .trade-action-primary,
.authenticated-app-shell.app-theme-light .evolution-sample-actions button,
.authenticated-app-shell.app-theme-light .evidence-card > footer button {
    background: var(--ui-action) !important;
    border-color: var(--ui-action) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.authenticated-app-shell.app-theme-light .ai-review-sidebar button[class*="border-blue-500/70"],
.authenticated-app-shell.app-theme-light .help-navigation button[class*="bg-cyan-500/"] {
    background: var(--ui-selected) !important;
    border-color: var(--ui-border) !important;
    color: var(--ui-ink) !important;
    box-shadow: inset 3px 0 0 var(--ui-ink) !important;
}

.authenticated-app-shell.app-theme-light .trades-data-table :is(th, td),
.authenticated-app-shell.app-theme-light .trade-import-table :is(th, td) {
    border-color: var(--ui-divider) !important;
}

.authenticated-app-shell.app-theme-light .trades-data-table th,
.authenticated-app-shell.app-theme-light .trades-data-table .trade-actions-column,
.authenticated-app-shell.app-theme-light .trade-import-table th,
.authenticated-app-shell.app-theme-light .pi-page .pi-table-wrap th {
    background: var(--ui-subtle) !important;
    color: var(--ui-muted) !important;
}

.authenticated-app-shell.app-theme-light .trades-data-table tbody tr:nth-child(even),
.authenticated-app-shell.app-theme-light .pi-page .pi-table-wrap tbody tr:nth-child(even),
.authenticated-app-shell.app-theme-light .trade-import-table tbody tr:nth-child(even) {
    background: var(--ui-subtle) !important;
}

.authenticated-app-shell.app-theme-light .trades-data-table tbody tr:nth-child(odd) {
    background: var(--ui-panel) !important;
}

.authenticated-app-shell.app-theme-light :is(.beh-page, .pi-page) :is(.beh-outcome-grid button, .beh-records article, .beh-leak-list button, .evidence-sources > section, .evidence-gap, .evidence-readiness, .evolution-streak-grid button) {
    background: var(--ui-subtle) !important;
    border-color: var(--ui-border) !important;
}

.authenticated-app-shell.app-theme-light .calendar-page .calendar-day {
    border-color: var(--ui-divider) !important;
}

.authenticated-app-shell.app-theme-light .calendar-page .calendar-day.outside {
    background: var(--ui-subtle) !important;
}

.authenticated-app-shell.app-theme-light .calendar-page .calendar-day.is-today {
    outline: 2px solid var(--ui-ink);
    outline-offset: -2px;
    box-shadow: none !important;
}

.authenticated-app-shell.app-theme-light .calendar-page .today-chip {
    background: var(--ui-selected);
    color: var(--ui-ink);
}

.authenticated-app-shell.app-theme-light .calendar-page .calendar-day.is-today:not(.profit):not(.loss):not(.process-strong):not(.process-mixed):not(.process-review) {
    background: #f0eee6 !important;
}

.authenticated-app-shell.app-theme-light .zen-coach {
    --zen-bg: var(--ui-panel);
    --zen-input: var(--ui-subtle);
    --zen-panel: var(--ui-canvas);
    --zen-line: var(--ui-border);
    --zen-muted: var(--ui-muted);
    --zen-ink: var(--ui-ink);
    --zen-link: var(--ui-ink);
}

.authenticated-app-shell.app-theme-light :is(.trade-editor-drawer, .trade-import-drawer, .ai-review-sidebar) {
    border-color: var(--ui-border) !important;
}

.authenticated-app-shell.app-theme-light :is(.period-review-root, .trade-review-root) :is(.rounded-2xl.border, .period-review-nav, .trade-review-nav) {
    background: var(--ui-panel) !important;
    border-color: var(--ui-border) !important;
    box-shadow: var(--ui-shadow) !important;
}

.authenticated-app-shell.app-theme-light :where([class~="bg-slate-950"], [class~="bg-slate-950/40"], [class~="bg-slate-950/60"], [class~="bg-slate-900"], [class~="bg-slate-900/30"], [class~="bg-slate-900/40"], [class~="bg-slate-900/60"]) {
    background-color: var(--ui-panel) !important;
}

.authenticated-app-shell.app-theme-light :where([class~="border-slate-800"], [class~="border-slate-700"], [class~="border-slate-800/70"], [class~="border-slate-800/80"]) {
    border-color: var(--ui-border) !important;
}

.authenticated-app-shell.app-theme-light :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), select, textarea) {
    background-color: var(--ui-panel);
    border-color: var(--ui-border);
    color: var(--ui-ink);
    accent-color: var(--ui-ink);
}

.authenticated-app-shell.app-theme-light :where(input, select, textarea):focus-visible {
    outline-color: var(--ui-ink);
}

.authenticated-app-shell.app-theme-light :where(button, a)[class~="bg-blue-600"] {
    background-color: var(--ui-action) !important;
    color: #ffffff !important;
}


.authenticated-app-shell.app-theme-light :is(.user-settings-card, .support-form-panel, .support-info-card) {
    background: var(--ui-panel) !important;
    border-color: var(--ui-border) !important;
    box-shadow: var(--ui-shadow) !important;
}
.authenticated-app-shell.app-theme-light :is(.user-settings-card-header, .trade-editor-header, .trade-editor-footer, .trade-import-header, .trade-import-footer) {
    background: var(--ui-subtle) !important;
    border-color: var(--ui-border) !important;
}
.authenticated-app-shell.app-theme-light :is(.user-settings-card-icon, .support-info-card__icon, .support-upload__icon) {
    background: var(--ui-selected) !important;
    border-color: var(--ui-border) !important;
    color: var(--ui-ink) !important;
}
.authenticated-app-shell.app-theme-light :is(.user-settings-card-description, .user-settings-field-help, .support-field-help) {
    color: var(--ui-muted) !important;
}
.authenticated-app-shell.app-theme-light :is(button.user-settings-save-button, .support-page .support-button--primary) {
    background: var(--ui-action) !important;
    border-color: var(--ui-action) !important;
    color: #ffffff !important;
}
.authenticated-app-shell.app-theme-light :is(button.user-settings-save-button, .support-page .support-button--primary):hover:not(:disabled) {
    background: var(--ui-action-hover) !important;
}
.authenticated-app-shell.app-theme-light :is(.user-settings-tour-button, .support-page .support-button--secondary) {
    background: var(--ui-subtle) !important;
    border-color: var(--ui-border) !important;
    color: var(--ui-ink) !important;
}
.authenticated-app-shell.app-theme-light .help-page {
    background: var(--ui-canvas) !important;
}
.authenticated-app-shell.app-theme-light .help-article [class~="bg-slate-900/30"] {
    background: var(--ui-subtle) !important;
    border-color: var(--ui-border) !important;
}
.authenticated-app-shell.app-theme-light .help-article [class~="text-cyan-300"] {
    background: var(--ui-selected) !important;
    border-color: var(--ui-border) !important;
    color: var(--ui-ink) !important;
}
.authenticated-app-shell.app-theme-light .help-article p {
    color: var(--ui-body) !important;
    font-size: 16px;
    line-height: 1.8;
}
.authenticated-app-shell.app-theme-light .broker-import-strip:is(.is-connect, .is-open) {
    background: var(--ui-warning-soft) !important;
    border-color: #e8d9b3 !important;
}
.authenticated-app-shell.app-theme-light .broker-import-strip:is(.is-connect, .is-open) .broker-import-icon {
    background: #f2e8cc !important;
    color: var(--ui-warning) !important;
    border-color: #dfcca1 !important;
}
.authenticated-app-shell.app-theme-light .trade-mobile-card {
    background: var(--ui-panel) !important;
    border-color: var(--ui-border) !important;
}
.authenticated-app-shell.app-theme-light .trades-data-table td.text-emerald-300,
.authenticated-app-shell.app-theme-light .trade-mobile-card .text-emerald-300 {
    color: var(--ui-positive) !important;
    filter: none;
}
.authenticated-app-shell.app-theme-light .trades-data-table :is(td.text-rose-400, td[class~="text-rose-300/90"]),
.authenticated-app-shell.app-theme-light .trade-mobile-card .text-rose-400 {
    color: var(--ui-negative) !important;
}

.authenticated-app-shell.app-theme-light .user-settings-page .user-settings-input,
.authenticated-app-shell.app-theme-light .support-page :is(.support-form-panel input, .support-form-panel textarea),
.authenticated-app-shell.app-theme-light .trade-editor-drawer :is(.form-dark, .input-flat) {
    background: var(--ui-panel) !important;
    border-color: var(--ui-border) !important;
    color: var(--ui-ink) !important;
}
.authenticated-app-shell.app-theme-light .ai-review-sidebar {
    background: var(--ui-panel) !important;
}
.authenticated-app-shell.app-theme-light :is(.trade-editor-drawer, .trade-import-drawer) {
    background: var(--ui-canvas) !important;
}
.authenticated-app-shell.app-theme-light .zen-coach :is(.eyebrow, .text-button) {
    color: var(--ui-ink) !important;
}
.authenticated-app-shell.app-theme-light :where(button, a)[class~="bg-blue-600"] :is(span, svg) {
    color: inherit !important;
}

/* Broken-rule counts: prominent rose badges on light surfaces. */
.authenticated-app-shell.app-theme-light .beh-page .beh-leak-list button > strong {
    background: #f9d5de;
    border: 1px solid #eaa4b5;
    color: #9f2546;
    font-weight: 750;
}

/* Component icon badges: stronger foregrounds and visible, quiet surfaces. */
.authenticated-app-shell.app-theme-light :is(
    .evolution-streak-grid button > i,
    .evolution-timeline button > i,
    .evolution-milestone-grid button > div:first-child > i,
    .evolution-hero-icon,
    .evidence-hero-icon,
    .evidence-source-title > i,
    .action-signal-grid button > i,
    .pi-kpi > i,
    .pi-insight-icon i,
    .calendar-page .metric-icon,
    .calendar-page .coach-icon,
    .beh-outcome-grid button > i,
    .beh-records article > i,
    .user-settings-card-icon,
    .support-info-card__icon,
    .support-upload__icon
) {
    color: var(--ui-icon-ink) !important;
    background: var(--ui-icon-bg) !important;
    border: 1px solid var(--ui-icon-border) !important;
    box-shadow: none !important;
}
.authenticated-app-shell.app-theme-light .evolution-streak-grid button > i {
    font-size: 17px;
}
.authenticated-app-shell.app-theme-light :is(
    .evidence-checks > div.passed > i,
    .evidence-source-title.live > i
) {
    background: var(--ui-icon-positive-bg) !important;
    border: 1px solid var(--ui-icon-positive-border) !important;
    color: #185d3c !important;
}
.authenticated-app-shell.app-theme-light :is(
    .evidence-checks > div.blocked > i,
    .beh-leak-list button > strong
) {
    background: var(--ui-icon-negative-bg) !important;
    border: 1px solid var(--ui-icon-negative-border) !important;
    color: #9f2546 !important;
}
.authenticated-app-shell.app-theme-light :is(
    .evidence-checks > div.pending > i,
    .action-experiment-icon
) {
    background: var(--ui-icon-warning-bg) !important;
    border: 1px solid var(--ui-icon-warning-border) !important;
    color: #775619 !important;
}

/* Public Cookie Policy opts into the saved theme without changing auth pages. */
.cookie-policy-page.app-theme-light {
    background: var(--ui-canvas) !important;
    color: var(--ui-ink);
}
.cookie-policy-page.app-theme-light > main {
    background: var(--ui-panel);
    border-inline: 1px solid var(--ui-border);
}
.cookie-policy-page.app-theme-light header {
    border-color: var(--ui-border);
}
.cookie-policy-page.app-theme-light :is(h1, h2, h3, strong) {
    color: var(--ui-ink) !important;
}
.cookie-policy-page.app-theme-light :is(.text-slate-300, .text-slate-400) {
    color: var(--ui-body);
}
.cookie-policy-page.app-theme-light .text-slate-500 {
    color: var(--ui-muted);
}
.cookie-policy-page.app-theme-light article {
    background: var(--ui-subtle);
    border-color: var(--ui-border);
}
.cookie-policy-page.app-theme-light [class~="bg-sky-500/10"] {
    background: var(--ui-icon-bg);
    border: 1px solid var(--ui-icon-border);
    color: var(--ui-icon-ink);
}
.cookie-policy-page.app-theme-light a {
    color: var(--ui-ink);
}
.cookie-policy-page.app-theme-light a:hover {
    color: var(--ui-body);
    text-decoration: underline;
}
.cookie-policy-page.app-theme-light a:focus-visible {
    outline: 2px solid var(--ui-ink);
    outline-offset: 3px;
}
.cookie-policy-page.app-theme-light code {
    background: var(--ui-selected);
    color: var(--ui-ink);
}
.cookie-policy-page.app-theme-light .text-xs {
    font-size: 13px;
    line-height: 1.5;
}

/* Warm brown primary actions; slate navigation and status colours stay semantic. */
.authenticated-app-shell.app-theme-light :is(button, a):is(
    [class~="bg-blue-600"], [class~="bg-blue-500"], [class~="bg-blue-700"],
    .trade-action-primary, .user-settings-save-button, .support-button--primary,
    .pi-button.primary
):hover:not(:disabled) {
    background: var(--ui-action-hover) !important;
    border-color: var(--ui-action-hover) !important;
    color: #ffffff !important;
}

/* Add/Edit Trade tabs use the warm action palette rather than blue. */
.authenticated-app-shell.app-theme-light .trade-editor-drawer [role="tab"] {
    background: var(--ui-panel) !important;
    border-color: var(--ui-border) !important;
    color: var(--ui-body) !important;
}
.authenticated-app-shell.app-theme-light .trade-editor-drawer [role="tab"][aria-selected="true"] {
    background: var(--ui-selected) !important;
    border-color: var(--ui-border-strong) !important;
    color: var(--ui-action-hover) !important;
}
.authenticated-app-shell.app-theme-light .trade-editor-drawer [role="tab"]:hover {
    background: #f0f6f2 !important;
    border-color: var(--ui-border-strong) !important;
}
.authenticated-app-shell.app-theme-light .trade-editor-drawer [role="tab"]:focus-visible {
    outline: 2px solid var(--ui-action);
    outline-offset: 2px;
}

/* Candlestick canvases are transparent; provide a pure white light surface. */
.authenticated-app-shell.app-theme-light :is(.trade-candlestick-surface, .trade-chart-viewport) {
    background: #ffffff !important;
}

/* Behavioural sections: calm, evenly spaced tabs with a warm selected state. */
.authenticated-app-shell.app-theme-light .beh-page .beh-section-nav {
    gap: 6px;
    padding: 7px;
    border: 1px solid var(--ui-border) !important;
    border-radius: 13px;
    background: var(--ui-panel) !important;
    box-shadow: var(--ui-shadow) !important;
    scrollbar-width: thin;
}
.authenticated-app-shell.app-theme-light .beh-page .beh-section-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 17px;
    border: 1px solid transparent !important;
    border-radius: 8px;
    color: var(--ui-muted) !important;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
    box-shadow: none !important;
    transition: background 140ms ease, color 140ms ease;
}
.authenticated-app-shell.app-theme-light .beh-page .beh-section-nav a:hover {
    background: #f0f6f2;
    color: var(--ui-action-hover) !important;
}
.authenticated-app-shell.app-theme-light .beh-page .beh-section-nav a.active {
    background: var(--ui-selected) !important;
    color: var(--ui-action-hover) !important;
    border-color: var(--ui-border-strong) !important;
    font-weight: 600;
    box-shadow: none !important;
}
.authenticated-app-shell.app-theme-light .beh-page .beh-section-nav a::after {
    display: none;
}
.authenticated-app-shell.app-theme-light .beh-page .beh-section-nav a:focus-visible {
    outline: 2px solid var(--ui-action);
    outline-offset: -2px;
}

/* Consistent light-mode section tabs across host screens. */
.authenticated-app-shell.app-theme-light :is(.beh-page .beh-section-nav, .pi-page .pi-section-nav, .period-review-nav, .trade-review-nav, .account-settings-tabs, [role="tablist"], .calendar-view-switcher, .ai-review-sidebar .grid.grid-cols-4) {
    gap: 6px;
    padding: 7px;
    border: 1px solid var(--ui-border) !important;
    border-radius: 13px;
    background: var(--ui-panel) !important;
    box-shadow: var(--ui-shadow) !important;
}
.authenticated-app-shell.app-theme-light :is(.beh-page .beh-section-nav, .pi-page .pi-section-nav, .period-review-nav, .trade-review-nav, .account-settings-tabs, [role="tablist"], .calendar-view-switcher, .ai-review-sidebar .grid.grid-cols-4) > :is(a, button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 17px;
    border: 1px solid transparent !important;
    border-radius: 8px;
    color: var(--ui-muted) !important;
    background: transparent !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
    box-shadow: none !important;
    text-decoration: none;
}
.authenticated-app-shell.app-theme-light :is(.beh-page .beh-section-nav, .pi-page .pi-section-nav, .period-review-nav, .trade-review-nav, .account-settings-tabs, [role="tablist"], .calendar-view-switcher, .ai-review-sidebar .grid.grid-cols-4) > :is(a, button):is(.active, .is-active, .account-settings-tabs__item--active, [aria-selected="true"], [aria-pressed="true"], .bg-blue-600) {
    background: var(--ui-selected) !important;
    color: var(--ui-action-hover) !important;
    border-color: var(--ui-border-strong) !important;
    font-weight: 600;
    box-shadow: none !important;
}
.authenticated-app-shell.app-theme-light :is(.beh-page .beh-section-nav, .pi-page .pi-section-nav, .period-review-nav, .trade-review-nav, .account-settings-tabs, [role="tablist"], .calendar-view-switcher, .ai-review-sidebar .grid.grid-cols-4) > :is(a, button):hover {
    background: #f0f6f2 !important;
    color: var(--ui-action-hover) !important;
}
.authenticated-app-shell.app-theme-light :is(.beh-page .beh-section-nav, .pi-page .pi-section-nav, .period-review-nav, .trade-review-nav, .account-settings-tabs, [role="tablist"], .calendar-view-switcher, .ai-review-sidebar .grid.grid-cols-4) > :is(a, button)::after {
    display: none;
}
.authenticated-app-shell.app-theme-light :is(.beh-page .beh-section-nav, .pi-page .pi-section-nav, .period-review-nav, .trade-review-nav, .account-settings-tabs, [role="tablist"], .calendar-view-switcher, .ai-review-sidebar .grid.grid-cols-4) > :is(a, button):focus-visible {
    outline: 2px solid var(--ui-action);
    outline-offset: -2px;
}

/* Account Settings: warm actions, neutral account surfaces and semantic statuses. */
.authenticated-app-shell.app-theme-light :is(.trading-accounts-panel, .trading-account-drawer) {
    --ta-border: var(--ui-border);
    --ta-border-strong: var(--ui-border-strong);
    --ta-surface: var(--ui-panel);
    --ta-surface-strong: var(--ui-subtle);
    --ta-text: var(--ui-ink);
    --ta-muted: var(--ui-muted);
    --ta-teal: var(--ui-action);
    color: var(--ui-ink);
}
.authenticated-app-shell.app-theme-light .trading-account-list {
    background: var(--ui-panel) !important;
    border-color: var(--ui-border) !important;
    box-shadow: var(--ui-shadow) !important;
}
.authenticated-app-shell.app-theme-light .trading-account-row {
    background: var(--ui-panel) !important;
    border-color: var(--ui-border) !important;
}
.authenticated-app-shell.app-theme-light .trading-account-row--active {
    background: #fffdf9 !important;
    box-shadow: inset 3px 0 0 var(--ui-action);
}
.authenticated-app-shell.app-theme-light .trading-account-row:hover {
    background: var(--ui-subtle) !important;
}
.authenticated-app-shell.app-theme-light .trading-account-row__mark {
    background: var(--ui-selected);
    border-color: var(--ui-border-strong);
    color: var(--ui-action-hover);
}
.authenticated-app-shell.app-theme-light .trading-account-pill {
    background: var(--ui-icon-positive-bg);
    border-color: var(--ui-icon-positive-border);
    color: #185d3c;
}
.authenticated-app-shell.app-theme-light .trading-account-row__meta small {
    color: var(--ui-muted);
}
.authenticated-app-shell.app-theme-light .trading-account-row__meta strong {
    color: var(--ui-body);
}
.authenticated-app-shell.app-theme-light .trading-account-action--primary {
    background: var(--ui-action) !important;
    border-color: var(--ui-action) !important;
    color: #ffffff !important;
}
.authenticated-app-shell.app-theme-light .trading-account-action--primary:hover:not(:disabled) {
    background: var(--ui-action-hover) !important;
}
.authenticated-app-shell.app-theme-light .trading-account-action--secondary {
    background: var(--ui-panel);
    border-color: var(--ui-border);
    color: var(--ui-body);
}
.authenticated-app-shell.app-theme-light .trading-account-action--danger-ghost {
    background: var(--ui-negative-soft);
    border-color: #ecc2cc;
    color: var(--ui-negative);
}
.authenticated-app-shell.app-theme-light .account-settings-page .account-settings-tabs__icon {
    background: var(--ui-icon-bg) !important;
    border-color: var(--ui-icon-border) !important;
    color: var(--ui-icon-ink) !important;
}
.authenticated-app-shell.app-theme-light .account-settings-page .account-settings-tabs__item--active .account-settings-tabs__icon {
    background: #d3e7dd !important;
    border-color: var(--ui-border-strong) !important;
    color: var(--ui-action-hover) !important;
}
.authenticated-app-shell.app-theme-light .account-settings-page .account-settings-tabs__item small {
    color: var(--ui-muted) !important;
}
.authenticated-app-shell.app-theme-light .trading-account-drawer {
    background: var(--ui-panel);
    border-color: var(--ui-border);
}
.authenticated-app-shell.app-theme-light .trading-account-drawer :is(.drawer-close, .drawer-control input, .drawer-control select, .trading-account-drawer__footer) {
    background: var(--ui-subtle);
    border-color: var(--ui-border);
    color: var(--ui-ink);
}

/* Final light-theme polish: a consistent type hierarchy and restrained surfaces. */
:root .authenticated-app-shell.app-theme-light,
:root .cookie-policy-page.app-theme-light {
    font-family: var(--ui-font);
    font-size: var(--ui-text-base);
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}
:root .authenticated-app-shell.app-theme-light :is(button, input, select, textarea) {
    font-family: inherit;
}
:root .authenticated-app-shell.app-theme-light :is(h1, h2, h3, h4),
:root .cookie-policy-page.app-theme-light :is(h1, h2, h3) {
    font-weight: var(--ui-weight-heading) !important;
    letter-spacing: -.02em;
    line-height: 1.3;
}
:root .authenticated-app-shell.app-theme-light :is(.beh-header h1, .pi-header h2, .trading-accounts-panel__header h2) {
    font-size: clamp(26px, 2.1vw, 32px) !important;
    color: var(--ui-ink) !important;
}
:root .authenticated-app-shell.app-theme-light :is(.text-lg.font-extrabold, .text-sm.font-extrabold, .font-black) {
    font-weight: 650 !important;
}
:root .authenticated-app-shell.app-theme-light :is(.pi-kpi strong, .trade-metric-value) {
    font-weight: 650 !important;
    letter-spacing: -.025em;
    font-variant-numeric: tabular-nums;
}
:root .authenticated-app-shell.app-theme-light :is(.pi-panel-heading h2, .beh-panel h3, .evolution-panel header h3, .evidence-panel header h3) {
    font-size: 18px;
}
:root .authenticated-app-shell.app-theme-light :is(.pi-kpi small, .trade-metric-note, .beh-records small, .beh-leak-list small, .user-settings-card-description, .support-field-help) {
    font-size: 13px;
    line-height: 1.55;
    color: var(--ui-muted) !important;
}
:root .authenticated-app-shell.app-theme-light :is(.evolution-comparison-row > span:first-child small, .evolution-drawer-trades dt, .evidence-metric span, .evidence-checks span) {
    font-size: 13px;
    line-height: 1.55;
}
:root .authenticated-app-shell.app-theme-light :is(.evolution-streak-grid button, .beh-records article, .evidence-checks > div) {
    border-color: transparent !important;
    background: var(--ui-subtle) !important;
    box-shadow: none !important;
}
:root .authenticated-app-shell.app-theme-light :is(.evolution-streak-grid button, .evidence-checks > div) :is(strong, b) {
    font-weight: 600;
}
:root .authenticated-app-shell.app-theme-light .zen-coach {
    --zen-link: var(--ui-ai);
}
:root .authenticated-app-shell.app-theme-light .ai-review-sidebar button.bg-blue-600 {
    background: var(--ui-selected) !important;
    color: var(--ui-action-hover) !important;
    border-color: var(--ui-border-strong) !important;
}
:root .authenticated-app-shell.app-theme-light :is(.period-review-next-focus, .trade-review-next-focus) {
    background: var(--ui-ai-soft) !important;
    border-color: var(--ui-ai-border) !important;
}

:root .authenticated-app-shell.app-theme-light :is(small, dt, label) {
    font-size: 13px;
    line-height: 1.55;
}
:root .authenticated-app-shell.app-theme-light :is(.beh-page, .pi-page) :is(p, dd) {
    font-size: 14px;
    line-height: 1.6;
}
:root .authenticated-app-shell.app-theme-light :is(.pi-table-wrap, .trade-import-table, .trades-data-table) th {
    font-size: 12px;
    font-weight: 600;
}
:root .authenticated-app-shell.app-theme-light :is(.pi-table-wrap, .trade-import-table, .trades-data-table) td {
    font-size: 13px;
    line-height: 1.5;
}
:root .authenticated-app-shell.app-theme-light .zen-coach :is(.eyebrow, .text-button) {
    color: var(--ui-ai) !important;
}

:root .authenticated-app-shell.app-theme-light :is([class~="text-slate-400"], [class~="text-slate-500"], [class~="text-slate-600"]) {
    color: var(--ui-muted) !important;
}
:root .authenticated-app-shell.app-theme-light :is(button, a)[class~="bg-blue-600"] :is(span, svg) {
    color: inherit !important;
}

/* Numbers use size and colour for emphasis, rather than heavy weights. */
:root .authenticated-app-shell.app-theme-light :is(
    .pi-kpi strong, .trade-metric-value, .calendar-metric strong,
    .beh-discipline-card > strong, .beh-process-card strong,
    .evolution-hero dd, .evidence-hero dd,
    .pi-risk-story-metrics strong, .pi-record-grid strong
) {
    font-weight: 500 !important;
    font-variant-numeric: tabular-nums;
}
:root .authenticated-app-shell.app-theme-light :is(
    .pi-highlight-list strong, .pi-r-stats strong,
    .pi-change-list dd,
    .pi-evolution-metrics strong, .pi-cohort-metrics strong,
    .pi-drawer-summary strong, .evolution-drawer-summary strong,
    .evolution-streak-grid button > div strong,
    .evolution-comparison-row > span:not(:first-child),
    .evidence-metric strong, .evidence-gap > strong,
    .evidence-readiness-heading strong,
    .action-readiness-context strong, .action-dimensions strong,
    .period-review-score-strip strong, .trade-review-score-strip strong,
    .trading-account-row__meta strong,
    [class~="tabular-nums"]
) {
    font-weight: 400 !important;
    font-variant-numeric: tabular-nums;
}
:root .authenticated-app-shell.app-theme-light table tbody :is(td, td strong, td b) {
    font-weight: 400 !important;
}

/* Screenshot upload actions share one accessible treatment in Add/Edit/View. */
:root .authenticated-app-shell.app-theme-light .trade-screenshot-card .trade-screenshot-browse {
    background: var(--ui-action) !important;
    border-color: var(--ui-action) !important;
    color: #ffffff !important;
}
:root .authenticated-app-shell.app-theme-light .trade-screenshot-card .trade-screenshot-browse :is(span, i) {
    color: #ffffff !important;
}
:root .authenticated-app-shell.app-theme-light .trade-screenshot-card .trade-screenshot-browse:hover:not(.is-disabled) {
    background: var(--ui-action-hover) !important;
    border-color: var(--ui-action-hover) !important;
}
:root .authenticated-app-shell.app-theme-light .trade-screenshot-card .trade-screenshot-browse:focus-within {
    outline: 2px solid var(--ui-action);
    outline-offset: 3px;
}

/* Screenshot copy stays readable on white in both editor and view drawers. */
:root .authenticated-app-shell.app-theme-light .trade-screenshot-card :is(.trade-screenshot-title, .trade-screenshot-upload > span) {
    color: var(--ui-ink) !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}
:root .authenticated-app-shell.app-theme-light .trade-screenshot-card :is(.trade-section-kicker, .trade-screenshot-toggle > i) {
    color: var(--ui-action) !important;
}
:root .authenticated-app-shell.app-theme-light .trade-screenshot-card .trade-section-kicker {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .07em;
}
:root .authenticated-app-shell.app-theme-light .trade-screenshot-card p {
    color: var(--ui-body);
    font-size: 14px;
    line-height: 1.6;
}
:root .authenticated-app-shell.app-theme-light .trade-screenshot-card .trade-screenshot-help {
    color: var(--ui-muted) !important;
    font-size: 13px;
    line-height: 1.6;
}
:root .authenticated-app-shell.app-theme-light .trade-screenshot-card .trade-screenshot-error {
    color: var(--ui-negative) !important;
}
:root .authenticated-app-shell.app-theme-light .trade-screenshot-card .trade-screenshot-pending {
    color: var(--ui-positive) !important;
}

/* Trade duration matches the reading size of the surrounding trade details. */
:root .authenticated-app-shell.app-theme-light .trade-duration-row {
    font-size: 14px;
    line-height: 1.5;
    color: var(--ui-body) !important;
}
:root .authenticated-app-shell.app-theme-light .trade-duration-row > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
:root .authenticated-app-shell.app-theme-light .trade-duration-row i {
    font-size: 14px;
    color: var(--ui-action) !important;
}
:root .authenticated-app-shell.app-theme-light .trade-duration-row strong {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    color: var(--ui-ink) !important;
}