/*
 * Dashboard page styles.
 * Cascade order is intentional: extracted page foundations first, focused
 * control/state refinements second. Keep new Dashboard rules in this file.
 */

/* === Shell and document layout === */
/* Base reset/body — inherited from app-shell.css */
#equity-container {
    overflow: visible;
}

@media (max-width: 1180px) {
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper .dashboard-content {
        padding: 0;
    }
}

@media (max-width: 980px) {
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper .dashboard-content > .grid:first-child {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
}

#dashboard-wrapper #equity-container > .chart-header {
    margin-bottom: 20px;
}
.dashboard-content {
    container-name: dashboard-content;
    container-type: inline-size;
}
body.dashboard-index:not(.embed-mode) .dashboard-page-header {
    margin-bottom: 0;
}
/* === First Read and activation === */
.dashboard-first-read {
    position: relative;
    container-name: first-read;
    container-type: inline-size;
    scroll-margin-block: clamp(20px, 6vh, 64px);
    overflow: hidden;
    margin-bottom: 18px;
    padding: 0;
    border: 1px solid var(--app-border-muted);
    border-radius: 12px;
    background: var(--app-surface-card);
    box-shadow: none;
}
.dashboard-activation {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 18px;
    padding: 16px 0 18px;
    border-bottom: 1px solid var(--app-border-default);
    background: transparent;
    box-shadow: none;
}
.dashboard-activation-copy {
    min-width: 0;
    max-width: 900px;
}
.dashboard-activation-kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 7px;
    color: var(--app-action-primary-color);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.16em;
    line-height: 1;
    text-transform: uppercase;
}
.dashboard-activation-kicker::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 14px rgba(112, 229, 210, 0.32);
}
.dashboard-activation--unavailable .dashboard-activation-kicker {
    color: var(--amber);
}
.dashboard-activation--unavailable .dashboard-activation-kicker::before {
    box-shadow: 0 0 14px var(--amber-bg);
}
.dashboard-activation h2 {
    margin: 0;
    color: var(--text-primary);
    font-size: clamp(22px, 2.1vw, 28px);
    font-weight: 720;
    letter-spacing: -.03em;
    line-height: 1.08;
}
.dashboard-activation p {
    max-width: 860px;
    margin: 8px 0 0;
    color: var(--text-secondary);
    font-size: 13px;
    line-height: 1.5;
}
.dashboard-activation p strong {
    color: var(--app-action-primary-color);
    font-weight: 700;
}
.dashboard-activation-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}
.dashboard-activation-actions .app-action-btn {
    min-height: 46px;
    padding-left: 16px;
    padding-right: 16px;
    white-space: nowrap;
}
.dashboard-activation-actions .app-action-btn svg,
.dashboard-activation-actions .app-action-btn i {
    width: 16px;
    min-width: 16px;
    height: 16px;
    flex: 0 0 16px;
}
@media (max-width: 800px) {
    .dashboard-activation {
        padding: 14px 0 16px;
    }
}
@container dashboard-content (max-width: 900px) {
    .dashboard-activation {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }
    .dashboard-activation-copy {
        max-width: 100%;
    }
    .dashboard-activation-actions {
        flex-wrap: wrap;
    }
}
@container dashboard-content (max-width: 520px) {
    .dashboard-activation-actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }
    .dashboard-activation-actions .app-action-btn {
        width: 100%;
        justify-content: center;
    }
}
.dashboard-activation-handoff {
    align-items: stretch;
}
.dashboard-activation-handoff-copy {
    min-width: 0;
}
.dashboard-activation-handoff-focus {
    border: 1px solid rgba(77, 171, 154, 0.22);
    border-radius: 12px;
}
.dashboard-activation-handoff-focus > span {
    display: block;
    font-weight: 750;
    text-transform: uppercase;
}
.dashboard-activation-handoff-focus strong {
    display: block;
    color: var(--text-primary);
    font-size: 14px;
    line-height: 1.5;
}
.dashboard-activation-handoff-progress {
    margin-top: 12px;
}
.dashboard-activation-handoff-progress-line {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 7px;
}
.dashboard-activation-handoff-progress-track {
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
}
.dashboard-activation-handoff-progress-track > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--app-action-primary-color);
}
.dashboard-activation-handoff-state-copy,
.dashboard-activation-handoff-history p {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
}
.dashboard-activation-handoff-history {
    margin-top: 11px;
    color: var(--text-secondary);
    font-size: 11px;
}
.dashboard-activation-handoff-history summary {
    cursor: pointer;
    color: var(--text-secondary);
    font-weight: 700;
}
.dashboard-activation-handoff-history p {
    margin-top: 8px;
}
.dashboard-activation-handoff-state-copy {
    margin-top: 8px;
}
.dashboard-activation-handoff-actions {
    margin-top: 14px;
}
@container dashboard-content (max-width: 900px) {
    .dashboard-activation-handoff-focus {
        min-width: 0;
        width: 100%;
    }
}

.dashboard-activation-handoff {
    gap: clamp(22px, 3vw, 46px);
    margin-bottom: 0;
    padding: 20px 0 22px;
}
.dashboard-activation-handoff-copy {
    flex: 1 1 54%;
    align-self: center;
    max-width: 760px;
}
.dashboard-activation-handoff h2 {
    max-width: 24ch;
    font-size: clamp(28px, 2.35vw, 35px);
    font-weight: 735;
    line-height: 1.05;
}
.dashboard-activation-handoff-copy > p {
    max-width: 690px;
    color: var(--text-secondary);
    font-size: 13.5px;
}
.dashboard-activation-handoff-focus {
    flex: 0 1 49%;
    width: min(100%, 600px);
    min-width: min(100%, 390px);
    padding: 16px 17px;
    border-color: var(--app-border-default);
    background: var(--app-surface-section-alt);
}
.dashboard-activation-handoff-focus > span {
    margin-bottom: 7px;
    color: var(--text-secondary);
    font-size: 10px;
    letter-spacing: .09em;
}
.dashboard-activation-handoff-focus > strong {
    font-size: 13.5px;
    line-height: 1.45;
}
.dashboard-activation-handoff-focus.is-focus-active {
    border-color: rgba(77, 171, 154, 0.25);
    background: rgba(77, 171, 154, 0.045);
}
.dashboard-activation-handoff-focus.is-focus-active > span {
    color: var(--app-action-primary-color);
}
.dashboard-activation-handoff-focus.is-recheck-ready {
    border-color: rgba(112, 229, 210, 0.42);
    background: rgba(77, 171, 154, 0.075);
    box-shadow: inset 3px 0 0 rgba(112, 229, 210, 0.72);
}
.dashboard-activation-handoff-focus.is-recheck-ready > span {
    color: var(--app-action-primary-color);
}
.dashboard-activation-handoff-focus.is-recheck-completed {
    border-color: var(--app-border-default);
    background: var(--app-surface-highlight-soft);
    box-shadow: inset 3px 0 0 rgba(77, 171, 154, 0.38);
}
.dashboard-activation-handoff-focus.is-completed-without-focus {
    border-color: var(--app-border-muted);
    background: var(--app-surface-section-alt);
    box-shadow: none;
}
.dashboard-activation-handoff-focus.is-completed-without-focus > span {
    color: var(--text-secondary);
    letter-spacing: .06em;
}
.dashboard-activation-handoff-progress-line {
    color: var(--text-secondary);
    font-size: 11.5px;
}
.dashboard-activation-handoff-state-copy,
.dashboard-activation-handoff-history p {
    color: var(--text-secondary);
}
.dashboard-activation-handoff-actions .app-action-btn {
    min-height: 40px;
}
.dashboard-activation--unavailable {
    padding: 18px 0 20px;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-main {
    gap: 9px;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-copy {
    gap: 5px;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-copy h2 {
    font-size: clamp(24px, 1.85vw, 30px);
    font-weight: 640;
    line-height: 1.06;
    letter-spacing: -.025em;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-copy p {
    max-width: 760px;
    color: var(--text-secondary);
    font-size: 13.25px;
    line-height: 1.4;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-copy .dashboard-command-source-strip--compact {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, auto));
    width: min(780px, 100%);
    margin-top: 5px;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-source-strip--compact .dashboard-command-pill {
    min-width: 0;
    padding: 2px 18px;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-source-strip--compact .dashboard-command-pill-copy {
    display: grid;
    align-items: start;
    gap: 3px;
    text-align: left;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-source-strip--compact .dashboard-command-card-label {
    color: var(--text-tertiary);
    font-size: 10.5px;
    font-weight: 650;
    letter-spacing: 0.06em;
    line-height: 1.15;
    text-transform: uppercase;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-source-strip--compact .dashboard-command-pill-copy strong {
    color: var(--text-secondary);
    font-size: 12.25px;
    font-weight: 690;
    line-height: 1.15;
    white-space: normal;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-ai {
    gap: 8px;
    max-width: 1040px;
    margin-top: 2px;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-ai-control {
    grid-template-rows: minmax(28px, auto) auto;
    gap: 6px;
    min-height: 84px;
    padding: 10px 12px 9px 16px;
    border-radius: 13px;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-composer-field {
    gap: 10px;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-ai-status {
    margin-top: 5px;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-ai-control textarea {
    min-height: 28px;
    max-height: 96px;
    padding: 3px 0;
    font-size: 14px;
    line-height: 1.4;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-ai-foot {
    gap: 3px;
    width: min(1000px, 100%);
}
body.dashboard-index:not(.embed-mode) .dashboard-command-ai-lenses-head {
    align-items: baseline;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-ai-lenses-head > span {
    color: var(--text-secondary);
    font-size: 10.5px;
    font-weight: 680;
    letter-spacing: .02em;
    text-transform: none;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-ai-lenses-head button {
    min-height: 22px;
    padding-inline: 4px;
    border-color: transparent;
    background: transparent;
    line-height: 1;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-ai-lenses-head button:hover,
body.dashboard-index:not(.embed-mode) .dashboard-command-ai-lenses-head button[aria-expanded="true"] {
    border-color: var(--dashboard-command-prompt-border-hover);
    background: var(--dashboard-command-prompt-bg-hover);
    color: var(--text-primary);
}
body.dashboard-index:not(.embed-mode) .dashboard-command-ai-prompts {
    gap: 6px;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-ai-prompts button {
    min-height: 32px;
    padding: 0 11px;
    border-color: rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    background: transparent;
    color: color-mix(in srgb, var(--text-secondary) 95%, transparent);
}
body.dashboard-index:not(.embed-mode) .dashboard-command-ai-prompts button:hover,
body.dashboard-index:not(.embed-mode) .dashboard-command-ai-prompts button:focus-visible {
    border-color: var(--dashboard-command-prompt-border-hover);
    background: var(--dashboard-command-prompt-bg-hover);
    color: var(--dashboard-command-prompt-color-hover);
}
html.light body.dashboard-index:not(.embed-mode) .dashboard-command-ai-prompts button,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper[data-theme="light"] .dashboard-command-ai-prompts button {
    border-color: rgba(15, 23, 42, 0.105);
    background: transparent;
}
body.dashboard-index:not(.embed-mode) .dashboard-command-prompt-copy strong {
    color: inherit;
    font-size: 12px;
    font-weight: 650;
}
body.dashboard-index:not(.embed-mode) .dashboard-daily-route {
    gap: 10px;
    width: min(820px, 100%);
    margin-top: 0;
}
body.dashboard-index:not(.embed-mode) .dashboard-daily-route-card {
    min-height: 60px;
    background: transparent;
}

@container dashboard-content (max-width: 900px) {
    .dashboard-activation-handoff {
        gap: 16px;
        padding-top: 18px;
    }
    .dashboard-activation-handoff-copy,
    .dashboard-activation-handoff-focus {
        flex: 1 1 auto;
        width: 100%;
        max-width: none;
    }
    .dashboard-activation-handoff h2 {
        max-width: 28ch;
    }
}
@container dashboard-content (max-width: 520px) {
    .dashboard-activation-handoff {
        gap: 13px;
        padding: 15px 0 17px;
    }
    .dashboard-activation-handoff h2 {
        font-size: clamp(24px, 8.4vw, 30px);
    }
    .dashboard-activation-handoff-focus {
        min-width: 0;
        padding: 14px;
    }
    body.dashboard-index:not(.embed-mode) .dashboard-command-copy h2 {
        font-size: clamp(22px, 7vw, 27px);
    }
    body.dashboard-index:not(.embed-mode) .dashboard-command-copy .dashboard-command-source-strip--compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        gap: 0;
        margin-top: 7px;
    }
    body.dashboard-index:not(.embed-mode) .dashboard-command-source-strip--compact .dashboard-command-pill {
        padding: 8px 10px;
        border-top: 1px solid var(--dashboard-route-separator);
        border-left: 0;
    }
    body.dashboard-index:not(.embed-mode) .dashboard-command-source-strip--compact .dashboard-command-pill:nth-child(-n+2) {
        border-top: 0;
    }
    body.dashboard-index:not(.embed-mode) .dashboard-command-source-strip--compact .dashboard-command-pill:nth-child(even) {
        border-left: 1px solid var(--dashboard-route-separator);
    }
    body.dashboard-index:not(.embed-mode) .dashboard-command-ai-control {
        gap: 7px;
        min-height: 82px;
        padding: 10px 10px 9px 12px;
    }
    body.dashboard-index:not(.embed-mode) .dashboard-command-ai-prompts {
        gap: 6px;
    }
    body.dashboard-index:not(.embed-mode) .dashboard-command-ai-prompts button {
        min-height: 32px;
    }
}
.dashboard-first-read-label {
    color: var(--app-action-primary-color);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.dashboard-first-read-progress {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 260px) auto;
    align-items: center;
    gap: 22px;
    padding: 18px 20px;
}
.dashboard-first-read-progress-copy {
    min-width: 0;
}
.dashboard-first-read-progress-copy > span {
    display: block;
    margin-bottom: 8px;
}
.dashboard-first-read-progress h3 {
    margin: 0;
    color: var(--text-primary);
    font-size: 17px;
    font-weight: 680;
    letter-spacing: -.02em;
    line-height: 1.25;
}
.dashboard-first-read-progress p {
    max-width: none;
    margin: 7px 0 0;
    color: var(--text-secondary);
    font-size: 13px;
    line-height: 1.45;
}
.dashboard-first-read-progress p strong {
    color: var(--app-action-primary-color);
    font-weight: 760;
}
.dashboard-first-read-progress-meter {
    display: grid;
    gap: 8px;
    min-width: 0;
}
.dashboard-first-read-progress-meter > span:first-child {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 650;
}
.dashboard-first-read-progress-meter strong {
    color: var(--text-primary);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    font-weight: 760;
}
.dashboard-first-read-progress.is-minimum-reached .dashboard-first-read-progress-meter {
    gap: 5px;
}
.dashboard-first-read-progress.is-minimum-reached .dashboard-first-read-progress-meter > span:first-child {
    display: grid;
    justify-content: start;
    gap: 3px;
}
.dashboard-first-read-progress.is-minimum-reached .dashboard-first-read-progress-meter strong {
    font-size: 20px;
    line-height: 1;
}
.dashboard-first-read-threshold-status {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 620;
    line-height: 1.35;
}
.dashboard-first-read-progress-track {
    display: block;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--app-control-tint);
}
.dashboard-first-read-progress-track > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--app-action-primary-color);
}
.dashboard-first-read-progress .app-action-btn {
    white-space: nowrap;
}
@media (max-width: 800px) {
    .dashboard-first-read-progress {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 16px;
    }
    .dashboard-first-read-progress .app-action-btn {
        justify-content: center;
        width: 100%;
    }
}
@container first-read (max-width: 720px) {
    .dashboard-first-read-progress {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 16px;
    }
    .dashboard-first-read-progress .app-action-btn {
        justify-content: center;
        width: 100%;
    }
}
/* First Read disclosure: one decision in the collapsed state. */
.dashboard-first-read:has(.dashboard-first-read-disclosure) {
    padding: 0;
}
.dashboard-first-read:has(.dashboard-first-read-active-strip) {
    padding: 0;
}
.dashboard-first-read-active-strip {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    min-height: 112px;
    padding: 20px 22px;
}
.dashboard-first-read-active-copy {
    display: grid;
    gap: 7px;
    min-width: 0;
}
.dashboard-first-read-active-copy h3 {
    min-width: 0;
    margin: 0;
    color: var(--text-primary);
    font-size: 20px;
    font-weight: 650;
    letter-spacing: -.02em;
    line-height: 1.25;
}
.dashboard-first-read-active-copy > p {
    max-width: 82ch;
    margin: 0;
    color: var(--text-secondary);
    font-size: 13.5px;
    line-height: 1.5;
}
.dashboard-first-read-active-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}
.dashboard-first-read-active-meta span[aria-hidden="true"] {
    color: var(--app-border-hover);
    flex: 0 0 auto;
}
.dashboard-first-read-active-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    min-width: 0;
}
.dashboard-first-read-active-actions > * {
    min-width: 0;
}
.dashboard-first-read-active-actions .app-action-btn {
    min-height: 40px;
    padding: 0 14px;
    font-size: 13px;
}
.dashboard-first-read-active-actions .app-action-btn i,
.dashboard-first-read-active-actions .app-action-btn svg {
    width: 14px;
    height: 14px;
}
.dashboard-first-read-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 0 13px;
    border: 1px solid var(--app-border-default);
    border-radius: 10px;
    background: var(--app-control-tint);
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}
.dashboard-first-read-status-pill svg,
.dashboard-first-read-status-pill i {
    width: 15px;
    height: 15px;
    color: var(--app-action-primary-color);
    flex: 0 0 auto;
}
.dashboard-first-read-disclosure {
    width: 100%;
}
.dashboard-first-read-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    min-height: 58px;
    padding: 12px 18px;
    cursor: pointer;
    list-style: none;
    user-select: none;
}
.dashboard-first-read-summary::-webkit-details-marker {
    display: none;
}
.dashboard-first-read-summary:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--app-border-hover);
}
.dashboard-first-read-summary h3 {
    min-width: 0;
    margin: 0;
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 620;
    letter-spacing: -.02em;
    line-height: 1.3;
}
.dashboard-first-read-summary-copy {
    display: grid;
    gap: 5px;
    min-width: 0;
}
.dashboard-first-read-summary-evidence {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    overflow: hidden;
    color: var(--text-muted);
    font-size: 11.5px;
    font-weight: 620;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dashboard-first-read-summary-evidence span {
    color: var(--app-border-hover);
    flex: 0 0 auto;
}
.dashboard-first-read-impact,
.dashboard-first-read-number {
    color: var(--app-action-primary-color);
    font-variant-numeric: tabular-nums;
    font-weight: 760;
    white-space: nowrap;
}
.dashboard-first-read-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid var(--app-border-default);
    border-radius: 10px;
    background: var(--app-control-tint);
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}
.dashboard-first-read-summary-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
}
.dashboard-first-read-summary:hover .dashboard-first-read-toggle,
.dashboard-first-read-summary:focus-visible .dashboard-first-read-toggle {
    border-color: var(--app-border-hover);
    background: var(--app-control-tint-hover);
    color: var(--text-primary);
}
.dashboard-first-read-toggle.is-pending {
    border-color: var(--app-border-default);
    background: var(--app-control-tint);
    color: var(--text-secondary);
}
.dashboard-first-read-toggle svg,
.dashboard-first-read-toggle i {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
}
.dashboard-first-read-toggle svg:first-child,
.dashboard-first-read-toggle i:first-child {
    color: var(--app-action-primary-color);
}
.dashboard-first-read-toggle .dashboard-first-read-chevron {
    width: 14px;
    height: 14px;
    margin-left: 2px;
    color: currentColor;
    opacity: .72;
    transition: transform 160ms ease;
}
.dashboard-first-read-disclosure[open] .dashboard-first-read-chevron {
    transform: rotate(180deg);
}
.dashboard-first-read-disclosure[open] .dashboard-first-read-summary {
    padding-bottom: 6px;
}
.dashboard-first-read-expanded {
    padding: 0 20px 12px;
}
.dashboard-first-read-expanded-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 10px;
}
.dashboard-first-read-insight {
    display: grid;
    align-content: start;
    gap: 8px;
    min-width: 0;
    padding: 2px 0 0;
}
.dashboard-first-read-insight-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.dashboard-first-read-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: 0;
    padding-top: 8px;
    border-top: 1px solid var(--app-border-muted);
}
.dashboard-first-read-stat {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 0 16px 0 0;
    border: 0;
    border-right: 1px solid var(--app-border-muted);
    border-radius: 0;
    background: transparent;
}
.dashboard-first-read-stat + .dashboard-first-read-stat {
    padding-left: 16px;
}
.dashboard-first-read-stat:last-child {
    border-right: 0;
    padding-right: 0;
}
.dashboard-first-read-stat > span {
    overflow: hidden;
    color: var(--text-muted);
    font-size: 10.5px;
    font-weight: 750;
    letter-spacing: .08em;
    line-height: 1.2;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
.dashboard-first-read-stat strong {
    color: var(--text-primary);
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    font-weight: 720;
    letter-spacing: -.035em;
    line-height: 1.05;
    white-space: nowrap;
}
.dashboard-first-read-stat small {
    color: var(--text-muted);
    font-size: 11px;
    line-height: 1.25;
}
.dashboard-first-read-stat.is-impact {
    background: transparent;
}
.dashboard-first-read-stat.is-impact strong {
    color: var(--app-action-primary-color);
}
.dashboard-first-read-expanded .dashboard-first-read-rule {
    display: grid;
    align-content: start;
    gap: 9px;
}
.dashboard-first-read-expanded .dashboard-first-read-rule {
    width: auto;
    margin: 0;
    padding: 10px 0 0;
    border: 0;
    border-top: 1px solid var(--app-border-muted);
    border-radius: 0;
    background: transparent;
}
.dashboard-first-read-expanded .dashboard-first-read-rule.is-pending {
    display: block;
}
.dashboard-first-read-expanded .dashboard-first-read-rule.is-pending > form {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.dashboard-first-read-rule-test {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 430px) auto;
    align-items: center;
    gap: 18px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.dashboard-first-read-rule-test-main,
.dashboard-first-read-rule-test-rule {
    min-width: 0;
}
.dashboard-first-read-rule-test-main {
    display: grid;
    gap: 5px;
}
.dashboard-first-read-rule-test-main > span,
.dashboard-first-read-rule-test-rule > span {
    color: var(--app-action-primary-color);
    font-size: 10.5px;
    font-weight: 760;
    letter-spacing: .11em;
    line-height: 1;
    text-transform: uppercase;
}
.dashboard-first-read-rule-test-main strong {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 720;
    letter-spacing: -.02em;
    line-height: 1.2;
}
.dashboard-first-read-rule-test-main p {
    max-width: 520px;
    margin: 0;
    color: var(--text-secondary);
    font-size: 12.5px;
    line-height: 1.4;
}
.dashboard-first-read-rule-test-rule {
    display: grid;
    gap: 7px;
    padding-left: 16px;
    border-left: 1px solid var(--app-border-muted);
}
.dashboard-first-read-rule-test-rule strong {
    color: var(--text-primary);
    font-size: 13.5px;
    font-weight: 640;
    letter-spacing: -.01em;
    line-height: 1.35;
}
.dashboard-first-read-rule-test-action {
    justify-self: end;
}
.dashboard-first-read-rule-test-action .app-action-btn {
    min-height: 38px;
    padding: 0 14px;
    white-space: nowrap;
}
.dashboard-first-read-expanded .dashboard-first-read-rule.is-active {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
    grid-template-areas: "rule-current rule-next";
    gap: 20px 28px;
    align-items: start;
}
.dashboard-first-read-expanded .dashboard-first-read-rule form {
    gap: 10px;
    margin-top: 2px;
}
.dashboard-first-read-expanded .dashboard-first-read-rule.is-pending form .app-action-btn {
    justify-content: center;
    justify-self: end;
    min-width: 154px;
    width: auto;
    min-height: 38px;
    padding: 0 15px;
}
.dashboard-first-read-expanded .dashboard-first-read-next {
    margin-top: 10px;
    color: var(--text-muted);
    font-size: 11.5px;
}
@container first-read (max-width: 900px) {
    .dashboard-first-read:has(.dashboard-first-read-disclosure) {
        padding: 0;
    }
    .dashboard-first-read-progress {
        grid-template-columns: minmax(0, 1fr) minmax(170px, 220px);
        gap: 14px 18px;
        padding: 16px;
    }
    .dashboard-first-read-progress > .app-action-btn {
        grid-column: 1 / -1;
        justify-content: center;
        width: 100%;
    }
    .dashboard-first-read-active-strip {
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: 14px;
        min-height: 0;
        padding: 18px;
    }
    .dashboard-first-read-active-actions {
        justify-content: flex-start;
    }
    .dashboard-first-read-active-copy h3 {
        font-size: 18px;
    }
    .dashboard-first-read-active-copy > p {
        font-size: 13px;
    }
    .dashboard-first-read-active-meta {
        white-space: normal;
    }
    .dashboard-first-read-summary {
        gap: 14px;
        min-height: 64px;
        padding: 13px 14px 13px 16px;
    }
    .dashboard-first-read-summary h3 {
        display: -webkit-box;
        overflow: hidden;
        font-size: 15px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .dashboard-first-read-summary-evidence {
        max-width: 100%;
        font-size: 11px;
    }
    .dashboard-first-read-toggle {
        min-height: 32px;
        padding: 0 9px;
    }
    .dashboard-first-read-expanded {
        padding: 0 14px 14px;
    }
}
@container first-read (max-width: 1050px) {
    .dashboard-first-read-expanded-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .dashboard-first-read-expanded .dashboard-first-read-rule {
        padding: 16px 0 0;
        border: 0;
        border-top: 1px solid var(--app-border-muted);
    }
    .dashboard-first-read-expanded .dashboard-first-read-rule.is-pending {
        display: block;
    }
    .dashboard-first-read-rule-test {
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: 13px;
    }
    .dashboard-first-read-rule-test-rule {
        padding: 12px 0 0;
        border-left: 0;
        border-top: 1px solid var(--app-border-muted);
    }
    .dashboard-first-read-rule-test-action {
        justify-self: stretch;
    }
    .dashboard-first-read-rule-test-action .app-action-btn {
        width: 100%;
    }
    .dashboard-first-read-expanded .dashboard-first-read-rule.is-active {
        grid-template-columns: 1fr;
        grid-template-areas:
            "rule-current"
            "rule-next";
        gap: 9px;
    }
}
@container first-read (max-width: 620px) {
    .dashboard-first-read-progress {
        grid-template-columns: 1fr;
    }
    .dashboard-first-read-progress > .app-action-btn {
        grid-column: auto;
    }
    .dashboard-first-read-active-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }
    .dashboard-first-read-active-actions .app-action-btn,
    .dashboard-first-read-status-pill {
        width: 100%;
    }
    .dashboard-first-read-summary {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .dashboard-first-read-summary-actions {
        justify-content: space-between;
        width: 100%;
    }
    .dashboard-first-read-toggle {
        flex: 1 1 auto;
    }
    .dashboard-first-read-stat-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .dashboard-first-read-stat,
    .dashboard-first-read-stat + .dashboard-first-read-stat {
        padding: 0;
        border-right: 0;
    }
    .dashboard-first-read-stat:not(:last-child) {
        padding-bottom: 12px;
        border-bottom: 1px solid var(--app-border-muted);
    }
    .dashboard-first-read-insight-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }
}
@container first-read (max-width: 420px) {
    .dashboard-first-read-active-strip {
        padding: 13px;
    }
    .dashboard-first-read-active-meta {
        gap: 4px 6px;
        font-size: 11px;
    }
    .dashboard-first-read-status-pill {
        padding: 7px 10px;
    }
    .dashboard-first-read-toggle {
        gap: 4px;
        padding: 0 7px;
        font-size: 11px;
    }
    .dashboard-first-read-expanded .dashboard-first-read-rule.is-pending form .app-action-btn {
        width: 100%;
    }
}
/* Embed document reset. The html class replaces the former PHP-only style branch. */
html.dashboard-embed-document,
body.dashboard-index.embed-mode {
    margin: 0 !important;
    padding: 0 !important;
}

body.dashboard-index.embed-mode header,
body.dashboard-index.embed-mode .action-bar {
    display: none !important;
}

html.dashboard-embed-document.dark,
html.dashboard-embed-document.dark body.dashboard-index.embed-mode {
    background: #191919 !important;
}

html.dashboard-embed-document.light,
html.dashboard-embed-document.light body.dashboard-index.embed-mode {
    background: #ffffff !important;
}

body.dashboard-index.embed-mode main {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

body.dashboard-index.embed-mode #dashboard-wrapper[data-theme="dark"] {
    background: #191919 !important;
}

body.dashboard-index.embed-mode #dashboard-wrapper[data-theme="light"] {
    background: #ffffff !important;
}

/* === Evidence navigation, widget alignment, and responsive refinements === */
/* Dashboard primary control surface: hierarchy and responsive geometry only. */

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-section-divider-actions {
    grid-column: 4;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) :is(
    .dashboard-evidence-block,
    .widget-section
) > .section-divider {
    min-height: 44px;
    margin-bottom: 14px;
    gap: 10px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) :is(
    .dashboard-evidence-block,
    .widget-section
) > .section-divider small {
    color: var(--text-secondary);
    font-size: 12.5px;
    line-height: 1.35;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) :is(
    .dashboard-evidence-block,
    .widget-section
) > .section-divider small::before {
    display: none;
    content: none;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-section-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 11px;
    border: 1px solid var(--app-border-muted);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.026);
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-section-action:hover,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-section-action:focus-visible {
    border-color: var(--app-border-default);
    background: var(--app-control-tint);
    color: var(--text-primary);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-section-action:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--accent) 52%, transparent);
    outline-offset: 2px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper[data-theme="light"]:not(.widget-mode) .dashboard-section-action {
    border-color: rgba(15, 23, 42, 0.12);
    background: rgba(255, 255, 255, 0.76);
    color: #3f464f;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper[data-theme="light"]:not(.widget-mode) .dashboard-section-action:hover,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper[data-theme="light"]:not(.widget-mode) .dashboard-section-action:focus-visible {
    border-color: rgba(15, 23, 42, 0.2);
    background: rgba(15, 23, 42, 0.045);
    color: #111827;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-section-demo-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 13px;
    border: 1px solid rgba(77, 171, 154, 0.34);
    border-radius: 9px;
    background: rgba(77, 171, 154, 0.09);
    color: #82d2c5;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-section-demo-link:hover,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-section-demo-link:focus-visible {
    border-color: rgba(77, 171, 154, 0.52);
    background: rgba(77, 171, 154, 0.14);
    color: #a0e7dc;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-section-demo-link:focus-visible {
    outline: 2px solid rgba(77, 171, 154, 0.55);
    outline-offset: 2px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-section-demo-link svg,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-section-demo-link i {
    width: 15px;
    height: 15px;
    stroke-width: 2;
}

#dashboard-wrapper[data-theme="light"] .dashboard-section-demo-link {
    border-color: rgba(32, 132, 114, 0.3);
    background: rgba(77, 171, 154, 0.1);
    color: #267c6c;
}

@media (max-width: 720px) {
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-section-divider-actions {
        grid-column: 2;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 4px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) :is(
        .dashboard-evidence-block,
        .widget-section
    ) > .section-divider {
        min-height: 0;
        padding-block: 8px;
    }
}

/* Consistency archive: keep the mode next to the title and make the evidence
 * labels readable without competing with the activity grid. */
body.dashboard-index #dashboard-wrapper #dashboard-consistency .consistency-map-header {
    align-items: center;
    gap: 18px;
    margin-bottom: 16px;
}

body.dashboard-index #dashboard-wrapper #dashboard-consistency .consistency-map-header .chart-header-left {
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    gap: 14px;
}

body.dashboard-index #dashboard-wrapper #dashboard-consistency .consistency-map-title-row {
    flex-wrap: wrap;
    gap: 8px;
}

body.dashboard-index #dashboard-wrapper #dashboard-consistency .consistency-map-toggle {
    flex: 0 0 auto;
    margin: 0 0 0 4px;
}

body.dashboard-index #dashboard-wrapper #dashboard-consistency .consistency-map-stat {
    min-width: 80px;
    padding: 9px 11px;
}

body.dashboard-index #dashboard-wrapper #dashboard-consistency .consistency-map-stat-value {
    font-size: 17px;
    font-variant-numeric: tabular-nums;
}

body.dashboard-index #dashboard-wrapper #dashboard-consistency .consistency-map-stat-label {
    color: var(--text-secondary);
    font-size: 10.5px;
    letter-spacing: 0.09em;
}

body.dashboard-index #dashboard-wrapper #dashboard-consistency :is(
    .consistency-map-month-name,
    .consistency-map-weekday
) {
    color: var(--text-secondary);
}

body.dashboard-index #dashboard-wrapper #dashboard-consistency .consistency-map-month-summary {
    font-size: 12px;
}

body.dashboard-index #dashboard-wrapper #dashboard-consistency .consistency-map-footer {
    min-height: 18px;
    margin-top: 6px;
}

body.dashboard-index #dashboard-wrapper #dashboard-consistency .consistency-map-legend {
    gap: 12px;
    color: var(--text-secondary);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
}

body.dashboard-index #dashboard-wrapper #dashboard-consistency .consistency-map-note {
    color: var(--text-secondary);
    font-size: 12px;
}

@media (max-width: 767px) {
    body.dashboard-index #dashboard-wrapper #dashboard-consistency .consistency-map-header,
    body.dashboard-index #dashboard-wrapper #dashboard-consistency .consistency-map-header .chart-header-left {
        align-items: stretch;
        flex-direction: column;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-consistency .consistency-map-toggle {
        margin-left: 0;
    }
}

body.dashboard-index #dashboard-wrapper #dashboard-execution-rhythm .streak-sequence-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.dashboard-index #dashboard-wrapper #dashboard-execution-rhythm .streak-sequence-head strong {
    color: var(--text-secondary);
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    font-weight: 650;
}

/* Execution Rhythm uses the heatmap as the desktop row-height owner. Side
 * cards distribute their existing content without enlarging the metrics. */
@container dashboard (min-width: 1181px) {
    #dashboard-execution-rhythm .bento-grid-3 {
        align-items: stretch;
    }

    #dashboard-execution-rhythm .bento-grid-3 > .execution-rhythm-card {
        display: flex;
        flex-direction: column;
        align-self: stretch;
        width: 100%;
        height: auto;
        min-height: 0;
    }

    #dashboard-execution-rhythm .execution-rhythm-card > .chart-header {
        flex: 0 0 auto;
    }

    #dashboard-execution-rhythm .execution-rhythm-card--streaks #chart-streaks,
    #dashboard-execution-rhythm .execution-rhythm-card--commission .commission-tracker-content {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
    }

    #dashboard-execution-rhythm .execution-rhythm-card--streaks .streak-blocks {
        flex: 1 1 auto;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        gap: 10px;
        padding: 4px 2px 0;
    }

    #dashboard-execution-rhythm .execution-rhythm-card--streaks .streak-sequence-head {
        flex: 0 0 auto;
    }

    #dashboard-execution-rhythm .execution-rhythm-card--streaks .streak-blocks-row {
        flex: 1 1 auto;
        align-content: center;
        padding: 4px 0 10px;
    }

    #dashboard-execution-rhythm .execution-rhythm-card--streaks .streak-stats {
        flex: 0 0 auto;
        margin: 0;
        padding: 16px 2px 0;
    }

    #dashboard-execution-rhythm .execution-rhythm-card--commission .commission-tracker-content {
        align-items: stretch;
        justify-content: flex-start;
        padding: 0;
    }

    #dashboard-execution-rhythm .execution-rhythm-card--commission .comm-main {
        margin-block: auto;
    }

    #dashboard-execution-rhythm .execution-rhythm-card--commission .comm-stats-grid {
        flex: 0 0 auto;
    }

    #dashboard-execution-rhythm .hourly-heatmap-day {
        font-size: 12px;
    }

    #dashboard-execution-rhythm .hourly-heatmap-hour {
        overflow: visible;
        font-size: 10px;
        letter-spacing: -0.025em;
        white-space: nowrap;
    }

    #dashboard-execution-rhythm .hourly-heatmap {
        --hourly-heatmap-cell-min: 28px;
        --hourly-heatmap-cell-height: 28px;
        --hourly-heatmap-day-width: 30px;
        --hourly-heatmap-gap: 4px;
        padding-bottom: 0;
        overflow-x: hidden;
        scrollbar-width: none;
    }

    #dashboard-execution-rhythm .hourly-heatmap::-webkit-scrollbar {
        display: none;
    }

    #dashboard-execution-rhythm .hourly-heatmap-cell {
        border-radius: 3px;
    }

    #dashboard-execution-rhythm .hourly-heatmap-cell:not(.cell-profit):not(.cell-loss) {
        border-color: var(--app-border-muted);
        background: var(--dashboard-control-bg);
    }
}

@container dashboard (min-width: 1441px) {
    #dashboard-execution-rhythm .bento-grid-3 {
        grid-template-columns: minmax(280px, 0.95fr) minmax(840px, 2.55fr) minmax(280px, 0.95fr);
    }
}

/* At the intermediate two-column breakpoint the heatmap owns a full row;
 * the two compact summaries form a balanced row underneath it. */
@container dashboard (min-width: 1181px) and (max-width: 1440px) {
    #dashboard-execution-rhythm .execution-rhythm-card--heatmap {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    #dashboard-execution-rhythm .execution-rhythm-card--streaks {
        grid-column: 1;
        grid-row: 2;
    }

    #dashboard-execution-rhythm .execution-rhythm-card--commission {
        grid-column: 2;
        grid-row: 2;
    }
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-center {
    --dashboard-command-control-border: var(--app-border-default);
    gap: 14px;
    margin-top: 6px;
    margin-bottom: 24px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-main {
    grid-template-columns: minmax(0, 1240px);
    gap: 12px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-copy {
    gap: 8px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-copy h2 {
    max-width: 22ch;
    font-size: clamp(33px, 2.35vw, 38px);
    font-weight: 670;
    line-height: 1.03;
    letter-spacing: -0.035em;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-copy > p {
    max-width: 820px;
    font-size: 14px;
    line-height: 1.5;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-copy .dashboard-command-source-strip--compact {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: min(1160px, 100%);
    margin-top: 6px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-source-strip--compact .dashboard-command-pill {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    width: 100%;
    min-height: 54px;
    padding: 7px 16px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-source-strip--compact .dashboard-command-pill:first-child {
    padding-left: 10px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-source-strip--compact .dashboard-command-pill:last-child {
    padding-right: 10px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-source-strip--compact .dashboard-command-pill-icon {
    display: inline-flex;
    width: 26px;
    height: 26px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-source-strip--compact .dashboard-command-pill-icon svg,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-source-strip--compact .dashboard-command-pill-icon i {
    width: 17px;
    height: 17px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-source-strip--compact .dashboard-command-pill-copy {
    display: grid;
    align-items: start;
    gap: 3px;
    text-align: left;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-source-strip--compact .dashboard-command-card-label {
    font-size: 11px;
    letter-spacing: 0.06em;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-source-strip--compact .dashboard-command-pill-copy strong {
    font-size: 13px;
    font-weight: 690;
    line-height: 1.25;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai {
    gap: 8px;
    max-width: 1160px;
    margin-top: 0;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-lens-workspace,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-lens-workspace.is-lens-library-open,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-control,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-foot {
    width: min(1160px, 100%);
    zoom: 1;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-control {
    grid-template-rows: minmax(38px, auto) auto;
    gap: 9px;
    min-height: 112px;
    padding: 15px 16px 12px 18px;
    border-radius: 16px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-lens-workspace:not(.is-lens-library-open) .dashboard-command-ai-control:hover:not(:focus-within):not(.is-thinking):not(.is-recording) {
    border-color: var(--dashboard-command-control-border);
    box-shadow: var(--dashboard-command-control-shadow);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-lens-workspace:not(.is-lens-library-open) .dashboard-command-ai-control:hover:not(:focus-within):not(.is-thinking):not(.is-recording)::before {
    opacity: 0;
    animation: none;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-composer-field {
    align-items: center;
    gap: 14px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-status {
    margin-top: 0;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-control textarea {
    min-height: 38px;
    max-height: 132px;
    padding: 6px 0;
    font-size: 16px;
    line-height: 1.45;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-composer-tool {
    min-height: 36px;
    padding-inline: 10px;
    font-size: 13px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-mode-label {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    white-space: nowrap;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-mode-count {
    color: var(--dashboard-command-ai-accent);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    font-weight: 780;
    letter-spacing: -0.02em;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-composer-icon-tool {
    width: 36px;
    padding: 0;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-composer-meta {
    font-size: 11px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-submit {
    width: 42px;
    min-width: 42px;
    height: 42px;
}

.dashboard-command-voice-btn.is-unavailable {
    opacity: 0.46;
}

.dashboard-command-voice-btn.is-recording {
    background: rgba(77, 171, 154, 0.13);
    color: var(--dashboard-command-ai-accent);
}

.dashboard-command-voice-btn.is-transcribing svg,
.dashboard-command-voice-btn.is-transcribing i {
    animation: dashboardCoachVoiceSpin 900ms linear infinite;
}

.dashboard-command-ai-control.is-recording {
    border-color: var(--dashboard-command-ai-focus-border);
}

.dashboard-command-voice-visualizer {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: max-content max-content max-content;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    min-height: 34px;
    margin: -2px 0 0;
    color: var(--text-secondary);
}

.dashboard-command-voice-visualizer[hidden] {
    display: none;
}

.dashboard-command-voice-time {
    color: var(--text-primary);
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

.dashboard-command-voice-bars {
    display: flex;
    align-items: center;
    gap: 3px;
    width: max-content;
    max-width: 100%;
    height: 24px;
    overflow: hidden;
}

.dashboard-command-voice-bars span {
    width: 2px;
    height: var(--voice-bar-height, 10px);
    border-radius: 999px;
    background: var(--dashboard-command-ai-accent);
    opacity: 0.66;
    animation: dashboardCoachVoiceBar 760ms ease-in-out var(--voice-bar-delay, 0ms) infinite alternate;
}

.dashboard-command-voice-visualizer.is-transcribing .dashboard-command-voice-bars span {
    animation-duration: 1150ms;
    opacity: 0.42;
}

.dashboard-command-voice-label {
    font-size: 12px;
    font-weight: 680;
    white-space: nowrap;
}

.dashboard-command-composer-message {
    position: relative;
    z-index: 2;
    margin: -3px 0 0;
    color: var(--text-secondary);
    font-size: 12px;
    line-height: 1.35;
    text-align: center;
}

.dashboard-command-composer-message[hidden] {
    display: none;
}

.dashboard-command-composer-message.is-warning {
    color: #f2bd6b;
}

.dashboard-command-composer-message.is-success {
    color: var(--dashboard-command-ai-accent);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-file-chip {
    margin-left: 52px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-foot {
    gap: 6px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-lenses-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    min-height: 24px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-lenses-head > span,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-lenses-head button {
    font-size: 12px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-prompts {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-prompts button {
    width: 100%;
    min-height: 38px;
    padding: 0 12px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-prompts button:nth-child(n+7) {
    display: none;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-prompt-copy strong {
    font-size: 12.5px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    width: min(1160px, 100%);
    margin-top: 2px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-card {
    grid-template-columns: 22px minmax(0, 1fr) 16px;
    gap: 10px;
    min-height: 72px;
    padding: 10px 13px;
    background: var(--dashboard-route-bg);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-card--today {
    grid-template-columns: 22px minmax(0, 1fr) 16px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-card--primary {
    border-color: var(--dashboard-route-border);
    background: var(--dashboard-route-bg);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #dashboard-command-next-action {
    border-color: var(--dashboard-command-ai-submit-border);
    background: rgba(77, 171, 154, 0.075);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-icon {
    order: 1;
    width: 22px;
    height: 22px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--dashboard-route-icon-color);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-icon svg,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-icon i {
    width: 18px;
    height: 18px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #dashboard-command-next-action .dashboard-daily-route-icon {
    color: var(--dashboard-command-ai-accent);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-card--today .dashboard-daily-route-copy {
    order: 2;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-arrow {
    display: grid;
    order: 3;
    width: 16px;
    height: 22px;
    place-items: center;
    color: var(--dashboard-route-label);
    transition: color 160ms ease, transform 160ms ease;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-arrow svg,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-arrow i {
    width: 14px;
    height: 14px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #dashboard-command-next-action .dashboard-daily-route-arrow {
    color: var(--dashboard-command-ai-accent);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-card:hover .dashboard-daily-route-arrow,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-card:focus-visible .dashboard-daily-route-arrow {
    color: var(--dashboard-route-title);
    transform: translateX(2px);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-copy span {
    color: var(--dashboard-route-label);
    font-size: 12px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-copy strong {
    color: var(--dashboard-route-title);
    font-size: 15px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-copy small {
    color: var(--dashboard-route-muted);
    font-size: 12px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav {
    display: grid;
    gap: 8px;
    margin: 0 0 18px;
    padding-top: 12px;
    border-top: 1px solid var(--app-border-muted);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav a {
    grid-template-columns: 24px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 2px 8px;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    transition: color 0.16s ease;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav a::before {
    content: none;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav a:hover,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav a:focus-visible {
    border-color: transparent;
    background: transparent;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav a.is-active {
    border-color: transparent;
    background: transparent;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav a::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 14px;
    border-radius: 999px;
    background: var(--accent);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-50%) scaleY(0.55);
    transition: height 0.16s ease, opacity 0.16s ease, transform 0.16s ease;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav a:hover::after,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav a:focus-visible::after {
    opacity: 0.45;
    transform: translateY(-50%) scaleY(1);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav a.is-active::after {
    height: 20px;
    opacity: 1;
    transform: translateY(-50%) scaleY(1);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav span {
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: center;
    color: var(--accent);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    font-weight: 760;
    letter-spacing: 0.04em;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav strong,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav small {
    grid-column: 2;
    transition: color 0.16s ease, transform 0.16s ease;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav a:hover strong,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav a:focus-visible strong {
    color: var(--accent);
    transform: translateX(2px);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav a:hover small,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav a:focus-visible small {
    color: var(--text-secondary);
}

/* First Read prominence follows lifecycle state instead of permanently owning
   the top of the Dashboard. New findings stay prominent; a consumed rule
   becomes a compact status strip unless a real recheck action is available. */
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read {
    margin-bottom: 0;
    border-radius: 10px;
}

/* Empty, unavailable, and preserved Activation results reuse the First Read
   lifecycle slot without inheriting a second card shell around their content. */
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel[data-first-read-state="empty"],
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel[data-first-read-state="unavailable"],
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel[data-first-read-source="activation"] {
    overflow: visible;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

/* Keep the lifecycle message attached to the page header. It is context for
   the workspace below, not a second hero section. */

/* A hidden First Read must not leave an empty placeholder, but its absence
   must not collapse the page-header-to-content rhythm either. */
body.dashboard-index:not(.embed-mode) main.app-page-layout > #dashboard-wrapper:not(.widget-mode)[data-first-read-visible="false"] {
    margin-top: 24px !important;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation {
    gap: 16px;
    margin: 0;
    min-height: 70px;
    padding: 12px 14px;
    border: 1px solid var(--app-border-muted);
    border-radius: 10px;
    background: var(--app-surface-card);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation-copy {
    display: grid;
    gap: 3px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation-kicker {
    margin: 0 0 2px;
    font-size: 10px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation h2 {
    font-size: 16px;
    line-height: 1.25;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation p {
    margin-top: 1px;
    font-size: 12.5px;
    line-height: 1.4;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation-actions {
    gap: 8px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation-actions .app-action-btn {
    min-height: 38px;
    padding-inline: 13px;
    font-size: 12.5px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress {
    grid-template-columns: minmax(0, 1fr) minmax(160px, 210px) auto;
    gap: 14px;
    min-height: 72px;
    padding: 11px 14px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-copy > span {
    margin-bottom: 4px;
    font-size: 10px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress h3 {
    font-size: 15.5px;
    line-height: 1.24;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress p {
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.35;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-meter > span:first-child,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-threshold-status {
    font-size: 10.5px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-track {
    height: 4px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress .app-action-btn {
    min-height: 38px;
    padding-inline: 13px;
    font-size: 12.5px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active {
    border-color: var(--app-border-muted);
    background: transparent;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-active-strip {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    min-height: 72px;
    padding: 11px 14px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-active-copy {
    gap: 4px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-active-copy h3 {
    font-size: 15.5px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-active-copy > p {
    overflow: hidden;
    max-width: 86ch;
    font-size: 12px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-active-meta {
    gap: 6px;
    font-size: 10.5px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-active-actions {
    flex-wrap: nowrap;
    gap: 7px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-active-actions .app-action-btn,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-status-pill {
    min-height: 36px;
    padding-inline: 11px;
    border-radius: 9px;
    font-size: 11.5px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active:has(.dashboard-first-read-active-actions .app-action-btn-primary) {
    border-color: rgba(77, 171, 154, 0.3);
    background: rgba(77, 171, 154, 0.035);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress.is-minimum-reached {
    padding-block: 11px;
    background: transparent;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress.is-minimum-reached .dashboard-first-read-progress-meter strong {
    font-size: 16px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-summary {
    min-height: 60px;
    padding: 10px 12px 10px 14px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-summary-copy {
    gap: 3px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-summary h3 {
    font-size: 15px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-summary-evidence {
    font-size: 10.5px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-toggle,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-lifecycle-toggle,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-menu-trigger {
    min-height: 34px;
    border-radius: 9px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-disclosure[open] .dashboard-first-read-summary {
    padding-bottom: 7px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read + .dashboard-command-center,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation + .dashboard-command-center {
    margin-top: 0;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-expanded {
    padding: 0 14px 12px;
}

/* Desktop balance: keep the lifecycle strip compact, but do not let its
   information density read like disabled metadata next to the command center. */
@media (min-width: 721px) {
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation {
        margin-bottom: 12px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress {
        min-height: 84px;
        padding: 13px 16px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-copy > span,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation-kicker {
        font-size: 10px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress h3,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation h2 {
        font-size: 17px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress p,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation p {
        font-size: 13px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-meter > span:first-child,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-threshold-status {
        font-size: 11px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress.is-minimum-reached .dashboard-first-read-progress-meter strong {
        font-size: 18px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress .app-action-btn,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation-actions .app-action-btn {
        min-height: 40px;
        font-size: 13px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-summary {
        min-height: 66px;
        padding: 11px 13px 11px 16px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-summary h3 {
        font-size: 16px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-summary-evidence,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-active-meta {
        font-size: 11px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-active-strip {
        min-height: 84px;
        padding: 13px 16px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-active-copy h3 {
        font-size: 17px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-active-copy > p {
        font-size: 13px;
    }
}

/* The empty First Read activation already owns the explanation and import
   decision. Keep Coach discoverable beneath it without repeating the same
   headline and four zero-state facts. */
body.dashboard-index:not(.embed-mode):has(#activation-start) #dashboard-wrapper:not(.widget-mode) .dashboard-command-copy {
    display: none;
}

body.dashboard-index:not(.embed-mode):has(#activation-start) #dashboard-wrapper:not(.widget-mode) .dashboard-command-center {
    margin-top: 2px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav strong {
    font-size: 14px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav small {
    font-size: 12px;
}

@keyframes dashboardCoachVoiceBar {
    from { transform: scaleY(0.42); }
    to { transform: scaleY(1); }
}

@keyframes dashboardCoachVoiceSpin {
    to { transform: rotate(360deg); }
}

@media (min-width: 1700px) {
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-copy h2 {
        font-size: 38px;
    }
}

@media (max-width: 1279px) {
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-prompts {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    body.dashboard-index:not(.embed-mode) main.app-page-layout > #dashboard-wrapper:not(.widget-mode) {
        margin-top: 8px !important;
    }

    body.dashboard-index:not(.embed-mode) main.app-page-layout > #dashboard-wrapper:not(.widget-mode)[data-first-read-visible="false"] {
        margin-top: 20px !important;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress {
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: 10px;
        min-height: 0;
        padding: 12px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation {
        display: grid;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-activation-actions .app-action-btn,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress .app-action-btn {
        justify-content: center;
        width: 100%;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-meter {
        grid-template-columns: auto minmax(88px, 1fr);
        align-items: center;
        gap: 10px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress.is-minimum-reached .dashboard-first-read-progress-meter {
        grid-template-columns: auto 1fr;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-active-strip {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-active-copy > p {
        display: -webkit-box;
        overflow: hidden;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-active-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-status-pill {
        justify-content: flex-start;
        width: auto;
        min-height: 24px;
        padding: 0;
        border: 0;
        background: transparent;
        text-align: left;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-summary {
        gap: 9px;
        min-height: 0;
        padding: 11px 12px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-summary-actions {
        width: 100%;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-center {
        gap: 13px;
        margin-top: 4px;
        margin-bottom: 20px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-copy {
        gap: 7px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-copy h2 {
        max-width: 18ch;
        font-size: clamp(27px, 8.2vw, 32px);
        line-height: 1.06;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-copy > p {
        font-size: 14px;
        line-height: 1.48;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-copy .dashboard-command-source-strip--compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 8px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-source-strip--compact .dashboard-command-pill,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-source-strip--compact .dashboard-command-pill:first-child,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-source-strip--compact .dashboard-command-pill:last-child {
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 8px;
        min-height: 56px;
        padding: 9px 10px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-source-strip--compact .dashboard-command-pill:nth-child(even) {
        border-left: 1px solid var(--dashboard-route-separator);
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-source-strip--compact .dashboard-command-pill:nth-child(n+3) {
        border-top: 1px solid var(--dashboard-route-separator);
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-control {
        grid-template-rows: minmax(58px, auto) auto;
        min-height: 136px;
        padding: 14px 12px 12px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-composer-field {
        grid-template-columns: 28px minmax(0, 1fr);
        align-items: start;
        gap: 9px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-status {
        width: 28px;
        min-width: 28px;
        margin-top: 8px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-control textarea {
        min-height: 58px;
        padding: 7px 0;
        font-size: 15px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-composer-toolbar {
        gap: 8px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-composer-tool {
        min-height: 34px;
        padding-inline: 7px;
        font-size: 12px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-composer-icon-tool {
        width: 34px;
        padding: 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-composer-meta {
        display: none;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-submit {
        width: 38px;
        min-width: 38px;
        height: 38px;
    }

    .dashboard-command-voice-visualizer {
        grid-template-columns: max-content minmax(0, 140px);
        justify-content: center;
        gap: 8px;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .dashboard-command-voice-bars {
        width: 100%;
    }

    .dashboard-command-composer-message {
        margin-left: 0;
        text-align: center;
    }

    .dashboard-command-voice-label {
        display: none;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-file-chip {
        width: 100%;
        margin-left: 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-prompts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        overflow: visible;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-prompts button {
        min-height: 42px;
        padding-inline: 10px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-command-ai-prompts button:nth-child(n+3) {
        display: none;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-card,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-card--today {
        grid-template-columns: 22px minmax(0, 1fr) 16px;
        min-height: 70px;
        padding: 11px 12px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #dashboard-command-next-action {
        grid-column: 1 / -1;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-card:not(#dashboard-command-next-action) {
        grid-template-columns: 20px minmax(0, 1fr) 14px;
        gap: 8px;
        min-height: 64px;
        padding: 9px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-card:not(#dashboard-command-next-action) .dashboard-daily-route-icon {
        width: 20px;
        height: 20px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-daily-route-card:not(#dashboard-command-next-action) small {
        display: none;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read.is-rule-active .dashboard-first-read-active-strip {
        min-height: 0;
        padding: 14px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(158px, 1fr);
        grid-template-columns: none;
        gap: 0;
        margin: 0 0 18px;
        padding-bottom: 6px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-evidence-nav::-webkit-scrollbar {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-command-voice-bars span,
    .dashboard-command-voice-btn.is-transcribing svg,
    .dashboard-command-voice-btn.is-transcribing i {
        animation: none;
    }
}

/* Dashboard First Read lifecycle band
   -----------------------------------
   First Read is page context, not another dashboard card. Every lifecycle
   state shares this edge-to-edge divider treatment; only its evidence and
   available action change. */
body.dashboard-index:not(.embed-mode) main.app-page-layout > #dashboard-wrapper:not(.widget-mode) {
    margin-top: 0 !important;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel {
    --first-read-band-accent: var(--text-muted);
    --first-read-band-divider: var(--glass-border, var(--app-border-muted, rgba(255, 255, 255, 0.08)));
    --first-read-zone-gap: 24px;
    position: relative;
    overflow: visible;
    margin: 0 0 18px !important;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    white-space: normal;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel::after {
    content: '';
    position: absolute;
    left: calc(50% - 50vw + (var(--app-sidebar-offset, 0px) / 2));
    right: calc(50% - 50vw + (var(--app-sidebar-offset, 0px) / 2));
    bottom: 0;
    height: 1px;
    background: var(--first-read-band-divider);
    pointer-events: none;
}

html.light body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel,
[data-theme="light"] body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel {
    --first-read-band-divider: var(--app-divider-default, rgba(15, 23, 42, 0.16));
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel[data-first-read-state="insight-ready"],
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel[data-first-read-state="focus-active"] {
    --first-read-band-accent: var(--app-action-primary-color);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel[data-first-read-state="empty"] {
    --first-read-band-accent: var(--app-action-primary-color);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel[data-first-read-state="recheck-ready"],
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel[data-first-read-state="recheck-result"] {
    --first-read-band-accent: var(--app-action-primary-color);
    --first-read-band-divider: rgba(112, 229, 210, 0.28);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel[data-first-read-state="unavailable"] {
    --first-read-band-accent: var(--amber, #d8a657);
}

body.dashboard-index:not(.embed-mode) .dashboard-page-header .dashboard-toolbar-sync.is-warning {
    border-color: color-mix(in srgb, var(--amber, #d8a657) 38%, transparent);
    background: color-mix(in srgb, var(--amber, #d8a657) 8%, transparent);
    color: var(--amber, #d8a657);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-activation,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-first-read-progress,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-first-read-active-strip,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-first-read-disclosure {
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-activation,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-first-read-progress,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel.is-rule-active > .dashboard-first-read-active-strip {
    min-height: 82px;
    padding: 14px 0 16px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel :is(
    .dashboard-activation-kicker,
    .dashboard-first-read-label,
    .dashboard-activation-handoff-focus > span
) {
    color: var(--first-read-band-accent);
    font-size: 12px;
    font-weight: 720;
    letter-spacing: .08em;
    line-height: 1.25;
    text-transform: uppercase;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel :is(
    .dashboard-first-read-active-meta,
    .dashboard-first-read-summary-evidence,
    .dashboard-first-read-threshold-status
) {
    font-size: 12px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel :is(
    .dashboard-activation h2,
    .dashboard-first-read-progress h3,
    .dashboard-first-read-active-copy h3,
    .dashboard-first-read-summary h3
) {
    font-size: 17px;
    line-height: 1.28;
    letter-spacing: -.02em;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel :is(
    .dashboard-activation p,
    .dashboard-first-read-progress p,
    .dashboard-first-read-active-copy > p
) {
    font-size: 13px;
    line-height: 1.45;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .app-action-btn {
    min-height: 40px;
    border-radius: 9px;
    font-size: 13px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-first-read-progress {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 240px) auto;
    align-items: stretch;
    gap: 0;
    min-height: 84px;
    padding: 0;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-copy,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-meter,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-action {
    display: grid;
    align-content: center;
    min-width: 0;
    padding-block: 14px 16px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-copy {
    padding-right: var(--first-read-zone-gap);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-meter {
    gap: 7px;
    padding-inline: var(--first-read-zone-gap);
    border-left: 1px solid var(--app-border-muted);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-action {
    padding-left: var(--first-read-zone-gap);
    border-left: 1px solid var(--app-border-muted);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-copy > .dashboard-first-read-label {
    margin-bottom: 4px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-copy p {
    margin-top: 3px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-meter > span:first-child {
    font-size: 12px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-action .app-action-btn {
    justify-content: center;
    white-space: nowrap;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress.is-minimum-reached .dashboard-first-read-progress-action .app-action-btn {
    border-color: transparent;
    background: transparent;
    color: var(--text-secondary);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-activation.dashboard-activation--unavailable {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    grid-template-areas: "state-icon state-copy state-actions";
    align-items: center;
    gap: 0;
    padding-block: 14px 16px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-first-read-state-icon {
    grid-area: state-icon;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(216, 166, 87, 0.22);
    border-radius: 10px;
    background: rgba(216, 166, 87, 0.06);
    color: var(--first-read-band-accent);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-first-read-state-icon :is(i, svg) {
    width: 17px;
    height: 17px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation--unavailable .dashboard-activation-copy {
    grid-area: state-copy;
    min-width: 0;
    padding: 0 var(--first-read-zone-gap) 0 14px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation--unavailable .dashboard-activation-actions {
    grid-area: state-actions;
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: var(--first-read-zone-gap);
    border-left: 1px solid var(--app-border-muted);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation--unavailable .dashboard-activation-kicker::before {
    display: none;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation--unavailable p {
    max-width: 70ch;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation--unavailable .dashboard-activation-actions .app-action-btn:not(.app-action-btn-primary) {
    border-color: transparent;
    background: transparent;
    color: var(--text-secondary);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel.is-rule-active > .dashboard-first-read-active-strip {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 0;
    min-height: 84px;
    padding: 0;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-first-read-active-copy {
    display: grid;
    align-content: center;
    gap: 3px;
    min-width: 0;
    padding: 14px var(--first-read-zone-gap) 16px 0;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-first-read-active-actions {
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 0 16px var(--first-read-zone-gap);
    border-left: 1px solid var(--app-border-muted);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-first-read-status-pill {
    font-size: 12px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-first-read-disclosure > .dashboard-first-read-summary {
    min-height: 72px;
    padding: 14px 0 16px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-first-read-disclosure[open] > .dashboard-first-read-summary {
    padding-bottom: 10px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-first-read-expanded {
    padding: 0 0 18px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-activation.dashboard-activation-handoff {
    display: grid;
    grid-template-columns: minmax(482px, .84fr) minmax(0, 1.16fr);
    align-items: stretch;
    gap: 0;
    min-height: 0;
    padding: 0;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-copy {
    display: grid;
    align-content: center;
    gap: 0;
    padding: 14px 24px 16px 0;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff h2 {
    max-width: none;
    font-size: 17px;
    line-height: 1.28;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-copy > p {
    max-width: none;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-evidence {
    display: grid;
    grid-template-columns: repeat(3, max-content);
    align-items: baseline;
    gap: 0;
    margin-top: 9px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-evidence > span {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
    white-space: nowrap;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-evidence > span + span {
    margin-left: 0;
    padding-left: 12px;
    border-left: 1px solid var(--app-border-muted);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-evidence strong {
    color: var(--text-primary);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    font-weight: 720;
    letter-spacing: -.01em;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-evidence small {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus.is-focus-active,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus.is-recheck-ready,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus.is-recheck-completed,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus.is-completed-without-focus {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "focus-label focus-action"
        "focus-title focus-action"
        "focus-progress focus-action";
    align-content: center;
    align-items: center;
    column-gap: var(--first-read-zone-gap);
    width: 100%;
    min-width: 0;
    padding: 14px 0 16px 24px;
    border: 0;
    border-left: 1px solid var(--app-border-muted);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus > span {
    grid-area: focus-label;
    margin-bottom: 4px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus > strong {
    grid-area: focus-title;
    font-size: 13px;
    line-height: 1.4;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel :is(
    .dashboard-activation-handoff-progress,
    .dashboard-activation-handoff-history,
    .dashboard-activation-handoff-state-copy
) {
    grid-area: focus-progress;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-progress {
    margin-top: 9px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-progress.is-checkpoint-ready .dashboard-activation-handoff-progress-line > span {
    color: var(--first-read-band-accent);
    font-weight: 720;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-actions {
    grid-area: focus-action;
    align-self: stretch;
    display: flex;
    align-items: center;
    margin: -14px 0 -16px;
    padding: 14px 0 16px var(--first-read-zone-gap);
    border-left: 1px solid var(--app-border-muted);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel[data-first-read-state="recheck-result"] .dashboard-activation-handoff-focus {
    grid-template-areas:
        "focus-label focus-action"
        "focus-title focus-action"
        "focus-progress focus-action"
        "focus-history focus-action";
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel[data-first-read-state="recheck-result"] .dashboard-activation-handoff-history {
    grid-area: focus-history;
    margin-top: 8px;
}

@container dashboard-content (max-width: 900px) {
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-activation.dashboard-activation--unavailable {
        grid-template-columns: 38px minmax(0, 1fr);
        grid-template-areas:
            "state-icon state-copy"
            ". state-actions";
        align-items: start;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation--unavailable .dashboard-activation-actions {
        margin-top: 4px;
        padding: 10px 0 0;
        border-top: 1px solid var(--app-border-muted);
        border-left: 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-activation.dashboard-activation-handoff {
        grid-template-columns: 1fr;
        padding: 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-copy {
        padding: 14px 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus.is-focus-active,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus.is-recheck-ready,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus.is-recheck-completed,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus.is-completed-without-focus {
        padding: 14px 0 16px;
        border-left: 0;
        border-top: 1px solid var(--app-border-muted);
    }
}

@media (max-width: 767px) {
    body.dashboard-index:not(.embed-mode) main.app-page-layout > #dashboard-wrapper:not(.widget-mode) {
        margin-top: 0 !important;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel::after {
        left: calc(50% - 50vw);
        right: calc(50% - 50vw);
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-activation,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-first-read-disclosure > .dashboard-first-read-summary {
        min-height: 0;
        padding: 14px 0 16px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel.is-rule-active > .dashboard-first-read-active-strip {
        grid-template-columns: 1fr;
        gap: 0;
        min-height: 0;
        padding: 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-first-read-active-copy {
        padding: 14px 0 12px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-first-read-active-actions {
        justify-content: space-between;
        padding: 12px 0 16px;
        border-top: 1px solid var(--app-border-muted);
        border-left: 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-first-read-progress {
        grid-template-columns: 1fr;
        gap: 0;
        min-height: 0;
        padding: 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-copy,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-meter,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-action {
        padding: 12px 0;
        border-left: 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-meter,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-progress-action {
        border-top: 1px solid var(--app-border-muted);
    }
}

@container dashboard-content (max-width: 520px) {
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel > .dashboard-activation.dashboard-activation--unavailable {
        grid-template-columns: 34px minmax(0, 1fr);
        grid-template-areas:
            "state-icon state-copy"
            "state-actions state-actions";
        gap: 12px;
        padding-inline: 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-first-read-state-icon {
        width: 34px;
        height: 34px;
        border-radius: 9px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-evidence {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
        gap: 8px 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-evidence > span {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
        white-space: normal;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-evidence > span + span {
        margin-left: 0;
        padding-left: 10px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-evidence strong {
        white-space: nowrap;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation--unavailable .dashboard-activation-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 2px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus.is-focus-active,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus.is-recheck-ready,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus.is-recheck-completed,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-focus.is-completed-without-focus {
        grid-template-columns: 1fr;
        grid-template-areas:
            "focus-label"
            "focus-title"
            "focus-progress"
            "focus-action";
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-actions {
        width: 100%;
        margin: 12px 0 0;
        padding: 12px 0 0;
        border-top: 1px solid var(--app-border-muted);
        border-left: 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel .dashboard-activation-handoff-actions .app-action-btn {
        justify-content: center;
        width: 100%;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel[data-first-read-state="recheck-result"] .dashboard-activation-handoff-focus {
        grid-template-areas:
            "focus-label"
            "focus-title"
            "focus-progress"
            "focus-history"
            "focus-action";
    }
}

/* First Read disclosure and daily visibility controls
   --------------------------------------------------
   The lifecycle remains dashboard context. These controls only change how
   much of the current answer is visible; they do not create another surface. */
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel.has-first-read-lifecycle {
    min-height: 64px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel.is-first-read-transitioning {
    overflow: hidden;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-lifecycle-tools {
    position: absolute;
    z-index: 12;
    top: 14px;
    right: 0;
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) :is(
    .dashboard-first-read-lifecycle-toggle,
    .dashboard-first-read-menu-trigger
) {
    display: inline-grid;
    width: 32px;
    height: 32px;
    padding: 0;
    place-items: center;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) :is(
    .dashboard-first-read-lifecycle-toggle,
    .dashboard-first-read-menu-trigger
):is(:hover, :focus-visible) {
    border-color: var(--app-border-default);
    background: var(--app-control-tint);
    color: var(--text-primary);
    outline: none;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) :is(
    .dashboard-first-read-lifecycle-toggle,
    .dashboard-first-read-menu-trigger
) :is(i, svg) {
    width: 16px;
    height: 16px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-icon-collapsed,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel.is-first-read-collapsed .dashboard-first-read-icon-expanded,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel.is-first-read-collapsed .dashboard-first-read-lifecycle-toggle {
    display: none;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel.is-first-read-collapsed .dashboard-first-read-icon-collapsed {
    display: block;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-menu-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-menu {
    position: absolute;
    z-index: 30;
    top: calc(100% + 6px);
    right: 0;
    display: grid;
    width: max-content;
    min-width: 164px;
    padding: 5px;
    border: 1px solid var(--app-border-default);
    border-radius: 10px;
    background: var(--app-surface-popover, var(--app-surface-card));
    box-shadow: var(--app-shadow-popover, 0 12px 30px rgba(0, 0, 0, 0.22));
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-menu[hidden] {
    display: none !important;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-menu > button {
    display: flex;
    min-height: 34px;
    align-items: center;
    gap: 9px;
    padding: 0 9px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--text-secondary);
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    text-align: left;
    cursor: pointer;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-menu > button:is(:hover, :focus-visible) {
    background: var(--app-control-tint-hover, var(--app-control-tint));
    color: var(--text-primary);
    outline: none;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-menu > button :is(i, svg) {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    color: var(--first-read-band-accent);
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-compact-summary {
    display: none;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel.is-first-read-collapsed:not([data-first-read-native-disclosure="true"]) > :is(
    .dashboard-activation,
    .dashboard-first-read-progress,
    .dashboard-first-read-active-strip,
    .dashboard-first-read-disclosure
) {
    display: none !important;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel.is-first-read-collapsed:not([data-first-read-native-disclosure="true"]) > .dashboard-first-read-compact-summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(140px, auto) auto;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 12px 42px 14px 0;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-compact-kicker {
    color: var(--first-read-band-accent);
    font-size: 12px;
    font-weight: 720;
    letter-spacing: .08em;
    line-height: 1.25;
    text-transform: uppercase;
    white-space: nowrap;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-compact-summary > strong {
    min-width: 0;
    overflow: hidden;
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-compact-meta {
    min-width: 0;
    overflow: hidden;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-open {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    gap: 5px;
    padding: 0 4px;
    border: 0;
    background: transparent;
    color: var(--first-read-band-accent);
    font: inherit;
    font-size: 12px;
    font-weight: 720;
    cursor: pointer;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-open :is(i, svg) {
    width: 14px;
    height: 14px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-open:is(:hover, :focus-visible) {
    color: var(--text-primary);
    outline: none;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel.has-first-read-lifecycle:not(.is-first-read-collapsed) .dashboard-activation-handoff-actions,
body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel.has-first-read-lifecycle:not(.is-first-read-collapsed) .dashboard-first-read-active-actions {
    padding-right: 76px;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) details.dashboard-first-read-disclosure::details-content {
    overflow: clip;
    block-size: 0;
    opacity: 0;
    transition: block-size 180ms cubic-bezier(.2,.75,.25,1), opacity 140ms ease;
    transition-behavior: allow-discrete;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) details.dashboard-first-read-disclosure[open]::details-content {
    block-size: auto;
    opacity: 1;
}

body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-summary-actions .dashboard-first-read-menu-wrap {
    flex: 0 0 auto;
}

@container dashboard-content (max-width: 720px) {
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel.is-first-read-collapsed:not([data-first-read-native-disclosure="true"]) > .dashboard-first-read-compact-summary {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "compact-kicker compact-open"
            "compact-title compact-open"
            "compact-meta compact-open";
        gap: 3px 12px;
        padding-right: 42px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-compact-kicker {
        grid-area: compact-kicker;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-compact-summary > strong {
        grid-area: compact-title;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-compact-meta {
        grid-area: compact-meta;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-open {
        grid-area: compact-open;
    }
}

@container dashboard-content (max-width: 520px) {
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-lifecycle-tools {
        top: 10px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel.has-first-read-lifecycle:not(.is-first-read-collapsed) .dashboard-activation-handoff-copy {
        padding-right: 72px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel.has-first-read-lifecycle:not(.is-first-read-collapsed) .dashboard-activation-handoff-actions,
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-panel.has-first-read-lifecycle:not(.is-first-read-collapsed) .dashboard-first-read-active-actions {
        padding-right: 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-compact-summary > strong {
        display: -webkit-box;
        overflow: hidden;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-first-read-compact-meta {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) details.dashboard-first-read-disclosure::details-content {
        transition: none;
    }
}

/* === Widget components === */
/* Keep the hero pair visually stable across five- and six-week months. */
body.dashboard-index #dashboard-wrapper .heatmap-weekday {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
}

body.dashboard-index #dashboard-wrapper .dashboard-calendar-card .heatmap-cell.is-outside-month {
    border-color: color-mix(in srgb, var(--dashboard-border) 62%, transparent);
    background: color-mix(in srgb, var(--dashboard-control-bg) 52%, transparent);
    color: color-mix(in srgb, var(--text-muted) 72%, transparent);
    pointer-events: none;
}

body.dashboard-index #dashboard-wrapper .dashboard-calendar-card .heatmap-cell.is-outside-month .heatmap-cell-day {
    opacity: 0.72;
}

body.dashboard-index #dashboard-wrapper .dashboard-calendar-month-summary {
    display: inline-flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper .dashboard-calendar-month-summary #month-total {
    line-height: 1.05;
}

body.dashboard-index #dashboard-wrapper .dashboard-calendar-trade-count {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.15;
    white-space: nowrap;
}

body.dashboard-index #dashboard-wrapper .dashboard-calendar-card .heatmap-cell-trades {
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 6px;
    color: color-mix(in srgb, var(--text-secondary) 76%, transparent);
    font-family: 'Instrument Sans', sans-serif;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    font-weight: 650;
    line-height: 1;
    pointer-events: none;
}

body.dashboard-index .dashboard-calendar-day-tooltip {
    position: fixed;
    z-index: 9999;
    max-width: calc(100vw - 16px);
    padding: 7px 10px;
    border: 1px solid var(--app-border-default);
    border-radius: 7px;
    background: rgba(12, 12, 14, 0.96);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
    color: #f4f4f5;
    font-family: 'Instrument Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    opacity: 0;
    pointer-events: none;
    transition: opacity 120ms ease;
    white-space: nowrap;
}

body.dashboard-index .dashboard-calendar-day-tooltip.visible {
    opacity: 1;
}

body.dashboard-index .dashboard-calendar-day-tooltip.is-light {
    border-color: rgba(15, 23, 42, 0.12);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.14);
    color: #111827;
}

@media (max-width: 640px) {
    body.dashboard-index #dashboard-wrapper .dashboard-calendar-card .heatmap-cell-trades {
        top: 4px;
        right: 5px;
        font-size: 10px;
    }
}

body.dashboard-index #dashboard-wrapper #chart-equity .apexcharts-yaxistooltip {
    display: none;
}

body.dashboard-index #dashboard-wrapper #chart-equity.equity-chart-stage {
    overflow: visible;
}

body.dashboard-index #dashboard-wrapper #chart-equity .equity-chart-pane {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

body.dashboard-index #dashboard-wrapper #chart-equity .equity-chart-pane.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* The embed calendar grows with its square day cells on wide canvases. Let the
 * neighboring Daily / Equity stage consume the same grid-row height instead of
 * leaving a fixed-height chart at the top of a stretched card. Full Dashboard
 * sizing remains governed by the non-embed rules below. */
@media (min-width: 1024px) {
    body.dashboard-index.embed-mode #dashboard-wrapper:not(.widget-mode) #equity-container {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    body.dashboard-index.embed-mode #dashboard-wrapper:not(.widget-mode) #equity-container > .chart-header {
        flex: 0 0 auto;
    }

    body.dashboard-index.embed-mode #dashboard-wrapper:not(.widget-mode) #equity-container #chart-equity {
        flex: 1 1 0;
        width: calc(100% + 24px);
        height: auto !important;
        min-height: 300px;
        margin: -26px -12px 0;
    }
}

@media (min-width: 981px) {
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .bento-row-hero > .chart-container {
        height: 470px;
        min-height: 470px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) .dashboard-calendar-card > .flex:first-child {
        margin-bottom: 10px;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #heatmap-grid {
        grid-template-rows: 16px repeat(6, 58px);
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #heatmap-grid .heatmap-cell {
        height: 58px;
        min-height: 58px;
        aspect-ratio: auto;
    }
}

@media (max-width: 980px) {
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #heatmap-grid .heatmap-cell {
        height: clamp(44px, 12vw, 64px);
        min-height: 44px;
        aspect-ratio: auto;
    }
}

/* Shared Dashboard chart header primitives live with the page stylesheet. */
#dashboard-wrapper .chart-header {
    position: relative;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
    padding-bottom: 0;
    border-bottom: 0;
    color: var(--text-secondary);
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
}

#dashboard-wrapper .chart-header .chart-header-left > span:first-child,
#dashboard-wrapper .chart-header > span:first-child,
#dashboard-wrapper .chart-header .stat-label,
#dashboard-wrapper .chart-header.stat-label {
    color: #e2e2e2;
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.01em;
    line-height: 1.15;
    text-transform: none;
}

#dashboard-wrapper .chart-header .header-icon {
    width: 16px;
    height: 16px;
    opacity: 0.36;
}

#dashboard-wrapper .chart-header .header-toggle {
    display: flex;
    gap: 4px;
    padding: 2px;
    border: 1px solid var(--dashboard-border);
    border-radius: var(--dashboard-control-radius);
}

#dashboard-wrapper .chart-header .toggle-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    padding: 0 10px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
    -webkit-tap-highlight-color: transparent;
}

#dashboard-wrapper .chart-header .toggle-btn:hover {
    background: var(--dashboard-control-bg);
    color: var(--text-secondary);
}

#dashboard-wrapper .chart-header .toggle-btn.active,
#dashboard-wrapper .chart-header .toggle-btn.active[data-mode="worst"] {
    border: 1px solid var(--dashboard-border-hover);
    background: var(--dashboard-control-bg-hover);
    color: var(--text-primary);
    box-shadow: none;
}

#dashboard-wrapper[data-theme="light"] .chart-header {
    color: rgba(15, 23, 42, 0.62);
}

#dashboard-wrapper[data-theme="light"] .chart-header .chart-header-left > span:first-child,
#dashboard-wrapper[data-theme="light"] .chart-header > span:first-child,
#dashboard-wrapper[data-theme="light"] .chart-header .stat-label,
#dashboard-wrapper[data-theme="light"] .chart-header.stat-label {
    color: #111827;
}

#dashboard-wrapper[data-theme="light"] .chart-header .header-icon {
    color: rgba(15, 23, 42, 0.52);
    opacity: 1;
}

#dashboard-wrapper[data-theme="light"] .chart-header .header-toggle {
    border: none;
    background: transparent;
}

#dashboard-wrapper[data-theme="light"] .chart-header .toggle-btn {
    background: transparent;
    color: var(--text-tertiary);
}

#dashboard-wrapper[data-theme="light"] .chart-header .toggle-btn:hover {
    background: rgba(0, 0, 0, 0.03);
    color: var(--text-secondary);
}

#dashboard-wrapper[data-theme="light"] .chart-header .toggle-btn.active,
#dashboard-wrapper[data-theme="light"] .chart-header .toggle-btn.active[data-mode="worst"] {
    border: 1px solid var(--glass-border);
    background: var(--bg-elevated);
    color: var(--text-primary);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Compact analytics row: three ranked lists and one weekday distribution. */
body.dashboard-index #dashboard-wrapper :is(
    .chart-container--compact-list,
    .chart-container--compact-distribution
) {
    --compact-list-meta-color: color-mix(in srgb, var(--text-secondary) 58%, var(--text-muted));
    --compact-list-row-height: 48px;
    --compact-list-value-width: 72px;
    padding: 18px 20px 14px;
}

body.dashboard-index #dashboard-wrapper :is(
    .chart-container--compact-list,
    .chart-container--compact-distribution
) > .chart-header {
    box-sizing: border-box;
    height: 34px;
    min-height: 34px;
    margin: 0;
    padding: 0 0 10px;
}

body.dashboard-index #dashboard-wrapper :is(
    .chart-container--compact-list,
    .chart-container--compact-distribution
) > .chart-header .chart-header-left {
    min-width: 0;
}

body.dashboard-index #dashboard-wrapper :is(
    .chart-container--compact-list,
    .chart-container--compact-distribution
) > .chart-header .chart-header-left > span:first-child {
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.dashboard-index #dashboard-wrapper :is(
    .chart-container--compact-list,
    .chart-container--compact-distribution
) > .chart-header .header-icon {
    width: 15px;
    height: 15px;
    opacity: 0.5;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list > .chart-header .header-toggle {
    box-sizing: border-box;
    height: 24px;
    gap: 2px;
    padding: 1px;
    border-radius: 7px;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list > .chart-header .toggle-btn {
    box-sizing: border-box;
    height: 20px;
    padding-inline: 7px;
    border-radius: 6px;
    font-size: 10px;
    letter-spacing: 0.07em;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list :is(
    .top-setups-container,
    .symbol-list-container,
    #chart-sessions
) {
    box-sizing: border-box;
    height: 174px;
    margin-top: 0;
    padding-right: 0;
    overflow-y: auto;
    scrollbar-width: none;
    scrollbar-gutter: auto;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list :is(
    .top-setups-container,
    .symbol-list-container,
    #chart-sessions
)::-webkit-scrollbar {
    display: none;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list :is(
    .top-setups-container,
    .symbol-list-container,
    #chart-sessions
)::-webkit-scrollbar-track {
    background: transparent;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list :is(
    .top-setups-list,
    .symbol-list,
    .session-cards
) {
    gap: 2px;
    padding-right: 0;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list :is(
    .setup-row,
    .symbol-row,
    .session-item,
    .session-label-item
) {
    box-sizing: border-box;
    min-height: var(--compact-list-row-height);
    height: var(--compact-list-row-height);
    padding: 4px 0;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list .setup-row {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 4px;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list .setup-info {
    justify-content: center;
    gap: 3px;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list :is(
    .setup-topline,
    .symbol-header,
    .session-row,
    .session-row-meta
) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--compact-list-value-width);
    align-items: center;
    gap: 10px;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list :is(
    .setup-name,
    .symbol-name,
    .session-name
) {
    font-size: 14px;
    line-height: 20px;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list :is(
    .setup-pnl,
    .symbol-pnl,
    .session-pnl,
    .session-row-avg
) {
    width: var(--compact-list-value-width);
    min-width: var(--compact-list-value-width);
    font-size: 15px;
    font-weight: 650;
    line-height: 20px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list .session-row-left {
    min-width: 0;
    gap: 7px;
    overflow: hidden;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list :is(
    .symbol-progress-wrapper,
    .session-row-meta
) {
    margin-top: 3px;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list .symbol-progress-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 108px;
    align-items: center;
    gap: 8px;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list :is(
    .setup-bar-track,
    .symbol-progress-track
) {
    height: 4px;
    border-radius: 999px;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list :is(
    .setup-bar-fill,
    .symbol-progress-fill
) {
    border-radius: 999px;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list :is(
    .setup-rank,
    .symbol-trades,
    .session-time,
    .session-row-trades,
    .session-label-meta,
    .weekday-value.zero
) {
    color: var(--compact-list-meta-color);
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list :is(
    .symbol-trades,
    .session-time,
    .session-row-trades,
    .session-label-meta
) {
    font-size: 12px;
    line-height: 15px;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list .symbol-trades {
    width: 100%;
    text-align: right;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-list .session-label-meta {
    width: 100%;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-distribution #chart-weekday {
    height: 174px;
    gap: 0;
    justify-content: space-between;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-distribution .weekday-row {
    min-height: 22px;
    grid-template-columns: 34px 44px minmax(0, 1fr) 64px;
    gap: 6px;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-distribution .weekday-label {
    font-size: 14px;
    line-height: 18px;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-distribution .weekday-badge {
    min-width: 32px;
    box-sizing: border-box;
    text-align: center;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-distribution .weekday-bar-track {
    height: 4px;
    border-radius: 999px;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-distribution .weekday-bar-fill {
    border-radius: 999px;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-distribution .weekday-value {
    width: 64px;
    min-width: 64px;
    font-size: 14px;
    line-height: 18px;
    font-variant-numeric: tabular-nums;
}

body.dashboard-index #dashboard-wrapper .chart-container--compact-distribution .weekday-value.zero {
    color: var(--compact-list-meta-color);
}

@media (max-width: 420px) {
    body.dashboard-index #dashboard-wrapper .chart-container--compact-list .session-name {
        max-width: 42%;
        flex: 0 0 auto;
    }

    body.dashboard-index #dashboard-wrapper .chart-container--compact-list .session-time {
        min-width: 0;
        flex: 1 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.dashboard-empty-state {
    width: min(100%, 380px);
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: flex-start;
    gap: 12px;
    margin: auto;
    padding: 14px 16px;
    color: var(--text-secondary);
    text-align: left;
}

.dashboard-empty-state__icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--dashboard-border);
    border-radius: 9px;
    background: var(--dashboard-control-bg);
    color: var(--text-secondary);
}

.dashboard-empty-state__icon svg {
    width: 16px;
    height: 16px;
    stroke-width: 1.7;
}

.dashboard-empty-state__copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.dashboard-empty-state__copy strong {
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 680;
    line-height: 1.3;
}

.dashboard-empty-state__copy > span {
    color: var(--text-secondary);
    font-size: 13.5px;
    line-height: 1.45;
}

.dashboard-empty-state__meta {
    color: var(--text-muted);
    font-family: "DM Mono", "JetBrains Mono", monospace;
    font-size: 12px;
    line-height: 1.4;
}

.dashboard-empty-state__action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    margin-top: 3px;
    color: var(--dashboard-accent, #5bc4b0);
    font-size: 12.5px;
    font-weight: 650;
    line-height: 1.2;
    text-decoration: none;
}

.dashboard-empty-state__action:hover {
    color: var(--text-primary);
}

html.light .dashboard-empty-state__action,
#dashboard-wrapper[data-theme="light"] .dashboard-empty-state__action {
    color: #247e70;
}

.dashboard-empty-state__action svg {
    width: 13px;
    height: 13px;
    stroke-width: 1.8;
}

#dashboard-wrapper #heatmap-grid.dashboard-calendar-empty {
    display: flex;
    min-height: 220px;
}

.account-widget .dashboard-empty-state,
.accounts-widgets-section .dashboard-empty-state {
    margin-top: 18px;
}

@media (max-width: 767px) {
    .dashboard-empty-state {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 10px;
        padding: 12px 4px;
    }

    .dashboard-empty-state__icon {
        width: 30px;
        height: 30px;
    }
}

/* ============================================
   Commission Tracker
   ============================================ */
.commission-tracker-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    gap: 14px;
}

.comm-main {
    text-align: center;
    width: 100%;
    padding: 20px 24px;
    background: var(--dashboard-control-bg, var(--glass-bg));
    border: 1px solid var(--dashboard-border, var(--glass-border));
    border-radius: var(--dashboard-control-radius, 10px);
    position: relative;
    overflow: hidden;
}

.comm-main::after {
    display: none;
}

.comm-main-label {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.comm-main-value {
    font-family: 'JetBrains Mono', monospace;
    font-size: 36px;
    font-weight: 700;
    color: var(--warn);
    text-shadow: none;
}

.comm-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--dashboard-border, var(--glass-border));
    border-radius: var(--dashboard-control-radius, 10px);
    background: var(--dashboard-control-bg, var(--glass-bg));
}

.comm-stat-card {
    display: flex;
    min-width: 0;
    min-height: 76px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px 8px;
    background: transparent;
    border: 0;
    border-left: 1px solid var(--dashboard-border, var(--glass-border));
    border-radius: 0;
}

.comm-stat-card:first-child {
    border-left: 0;
}

.comm-stat-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.2;
    white-space: nowrap;
}

.comm-stat-value {
    margin-top: 7px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
}

.comm-stat-value.accent {
    color: var(--brand);
}

/* === Gates and locked states === */
/* Free Dashboard per-widget locked state
 * ------------------------------------------------------------
 * Keep the product's original bento geometry, but replace each paid card's
 * data region before chart initialization. No blur and no simulated values. */
body.dashboard-index #dashboard-wrapper .tier-gate.dashboard-locked-grid,
body.dashboard-index #dashboard-wrapper .tier-gate.dashboard-locked-grid > * {
    filter: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    user-select: auto !important;
}

body.dashboard-index #dashboard-wrapper .dashboard-widget-locked {
    display: flex;
    flex-direction: column;
    min-height: 220px;
    overflow: hidden;
}

body.dashboard-index #dashboard-wrapper .bento-row-hero > .dashboard-widget-locked {
    min-height: 320px;
}

body.dashboard-index #dashboard-wrapper .dashboard-widget-lock__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--app-border-muted);
}

body.dashboard-index #dashboard-wrapper .dashboard-widget-lock__title {
    min-width: 0;
    margin: 0;
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 680;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

body.dashboard-index #dashboard-wrapper .dashboard-widget-lock__badge {
    flex: none;
    color: #82d2c5;
    font-size: 10px;
    font-weight: 740;
    letter-spacing: 0.07em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.dashboard-index #dashboard-wrapper .dashboard-widget-lock__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    padding: 18px 2px 2px;
}

body.dashboard-index #dashboard-wrapper .dashboard-widget-lock__eyebrow {
    margin-bottom: 7px;
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 720;
    letter-spacing: 0.06em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.dashboard-index #dashboard-wrapper .dashboard-widget-lock__body p {
    max-width: 38ch;
    margin: 0;
    color: var(--text-secondary);
    font-size: 13px;
    line-height: 1.5;
}

body.dashboard-index #dashboard-wrapper .dashboard-widget-lock__link {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-top: 14px;
    color: #82d2c5;
    font-size: 12px;
    font-weight: 680;
    line-height: 1.2;
    text-decoration: underline;
    text-decoration-color: rgba(130, 210, 197, 0.35);
    text-underline-offset: 4px;
}

@media (max-width: 767px) {
    body.dashboard-index #dashboard-wrapper .dashboard-widget-locked,
    body.dashboard-index #dashboard-wrapper .bento-row-hero > .dashboard-widget-locked {
        min-height: 210px;
    }
}

/* Setup evidence: one decision summary, then two comparable evidence lists. */
body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .strategy-evidence-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 12px;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .strategy-evidence-grid > .chart-container {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    width: 100%;
    min-width: 0;
    min-height: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .strategy-edge-summary-card {
    grid-column: 1 / -1;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .strategy-edge-summary-card .chart-header {
    margin-bottom: 14px;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .strategy-grade-row {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    transition: background-color 160ms ease, border-color 160ms ease;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-grade-block {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    padding-right: 12px;
    border-right: 1px solid var(--dashboard-border);
    color: var(--sg-grade-color, var(--text-primary));
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-grade-mark {
    font-family: 'JetBrains Mono', monospace;
    font-size: 20px;
    font-weight: 730;
    letter-spacing: -0.045em;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-grade-score {
    margin-top: 5px;
    color: var(--text-muted);
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-name-wrap {
    gap: 9px;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-name {
    font-size: 14px;
    font-weight: 650;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-status-dot {
    width: 5px;
    height: 5px;
    flex: 0 0 5px;
    border-radius: 50%;
    background: var(--sg-status-color, var(--text-muted));
    opacity: 0.8;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-meta {
    margin-top: 5px;
    color: var(--text-secondary);
    font-size: 12px;
    line-height: 1.25;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-pnl {
    font-size: 13px;
    font-weight: 680;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-confidence-row {
    display: grid;
    grid-template-columns: auto minmax(56px, 1fr) auto;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-confidence-label,
body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-confidence-value {
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-confidence-value {
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-confidence-row .sg-progress {
    height: 3px;
    border-radius: 999px;
    background: var(--dashboard-control-bg-hover, var(--dashboard-border));
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-confidence-row .sg-progress-bar {
    border-radius: inherit;
    opacity: 0.7;
}

@container dashboard (max-width: 560px) {
    body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .strategy-grade-row {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 10px;
        padding: 11px 10px;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-grade-block {
        padding-right: 9px;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sg-grade-mark {
        font-size: 18px;
    }
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge #edge-score-content {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .edge-score-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 16px;
    width: 100%;
    padding-top: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .es-top {
    min-width: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .es-details {
    justify-content: center;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .es-tip {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    margin: 0;
    padding: 14px 16px;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .es-tip-label {
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 740;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .es-tip strong {
    color: var(--text-primary);
    font-size: 13px;
    font-weight: 620;
    line-height: 1.45;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality :is(
    #chart-drawdown,
    #chart-overtrading,
    #chart-rr-dist
) {
    height: 220px;
    min-height: 220px;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .bento-grid-3 > .chart-container {
    min-height: 298px;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .drawdown-container {
    padding: 10px 0 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .drawdown-header {
    margin-bottom: 4px;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .drawdown-legend-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding-left: 10px;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .drawdown-legend-item::before {
    position: absolute;
    inset: 2px auto 2px 0;
    width: 2px;
    border-radius: 999px;
    background: var(--red);
    content: "";
    opacity: 0.72;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .drawdown-legend-item.max {
    align-items: flex-end;
    padding-right: 10px;
    padding-left: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .drawdown-legend-item.max::before {
    inset: 2px 0 2px auto;
    opacity: 0.42;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .drawdown-legend-label {
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1;
    text-transform: uppercase;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality :is(
    .drawdown-current-value,
    .drawdown-max-value
) {
    color: var(--text-primary);
    font-family: 'JetBrains Mono', monospace;
    font-size: 14px;
    font-weight: 680;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .drawdown-max-value {
    color: var(--text-secondary);
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .drawdown-chart {
    min-height: 102px;
    margin-top: 6px;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .drawdown-zero-line {
    stroke: var(--dashboard-border);
    stroke-dasharray: 2 3;
    stroke-width: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .drawdown-current-point {
    fill: var(--red);
    stroke: var(--dashboard-surface-bg);
    stroke-width: 1.5;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .drawdown-stats {
    margin-top: 10px;
    padding-top: 12px;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .drawdown-stat-label {
    margin-bottom: 5px;
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1;
    text-transform: uppercase;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .drawdown-stat-value {
    font-size: 14px;
    font-weight: 650;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-bars {
    justify-content: flex-start;
    gap: 0;
    padding: 10px 0 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-dashboard {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-primary {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-primary-stat,
body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-threshold {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-primary-label,
body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-threshold > span,
body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-day-mix-header > span {
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1;
    text-transform: uppercase;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-primary-stat > div {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-primary-stat strong {
    color: var(--text-primary);
    font-family: 'JetBrains Mono', monospace;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-primary-stat div > span {
    color: var(--text-secondary);
    font-size: 12px;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-threshold {
    align-items: flex-end;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-threshold strong {
    color: var(--text-secondary);
    font-family: 'JetBrains Mono', monospace;
    font-size: 18px;
    font-weight: 650;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-pace-scale {
    margin-top: 11px;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-track {
    height: 6px;
    border: 0;
    background: var(--dashboard-control-bg-hover, rgba(255, 255, 255, 0.06));
    box-shadow: inset 0 0 0 1px var(--dashboard-border);
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-fill {
    box-shadow: none;
    opacity: 0.86;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-limit {
    top: -4px;
    bottom: -4px;
    width: 1px;
    background: var(--text-secondary);
    opacity: 0.72;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-day-mix {
    margin-top: 13px;
    padding-top: 12px;
    border-top: 1px solid var(--dashboard-border);
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-day-mix-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-day-mix-header strong {
    color: var(--text-secondary);
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    font-weight: 650;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-mix-track {
    display: flex;
    height: 7px;
    overflow: hidden;
    margin-top: 9px;
    border-radius: 999px;
    background: var(--dashboard-control-bg-hover, rgba(255, 255, 255, 0.06));
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-mix-track > span {
    display: block;
    height: 100%;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-mix-track .normal {
    background: var(--accent, #4dab9a);
    opacity: 0.72;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-mix-track .above {
    background: var(--warn, #f59e0b);
    opacity: 0.78;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-dashboard.danger .overtrading-mix-track .above {
    background: var(--red);
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-mix-legend {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-mix-legend > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-mix-legend i {
    width: 5px;
    height: 5px;
    flex: 0 0 5px;
    border-radius: 50%;
    background: var(--accent, #4dab9a);
    opacity: 0.72;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-mix-legend .above i {
    background: var(--warn, #f59e0b);
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-dashboard.danger .overtrading-mix-legend .above i {
    background: var(--red);
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-message {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 28px;
    margin-top: auto;
    padding: 10px 0 0;
    border: 0;
    border-top: 1px solid var(--dashboard-border);
    border-radius: 0;
    background: transparent;
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-message > span {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: var(--accent, #4dab9a);
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-dashboard.warning .overtrading-message > span {
    background: var(--warn, #f59e0b);
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-dashboard.danger .overtrading-message > span {
    background: var(--red);
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .rr-distribution {
    gap: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .rr-bars-container {
    position: relative;
    align-items: stretch;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 4px 8px;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .rr-bars-container::before {
    position: absolute;
    right: 0;
    bottom: 25px;
    left: 0;
    height: 1px;
    background: var(--dashboard-border);
    content: "";
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .rr-bar-wrapper {
    position: relative;
    z-index: 1;
    justify-content: flex-end;
    gap: 7px;
    max-width: none;
    min-width: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .rr-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    width: 100%;
    height: 138px;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .rr-bar {
    width: min(66%, 34px);
    max-height: calc(100% - 22px);
    min-height: 3px;
    border-radius: 4px 4px 2px 2px;
    box-shadow: none;
    opacity: 0.74;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .rr-bar.rr-fair {
    background: var(--accent, #4dab9a);
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .rr-bar-value {
    position: static;
    transform: none;
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 680;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .rr-bar-label {
    color: var(--text-secondary);
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .rr-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: 11px 0 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .rr-summary-stat {
    gap: 5px;
    min-width: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .rr-summary-stat + .rr-summary-stat {
    border-left: 1px solid var(--dashboard-border);
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .rr-summary-label {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
}

body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .rr-summary-value {
    font-size: 14px;
    font-weight: 680;
    line-height: 1;
}

@container dashboard (max-width: 560px) {
    body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .overtrading-mix-legend {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .rr-bars-container {
        gap: 5px;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-risk-reality .rr-bar-label {
        font-size: 10px;
    }
}

/* === Revenge / timing: one analytical surface per card === */
body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .bento-grid-3 > .chart-container {
    min-height: 320px;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing :is(
    #tilt-meter-content,
    .revenge-content,
    .time-between-content
) {
    height: 252px;
    min-height: 252px;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing #tilt-meter-content {
    margin-top: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .tilt-status {
    gap: 10px;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .tilt-gauge {
    gap: 5px;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .tilt-gauge-segment {
    height: 4px;
    background: var(--dashboard-control-bg-hover);
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .tilt-level {
    flex: 1 1 auto;
    justify-content: center;
    gap: 6px;
    min-height: 0;
    padding: 8px 2px 11px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .tilt-level-label,
body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-stat-label,
body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-col-label {
    margin-bottom: 0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .tilt-level-text {
    font-size: 20px;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .tilt-level-note {
    font-size: 12px;
    line-height: 1.45;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .tilt-factors {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    min-height: 72px;
    border-top: 1px solid var(--dashboard-border);
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .tilt-factor {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 10px 8px 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .tilt-factor + .tilt-factor {
    border-left: 1px solid var(--dashboard-border);
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .tilt-factor-label {
    margin-bottom: 5px;
    font-size: 10px;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .tilt-factor-value {
    font-size: 17px;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .tilt-factor-sub {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .tilt-footer {
    margin-top: 0;
    padding: 9px 2px 0;
    border-top: 1px solid var(--dashboard-border);
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-content {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-content.chart-empty {
    display: flex;
    align-items: center;
    justify-content: center;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-stat-big,
body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-stat-big.clean {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 9px;
    min-height: 0;
    padding: 8px 3px 16px;
    border: 0;
    border-radius: 0;
    background: transparent;
    text-align: left;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-stat-label {
    color: var(--text-muted);
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-stat-summary {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
    font-family: 'JetBrains Mono', monospace;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-stat-value {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-stat-divider {
    color: var(--text-tertiary);
    font-size: 15px;
    font-weight: 500;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-stat-total {
    color: var(--text-primary);
    font-size: 20px;
    font-weight: 650;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-stat-pct {
    margin: 0;
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 650;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-comparison {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    min-height: 0;
    border-top: 1px solid var(--dashboard-border);
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 10px 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-col + .revenge-col {
    border-left: 1px solid var(--dashboard-border);
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-col-stat {
    margin: 7px 0 0;
    font-size: 14px;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-col-sub {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .revenge-impact {
    margin-top: 0;
    padding: 11px 3px 0;
    border-top: 1px solid var(--dashboard-border);
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .time-between-content {
    gap: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .time-between-panel {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .time-between-canvas {
    height: 158px;
    margin: -6px -12px -8px;
}

body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .time-between-summary {
    flex: 0 0 84px;
}

@container dashboard (min-width: 700px) and (max-width: 1440px) {
    body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .time-between-content {
        display: grid;
        grid-template-columns: minmax(0, 1.8fr) minmax(250px, 0.8fr);
    }

    body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .time-between-canvas {
        height: 252px;
        margin: -6px -10px -8px -12px;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .time-between-summary {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        border-top: 0;
        border-left: 1px solid var(--dashboard-border);
    }

    body.dashboard-index #dashboard-wrapper #dashboard-revenge-timing .time-between-summary .revenge-col + .revenge-col {
        border-top: 1px solid var(--dashboard-border);
        border-left: 0;
    }
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .bento-grid-3 > .chart-container {
    min-height: 300px;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .pulse-bars-track {
    position: relative;
    align-items: stretch;
    height: 112px;
    min-height: 112px;
    padding: 0 1px;
    border-bottom: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .pulse-bars-track::before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 1px;
    background: var(--dashboard-border);
    content: "";
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .pulse-slot {
    position: relative;
    flex: 1 1 0;
    min-width: 4px;
    max-width: 28px;
    height: 100%;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .pulse-slot .pulse-bar {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    min-width: 0;
    max-width: none;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .pulse-slot .pulse-win {
    bottom: 50%;
    border-radius: 3px 3px 1px 1px;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .pulse-slot .pulse-loss {
    top: 50%;
    border-radius: 1px 1px 3px 3px;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .pulse-slot .pulse-flat {
    top: calc(50% - 1px);
    height: 2px;
    border-radius: 999px;
    background: var(--text-muted);
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .pulse-stats {
    padding-top: 2px;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavioral-metrics-list {
    gap: 0;
    height: 220px;
    min-height: 220px;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-item {
    display: grid;
    grid-template-columns: 24px 26px minmax(124px, 0.8fr) 44px minmax(122px, 1.2fr);
    align-items: center;
    gap: 9px;
    min-height: 44px;
    flex: 1 1 0;
    padding: 6px 4px;
    border: 0;
    border-bottom: 1px solid var(--dashboard-border);
    border-radius: 0;
    background: transparent;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-item:last-child {
    border-bottom: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-item:hover {
    border-color: var(--dashboard-border);
    background: var(--dashboard-control-bg);
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-rank {
    width: auto;
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-align: left;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-icon {
    width: 24px;
    height: 24px;
    border-color: var(--dashboard-border);
    border-radius: 7px;
    background: transparent;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-name {
    font-size: 14px;
    font-weight: 580;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-trend {
    justify-content: flex-end;
    min-width: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-change {
    font-size: 12px;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-score-wrap {
    display: grid;
    grid-template-columns: minmax(72px, 1fr) 30px;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-score {
    grid-column: 2;
    grid-row: 1;
    min-width: 30px;
    font-size: 14px;
    line-height: 1;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-score-meter {
    grid-column: 1;
    grid-row: 1;
    display: block;
    width: 100%;
    height: 3px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--dashboard-control-bg-hover);
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-score-meter i {
    display: block;
    width: var(--behavior-score, 0%);
    height: 100%;
    border-radius: inherit;
    background: var(--accent, #4dab9a);
    opacity: 0.72;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .trade-quality-container {
    --quality-good: var(--accent, #4dab9a);
    --quality-mid: var(--warn, #f59e0b);
    --quality-bad: var(--red, #ef4444);
    gap: 13px;
    height: 220px;
    min-height: 220px;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-header {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    align-items: start;
    gap: 16px;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-score-stack {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-score-label {
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1;
    text-transform: uppercase;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-score-readout {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-score {
    font-size: 36px;
    line-height: 0.9;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-score-max {
    color: var(--text-muted);
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    font-weight: 600;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-summary {
    gap: 6px;
    max-width: none;
    padding-top: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-insight {
    font-size: 12px;
    line-height: 1.45;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-score-track {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--dashboard-control-bg-hover);
    box-shadow: inset 0 0 0 1px var(--dashboard-border);
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-score-fill {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: var(--quality-mid);
    transition: width 300ms ease;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .trade-quality-container.is-high .quality-score-fill {
    background: var(--quality-good);
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .trade-quality-container.is-low .quality-score-fill {
    background: var(--quality-bad);
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-legend {
    display: grid;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    flex: 1 1 auto;
    gap: 0;
    min-height: 0;
    margin-top: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-legend-item {
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr) 88px 42px;
    align-items: center;
    gap: 9px;
    min-height: 0;
    border-bottom: 1px solid var(--dashboard-border);
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-legend-item:last-child {
    border-bottom: 0;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-legend-label,
body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-legend-value {
    font-size: 12px;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-legend-bar {
    width: 88px;
    height: 4px;
    border-radius: 999px;
}

body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-legend-bar-fill {
    border-radius: inherit;
}

@container dashboard (max-width: 560px) {
    body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-item {
        grid-template-columns: 22px 24px minmax(118px, 0.8fr) 40px minmax(108px, 1.2fr);
        gap: 7px;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-header {
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 12px;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-legend-item {
        grid-template-columns: 7px minmax(0, 1fr) 64px 40px;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .quality-legend-bar {
        width: 64px;
    }
}

@container dashboard (max-width: 420px) {
    body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-item {
        grid-template-columns: 22px 24px minmax(0, 1fr) 40px 30px;
        grid-template-rows: minmax(24px, 1fr) 3px;
        row-gap: 4px;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk :is(.behavior-rank, .behavior-icon) {
        grid-row: 1 / 3;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-score-wrap {
        display: contents;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-score {
        grid-column: 5;
        grid-row: 1;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-behavior-risk .behavior-score-meter {
        grid-column: 3 / 6;
        grid-row: 2;
    }
}

/* Readable body-copy floor: sub-12px type is reserved for uppercase labels
   and compact numeric marks, never sentence-case metadata. */
body.dashboard-index #dashboard-wrapper :is(
    .dashboard-command-lens-option-copy small,
    .dashboard-command-file-chip small,
    .sg-confidence-note,
    .account-focus-meta
) {
    font-size: 12px;
}

/* Dashboard micro labels may stay compact, but never drop below 10px. */
body.dashboard-index #dashboard-wrapper :is(
    .weekday-badge,
    .hourly-cell-value,
    .heatmap-cell-pnl,
    .tsb-source-mark--text
) {
    font-size: 10px;
}

body.dashboard-index #dashboard-wrapper .account-mini-badge {
    text-transform: uppercase;
}

@container dashboard (min-width: 1181px) {
    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #accounts-widgets-section .account-widget-grid--scope-panel {
        align-items: stretch;
        height: 780px;
        min-height: 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #accounts-widgets-section :is(
        .account-list-widget,
        .account-widget-stack--right,
        .account-selected-widget,
        .account-focus-widget
    ) {
        min-height: 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #accounts-widgets-section :is(
        .account-list-widget,
        .account-widget-stack--right
    ) {
        height: 100%;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #accounts-widgets-section .account-list-widget .account-overview-content {
        flex: 1 1 auto;
        max-height: none;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        padding-right: 6px;
        scrollbar-color: rgba(214, 223, 232, 0.16) transparent;
        scrollbar-width: thin;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #accounts-widgets-section .account-widget-stack--right {
        display: grid;
        grid-template-rows: minmax(0, 0.46fr) minmax(0, 0.54fr);
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #accounts-widgets-section :is(
        .account-selected-widget,
        .account-focus-widget
    ) {
        height: 100%;
        overflow: hidden;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #accounts-widgets-section :is(
        .account-selected-widget .balance-tracker-content,
        .account-focus-widget .account-health-content
    ) {
        flex: 1 1 auto;
        min-height: 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #accounts-widgets-section .account-focus-widget .account-health-content {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        padding-right: 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #accounts-widgets-section .account-focus-list {
        flex: 1 1 auto;
        min-height: 0;
    }

    body.dashboard-index:not(.embed-mode) #dashboard-wrapper:not(.widget-mode) #accounts-widgets-section .account-health-callout {
        flex: 0 0 auto;
        margin-top: auto;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .strategy-evidence-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .strategy-evidence-grid > .strategy-edge-summary-card {
        min-height: 212px;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .strategy-evidence-grid > .setup-distribution-list-card:nth-child(3):last-child {
        grid-column: auto;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .edge-score-wrap {
        grid-template-columns: minmax(330px, 0.95fr) minmax(250px, 0.8fr) minmax(270px, 1fr);
        gap: 0;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .es-top {
        padding-right: 24px;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .es-details {
        padding: 4px 24px;
        border-top: 0;
        border-left: 1px solid var(--dashboard-border);
    }

    body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .es-tip {
        border-color: transparent;
        border-left-color: var(--dashboard-border);
        border-radius: 0;
        background: transparent;
        padding: 4px 0 4px 24px;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-setup-edge :is(
        .strategy-grade-list-card,
        .setup-distribution-list-card
    ) {
        height: 650px;
        overflow: hidden;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-setup-edge :is(
        #strategy-grades-content,
        #setup-distribution-content,
        .strategy-grades-list,
        .setup-distribution-wrap,
        .sd-list
    ) {
        min-height: 0;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-setup-edge :is(
        #strategy-grades-content,
        #setup-distribution-content,
        .setup-distribution-wrap
    ) {
        flex: 1 1 auto;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-setup-edge :is(
        .strategy-grades-list,
        .sd-list
    ) {
        flex: 1 1 auto;
        max-height: none;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-color: rgba(214, 223, 232, 0.16) transparent;
        scrollbar-width: thin;
    }

    body.dashboard-index #dashboard-wrapper #dashboard-setup-edge .sd-list {
        gap: 6px;
    }
}

/* Light mode - Commission Tracker */
#dashboard-wrapper[data-theme="light"] .comm-stat-card {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.13);
    box-shadow: none;
}

#dashboard-wrapper[data-theme="light"] .comm-main {
    background: #fff7ed;
    border-color: rgba(217, 119, 6, 0.28);
}

#dashboard-wrapper[data-theme="light"] .comm-main-value {
    color: #c65f05;
    text-shadow: none;
}

#dashboard-wrapper[data-theme="light"] .comm-main-label {
    color: #7c4a03;
    font-weight: 750;
}

#dashboard-wrapper[data-theme="light"] .comm-stat-label {
    color: #5f6875;
    font-weight: 700;
}

#dashboard-wrapper[data-theme="light"] .comm-stat-value {
    color: var(--text-primary);
}

#dashboard-wrapper[data-theme="light"] .comm-stat-value.accent {
    color: #0f766e;
}