:root {
        --bg: #efe8dc;
        --paper: rgba(255, 252, 246, 0.94);
        --ink: #1e1a16;
        --muted: #6c655d;
        --accent: #0d7a70;
        --accent-soft: #d7f1ed;
        --edge: #ddd0c0;
        --highlight: #9c4f16;
        --highlight-soft: #f4ddc2;
        --good: #166534;
      }
      * { box-sizing: border-box; }
      body {
        margin: 0;
        font-family: "Segoe UI", sans-serif;
        color: var(--ink);
        background:
          radial-gradient(circle at top left, rgba(13, 122, 112, 0.14), transparent 28%),
          radial-gradient(circle at bottom right, rgba(197, 116, 39, 0.16), transparent 30%),
          linear-gradient(135deg, #f7f1e7, #eadfcd);
        min-height: 100vh;
      }
      main { width: 100%; max-width: none; margin: 0; padding: 22px 16px 44px; }
      .hero {
        background: var(--paper);
        border: 1px solid var(--edge);
        border-radius: 30px;
        box-shadow: 0 26px 90px rgba(69, 51, 30, 0.14);
        padding: 12px 16px;
      }
      .hero-header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px 14px;
      }
      .eyebrow {
        display: inline-block;
        padding: 6px 10px;
        border-radius: 999px;
        background: var(--highlight-soft);
        color: var(--highlight);
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      h1 {
        margin: 0;
        font: 700 clamp(1.25rem, 2vw, 1.9rem)/1.02 Georgia, serif;
        letter-spacing: -0.04em;
      }
      p { color: var(--muted); line-height: 1.5; }
      .hero-grid { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 8px; }
      .hero-card, .panel, .stat {
        background: rgba(255, 253, 248, 0.9);
        border: 1px solid var(--edge);
        border-radius: 22px;
        padding: 14px;
      }
      .status-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 7px 11px;
        border-radius: 999px;
        background: var(--accent-soft);
        color: var(--accent);
        font-size: 0.74rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .auth, .actions {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        align-items: center;
      }
      .auth { margin-top: 10px; }
      .actions { margin-top: 10px; }
      input, select {
        min-width: 190px;
        padding: 10px 12px;
        border-radius: 12px;
        border: 1px solid var(--edge);
        background: #fff;
      }
      button, a.button {
        border: 0;
        border-radius: 999px;
        padding: 10px 14px;
        font-weight: 700;
        cursor: pointer;
        text-decoration: none;
        background: var(--ink);
        color: #fff;
      }
      .clickable,
      .list-item.clickable,
      .mini-stat.clickable,
      .account-rail-item.clickable,
      .bar-row.clickable,
      .legend-chip,
      .dashboard-tab,
      .hero-utility-toggle,
      .accounts-filter-chip,
      .ledger-tab,
      [data-open-account-ledger-id],
      [data-open-transaction-detail-id],
      [data-scroll-target],
      [data-link-url],
      [data-open-variance-account-id] {
        cursor: pointer;
        user-select: none;
      }
      button.secondary, a.button.secondary { background: var(--accent); }
      .ledger-tab {
        position: relative;
        border: 1px solid rgba(13, 122, 112, 0.18);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
        transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease, color 120ms ease;
      }
      .ledger-tab:hover,
      .ledger-tab:focus-visible {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 3px 10px rgba(13, 122, 112, 0.12);
        transform: translateY(-1px);
      }
      .ledger-tab.active {
        background: var(--ink);
        color: #fff;
        border-color: rgba(38, 31, 26, 0.92);
        box-shadow: 0 6px 16px rgba(38, 31, 26, 0.16);
      }
      a.button.alt { background: #fff; color: var(--ink); border: 1px solid var(--edge); }
      button:disabled { opacity: 0.58; cursor: not-allowed; }
      .notice {
        margin-top: 14px;
        padding: 12px 14px;
        border-radius: 14px;
        background: #f4ede0;
        border: 1px solid var(--edge);
        color: #4c4338;
      }
      .notice.error {
        background: #f7dfdb;
        color: #7b2e21;
        border-color: #e2b3aa;
      }
      .notice.good {
        background: #eef8f0;
        color: #21583a;
        border-color: #b9d8c1;
      }
      .stats {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-top: 12px;
      }
      .hero-summary {
        max-width: 860px;
        margin: 2px 0 0;
        font-size: 0.88rem;
      }
      .compact-note {
        margin: 0;
        font-size: 0.9rem;
      }
      .hero-primary-actions {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        align-items: center;
      }
      .hero-utility-bar {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        align-items: center;
      }
      .hero-utility-toggle {
        border: 1px solid #e2d5c6;
        border-radius: 999px;
        padding: 8px 11px;
        background: #fff8ef;
        color: var(--muted);
        font-size: 0.82rem;
        font-weight: 700;
      }
      .hero-utility-toggle.active {
        background: var(--ink);
        color: #fff;
        border-color: rgba(30, 26, 22, 0.12);
      }
      .hero-utility-panel {
        padding: 0;
      }
      .hero-utility-panel[hidden] {
        display: none !important;
      }
      .hero-status-row {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        margin-top: 0;
      }
      .hero-status-row .meta {
        margin-top: 0;
        font-size: 0.88rem;
      }
      .hero-mini-stats {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .hero-mini-stats .chip {
        gap: 4px;
        padding: 4px 0;
        background: transparent;
        color: var(--muted);
        font-size: 0.86rem;
      }
      .hero-mini-stats strong {
        color: var(--ink);
      }
      #auth-feedback {
        margin-top: 4px;
        padding: 9px 12px;
        font-size: 0.92rem;
      }
      #auth-feedback.subtle {
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--muted);
        font-size: 0.84rem;
      }
      .hero-utility-panel .auth,
      .hero-utility-panel .actions {
        margin-top: 0;
      }
      .hero-card {
        background: transparent;
        border: 0;
        padding: 0;
        display: grid;
        gap: 8px;
      }
      .more-tools-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        gap: 14px;
      }
      .more-tools-block {
        border: 1px solid var(--edge);
        border-radius: 18px;
        background: rgba(255, 251, 245, 0.92);
        padding: 14px;
      }
      .report-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 12px;
        margin-top: 14px;
      }
      .entry-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 12px;
        margin-top: 16px;
      }
      .detail-section {
        margin-top: 10px;
      }
      .detail-section .row {
        margin-bottom: 5px;
      }
      .field-stack {
        display: grid;
        gap: 6px;
      }
      .field-label {
        color: var(--muted);
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.02em;
      }
      .detail-hint {
        margin: 0;
        color: #7a7168;
        font-size: 0.8rem;
        line-height: 1.2;
      }
      .decision-note {
        margin-top: 8px;
        padding: 8px 10px;
        border-radius: 14px;
        background: #f5efe5;
        border: 1px solid #e7dbcc;
        color: #6d6258;
        font-size: 0.81rem;
        line-height: 1.18;
      }
      .transaction-detail-primary-action {
        display: grid;
        gap: 8px;
        align-items: start;
      }
      .transaction-detail-primary-action > button:first-child {
        justify-self: start;
        box-shadow: 0 8px 18px rgba(30, 26, 22, 0.1);
      }
      .transaction-detail-other-actions {
        border-top: 1px solid #ece2d5;
        padding-top: 8px;
      }
      .transaction-detail-other-actions summary {
        cursor: pointer;
        list-style: none;
        color: #6c5946;
        font-size: 0.78rem;
        font-weight: 700;
      }
      .transaction-detail-other-actions summary::-webkit-details-marker {
        display: none;
      }
      .transaction-detail-other-actions summary::after {
        content: "▾";
        margin-left: 6px;
        font-size: 0.72rem;
      }
      .transaction-detail-other-actions[open] summary::after {
        content: "▴";
      }
      .transaction-detail-other-actions-body {
        display: flex;
        gap: 8px;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 10px;
      }
      .transaction-detail-field-list {
        display: grid;
        gap: 10px;
      }
      .transaction-detail-chip-editors {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        align-items: center;
      }
      .transaction-detail-chip-shell {
        display: inline-flex;
        align-items: center;
        gap: 6px;
      }
      .transaction-detail-inline-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 7px 11px;
        border-radius: 999px;
        border: 1px solid #d8ebe8;
        background: #fff;
        color: #345551;
        font-size: 0.8rem;
        font-weight: 700;
      }
      .transaction-detail-chip-select {
        min-width: 0;
        width: auto;
        max-width: 280px;
        border-radius: 999px;
        padding-block: 7px;
      }
      .transaction-detail-chip-cancel {
        padding: 6px 10px;
        font-size: 0.75rem;
      }
      .transaction-detail-inline-feedback {
        color: #0d7a70;
        font-size: 0.78rem;
        font-weight: 700;
      }
      .transaction-detail-advanced {
        border-top: 1px solid #ece2d5;
        padding-top: 6px;
      }
      .transaction-detail-advanced summary {
        cursor: pointer;
        list-style: none;
        color: #6c5946;
        font-size: 0.78rem;
        font-weight: 700;
      }
      .transaction-detail-advanced summary::-webkit-details-marker {
        display: none;
      }
      .transaction-detail-advanced summary::after {
        content: "▾";
        margin-left: 6px;
        font-size: 0.72rem;
      }
      .transaction-detail-advanced[open] summary::after {
        content: "▴";
      }
      .transaction-detail-advanced-body {
        display: grid;
        gap: 10px;
        margin-top: 10px;
      }
      .mini-stat {
        padding: 14px;
        border-radius: 18px;
        border: 1px solid #e7dbcc;
        background: #fcf8f1;
      }
      .mini-stat .label {
        color: var(--muted);
        font-size: 0.82rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
      }
      .mini-stat .value {
        margin-top: 8px;
        font-size: 1.25rem;
        font-weight: 700;
      }
      .list-item.clickable, .mini-stat.clickable {
        cursor: pointer;
        transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
      }
      .list-item.clickable:hover, .mini-stat.clickable:hover {
        transform: translateY(-1px);
        box-shadow: 0 10px 24px rgba(80, 52, 25, 0.08);
        border-color: #d7c5ae;
      }
      .chart-shell {
        margin-top: 14px;
        border: 1px solid #e7dbcc;
        border-radius: 18px;
        padding: 14px;
        background: #fcf8f1;
      }
      .chart-title {
        font-size: 0.88rem;
        color: var(--muted);
        margin-bottom: 10px;
      }
      .stack-chart {
        display: flex;
        min-height: 20px;
        overflow: hidden;
        border-radius: 999px;
        background: #eadfce;
      }
      .stack-segment {
        min-width: 10px;
        border: 0;
        padding: 0;
        cursor: pointer;
      }
      .stack-segment.review { background: #c55c4d; }
      .stack-segment.expected { background: #b29d84; }
      .stack-segment.close { background: #d6a74e; }
      .stack-segment.aligned { background: #4e8d63; }
      .stack-segment.info { background: #7a8e9f; }
      .chart-legend {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 12px;
      }
      .legend-chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1px solid #e7dbcc;
        border-radius: 999px;
        padding: 6px 10px;
        background: #fff;
        color: #5b4939;
        font-size: 0.8rem;
        font-weight: 700;
        cursor: pointer;
      }
      .legend-swatch {
        width: 10px;
        height: 10px;
        border-radius: 999px;
      }
      .legend-swatch.review { background: #c55c4d; }
      .legend-swatch.expected { background: #b29d84; }
      .legend-swatch.close { background: #d6a74e; }
      .legend-swatch.aligned { background: #4e8d63; }
      .legend-swatch.info { background: #7a8e9f; }
      .bar-chart {
        display: grid;
        gap: 10px;
      }
      .bar-row {
        display: grid;
        grid-template-columns: minmax(110px, 160px) 1fr auto;
        gap: 10px;
        align-items: center;
      }
      .bar-row.clickable {
        cursor: pointer;
      }
      .bar-label {
        font-size: 0.82rem;
        font-weight: 700;
        color: #5b4939;
      }
      .bar-track {
        height: 12px;
        background: #eadfce;
        border-radius: 999px;
        overflow: hidden;
      }
      .bar-fill {
        height: 100%;
        border-radius: 999px;
      }
      .bar-value {
        font-size: 0.8rem;
        color: var(--muted);
        white-space: nowrap;
      }
      .stat .label { color: var(--muted); font-size: 0.88rem; }
      .stat .value { margin-top: 8px; font-size: 1.65rem; font-weight: 700; }
      .layout {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
        margin-top: 22px;
      }
      .layout > .panel:only-child {
        grid-column: 1 / -1;
      }
      .dashboard-shell {
        position: relative;
        margin-top: 18px;
        padding-left: 288px;
      }
      .dashboard-main {
        min-width: 0;
      }
      .accounts-rail {
        position: sticky;
        top: 96px;
        float: left;
        width: 258px;
        margin-left: -276px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 12px;
        max-height: calc(100vh - 112px);
        overflow: hidden;
      }
      .accounts-rail-header {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        align-items: baseline;
        flex: 0 0 auto;
      }
      .accounts-rail-header .meta {
        margin-top: 0;
        text-align: right;
      }
      .accounts-rail-copy {
        margin: 0;
        font-size: 0.77rem;
        flex: 0 0 auto;
      }
      .accounts-rail-filter {
        flex: 0 0 auto;
        min-width: 0;
      }
      .accounts-rail-filter-chips {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
        margin-bottom: 8px;
      }
      .accounts-filter-chip {
        border: 1px solid #e2d5c6;
        border-radius: 999px;
        padding: 6px 9px;
        background: #fff8ef;
        color: var(--muted);
        font-size: 0.75rem;
        font-weight: 700;
      }
      .accounts-filter-chip.active {
        background: var(--ink);
        color: #fff;
        border-color: rgba(30, 26, 22, 0.12);
      }
      .accounts-rail-filter input {
        width: 100%;
        min-width: 0;
        padding: 9px 11px;
        font-size: 0.92rem;
      }
      #accounts-list {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        padding-right: 4px;
        scrollbar-width: thin;
        overscroll-behavior: contain;
      }
      .accounts-rail-groups {
        display: grid;
        gap: 12px;
        margin-top: 12px;
      }
      .accounts-rail-group {
        border-top: 1px solid #ece2d5;
        padding-top: 12px;
      }
      .accounts-rail-group:first-child {
        border-top: 0;
        padding-top: 0;
      }
      .accounts-rail-group-title {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        align-items: center;
        margin-bottom: 8px;
        color: var(--muted);
        font-size: 0.82rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
      .accounts-rail-items {
        display: grid;
        gap: 8px;
      }
      .account-rail-item {
        border: 1px solid #e7dbcc;
        border-radius: 14px;
        background: #fcf8f1;
        padding: 9px 10px;
      }
      .account-rail-item.active {
        border-color: rgba(13, 122, 112, 0.35);
        box-shadow: inset 0 0 0 1px rgba(13, 122, 112, 0.12);
        background: #eef8f5;
      }
      .account-rail-item .row {
        align-items: flex-start;
        gap: 10px;
      }
      .account-rail-primary {
        display: grid;
        gap: 6px;
        min-width: 0;
        flex: 1 1 auto;
      }
      .account-rail-item .name {
        font-size: 0.9rem;
        display: block;
        min-width: 0;
        overflow-wrap: anywhere;
      }
      .account-rail-flag {
        display: inline-flex;
        align-items: center;
        align-self: flex-start;
        max-width: 100%;
        padding: 3px 8px;
        border-radius: 14px;
        font-size: 0.65rem;
        font-weight: 800;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        background: #fbf1e6;
        color: #8a5a1c;
        border: 1px solid #ead5b7;
        line-height: 1.2;
        white-space: normal;
        overflow-wrap: anywhere;
      }
      .account-rail-balance {
        font-weight: 700;
        text-align: right;
        font-size: 0.9rem;
        flex: 0 0 auto;
        max-width: 42%;
        word-break: break-word;
      }
      .account-rail-meta {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        margin-top: 5px;
        color: var(--muted);
        font-size: 0.76rem;
        min-width: 0;
      }
      .account-rail-meta span {
        min-width: 0;
        overflow-wrap: anywhere;
      }
      .account-rail-actions {
        margin-top: 8px;
        justify-content: flex-end;
      }
      .account-rail-actions .tertiary {
        padding: 6px 10px;
        font-size: 0.76rem;
      }
      .account-rail-freshness {
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 6px;
      }
      .account-rail-alert {
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 6px;
        color: #8a5a1c;
      }
      .account-rail-freshness-badge {
        display: inline-flex;
        align-items: center;
        padding: 2px 8px;
        border-radius: 999px;
        font-size: 0.69rem;
        font-weight: 800;
        letter-spacing: 0.02em;
        background: #efe6d7;
        color: var(--muted);
        border: 1px solid #e3d7c8;
      }
      .account-rail-freshness-badge.observed {
        background: #eef8f0;
        color: #21583a;
        border-color: #cfe5d6;
      }
      .account-rail-freshness-badge.inferred {
        background: #eef6fb;
        color: #1f5d7a;
        border-color: #c8ddea;
      }
      .account-rail-freshness-badge.missing {
        background: #fbf1e6;
        color: #8a5a1c;
        border-color: #ead5b7;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
      }
      .summary-strip {
        margin-top: 0;
      }
      .summary-strip-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
      }
      .overview-hero-grid .mini-stat {
        min-height: 80px;
        padding: 9px 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }
      .overview-hero-grid .label {
        font-size: 0.76rem;
      }
      .overview-hero-grid .meta {
        font-size: 0.77rem;
        line-height: 1.22;
      }
      .overview-hero-grid .mini-stat.state-good {
        border-color: #cfe5d6;
        background: #f5fbf7;
      }
      .overview-hero-grid .mini-stat.state-warning {
        border-color: #ead5b7;
        background: #fff8ed;
      }
      .overview-hero-grid .mini-stat.state-neutral {
        border-color: #e7dbcc;
        background: #fcf8f1;
      }
      .overview-hero-grid .mini-stat.state-unavailable {
        position: relative;
        border-color: #d9cebf;
        background:
          linear-gradient(180deg, rgba(255, 252, 247, 0.98), rgba(247, 239, 226, 0.92));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
      }
      .overview-hero-grid .mini-stat.state-unavailable::before {
        content: "";
        position: absolute;
        top: 0;
        left: 10px;
        right: 10px;
        height: 3px;
        border-radius: 999px;
        background: linear-gradient(90deg, #d3c3ad, #bfa58a);
      }
      .overview-hero-grid .mini-stat.state-unavailable .value {
        color: #6a5c4f;
      }
      .overview-hero-grid .mini-stat.state-unavailable .meta {
        color: #6f655b;
      }
      .overview-hero-grid .value {
        font-size: clamp(1.02rem, 1.25vw, 1.28rem);
      }
      .overview-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 248px);
        align-items: start;
        gap: 10px;
      }
      .dashboard-modal-shell[hidden] {
        display: none !important;
      }
      .dashboard-modal-shell {
        position: fixed;
        inset: 0;
        z-index: 120;
        display: grid;
        place-items: center;
        padding: 20px;
        animation: dashboard-modal-fade-in 180ms ease;
      }
      .dashboard-modal-backdrop {
        position: absolute;
        inset: 0;
        background: rgba(30, 26, 22, 0.48);
        backdrop-filter: blur(2px);
        animation: dashboard-backdrop-fade-in 180ms ease;
      }
      .dashboard-modal-card {
        position: relative;
        width: min(100%, 440px);
        background: rgba(255, 252, 246, 0.98);
        border: 1px solid var(--edge);
        border-radius: 22px;
        padding: 18px;
        box-shadow: 0 28px 80px rgba(45, 32, 18, 0.28);
        transform-origin: center top;
        animation: dashboard-modal-card-rise 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
      }
      .ledger-hero-balance-actions {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 8px;
      }
      .ledger-hero-balance-actions .secondary {
        padding: 8px 12px;
      }
      .activity-empty-state {
        display: grid;
        gap: 10px;
        padding: 18px;
        border: 1px dashed #d7c8b5;
        border-radius: 18px;
        background: #fffaf2;
      }
      .activity-empty-state .name {
        font-size: 1rem;
        font-weight: 700;
      }
      .overview-main-column {
        display: grid;
        gap: 12px;
      }
      .overview-primary-panel {
        min-height: 100%;
      }
      .overview-primary-panel.compact {
        min-height: 0;
      }
      .overview-sidebar {
        display: grid;
        gap: 8px;
        min-width: 0;
      }
      .overview-context-rail {
        align-self: start;
        position: sticky;
        top: 96px;
        min-width: 0;
      }
      .overview-context-label {
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #8a7f73;
        margin: 0 4px -6px;
      }
      .overview-decision-panel,
      .overview-secondary-panel {
        min-height: 0;
      }
      .overview-support-panel {
        padding: 8px 9px;
        background: rgba(252, 248, 241, 0.58);
        border-color: rgba(221, 208, 192, 0.62);
        box-shadow: none;
        min-width: 0;
        width: 100%;
        transition: transform 160ms ease, box-shadow 180ms ease, background 180ms ease, border-color 180ms ease;
      }
      .overview-support-panel:hover,
      .overview-support-panel:focus-within {
        transform: translateY(-1px);
        box-shadow: 0 10px 24px rgba(74, 58, 39, 0.06);
        background: rgba(255, 250, 242, 0.72);
      }
      .overview-support-panel .row strong {
        font-size: 0.84rem;
        font-weight: 700;
      }
      .overview-support-panel .meta {
        font-size: 0.77rem;
        line-height: 1.18;
        color: #756b62;
      }
      .overview-side-stat-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        margin-top: 10px;
      }
      .overview-support-panel .mini-stat {
        min-height: 0;
        padding: 8px 9px;
        border-radius: 14px;
      }
      .overview-support-panel .value {
        margin-top: 2px;
        font-size: 0.92rem;
      }
      .overview-support-panel .label {
        font-size: 0.72rem;
      }
      .overview-support-panel .notice.subtle {
        margin-top: 8px;
        padding: 8px 9px;
        font-size: 0.76rem;
        line-height: 1.22;
      }
      .overview-support-panel .actions {
        margin-top: 8px;
        gap: 6px;
      }
      .overview-support-panel button,
      .overview-support-panel a.button {
        padding: 7px 10px;
        font-size: 0.76rem;
      }
      .overview-primary-action {
        display: grid;
        gap: 3px;
        padding: 6px 8px;
      }
      .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }
      .decision-flow {
        display: grid;
        gap: 8px;
        padding: 9px 10px;
      }
      .decision-flow .overview-primary-action,
      .decision-flow .overview-support-panel,
      .decision-flow #overview-scenarios-list,
      .decision-flow .overview-decision-actions {
        margin-top: 0;
      }
      .decision-flow .overview-support-panel {
        border: 0;
        border-radius: 0;
        padding: 0;
        background: transparent;
        box-shadow: none;
      }
      .overview-cash-flow-inline {
        padding: 6px 10px;
        font-size: 0.78rem;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .decision-flow .overview-blocker-inline-panel {
        padding: 10px;
        border: 1px solid rgba(221, 208, 192, 0.55);
        border-radius: 14px;
        background: rgba(255, 250, 243, 0.82);
      }
      .decision-flow .overview-blocker-inline-panel .actions {
        margin-top: 6px;
      }
      .decision-flow .overview-blocker-inline-panel .notice.subtle {
        background: rgba(255, 248, 239, 0.72);
      }
      .overview-trust-checklist {
        display: grid;
        gap: 4px;
        margin-top: 6px;
      }
      .overview-first-view-list {
        display: grid;
        gap: 8px;
        margin-top: 10px;
      }
      .overview-first-view-list > div {
        position: relative;
        padding-left: 14px;
        font-size: 0.82rem;
        font-weight: 700;
        color: #4f463d;
      }
      .overview-first-view-list > div::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.48rem;
        width: 6px;
        height: 6px;
        border-radius: 999px;
        background: #b79573;
      }
      .overview-trust-checklist-item {
        padding: 6px 7px;
        border-radius: 12px;
        background: rgba(255, 249, 240, 0.82);
        border: 1px solid rgba(221, 208, 192, 0.45);
      }
      .overview-trust-checklist-item strong {
        font-size: 0.79rem;
        font-weight: 700;
      }
      .overview-trust-checklist-item.ready {
        border-color: rgba(13, 122, 112, 0.24);
      }
      .overview-trust-checklist-item.needs_review {
        border-color: rgba(155, 64, 48, 0.28);
      }
      .overview-trust-details {
        margin-top: 8px;
        padding-top: 6px;
        border-top: 1px solid rgba(221, 208, 192, 0.55);
      }
      .overview-trust-details summary {
        cursor: pointer;
        list-style: none;
        color: #6c5946;
        font-size: 0.74rem;
        font-weight: 700;
      }
      .overview-trust-detail-list {
        display: grid;
        gap: 5px;
        margin-top: 6px;
      }
      .decision-flow .notice.subtle {
        background: rgba(247, 239, 226, 0.6);
      }
      .decision-inline-kicker {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: baseline;
        flex-wrap: wrap;
      }
      .decision-inline-kicker strong {
        font-size: 0.82rem;
        font-weight: 700;
        color: #463d35;
      }
      .overview-primary-action-topline {
        display: grid;
        gap: 2px;
      }
      .overview-primary-action-bar {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
        margin-bottom: 2px;
      }
      .overview-primary-action-chip {
        display: inline-flex;
        align-items: center;
        padding: 4px 8px;
        border-radius: 999px;
        border: 1px solid rgba(214, 197, 176, 0.72);
        background: rgba(255, 248, 239, 0.86);
        color: #6a5b4e;
        font-size: 0.67rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
      .overview-primary-action-label {
        color: var(--muted);
        font-size: 0.69rem;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }
      .overview-primary-action-heading-row {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        align-items: center;
      }
      .overview-primary-action-headline {
        font-size: 1.08rem;
        font-weight: 700;
        line-height: 1.05;
      }
      .overview-primary-action-justification {
        color: #4f463d;
        font-size: 0.8rem;
        line-height: 1.18;
      }
      .overview-trust-row {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        margin-top: 2px;
      }
      .overview-trust-badge {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 2px 6px;
        font-size: 0.66rem;
        font-weight: 800;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        background: rgba(182, 165, 145, 0.14);
        color: #6c5946;
      }
      .overview-trust-badge.trust-high {
        background: rgba(13, 122, 112, 0.12);
        color: #0d7a70;
      }
      .overview-trust-badge.trust-medium {
        background: rgba(177, 121, 27, 0.14);
        color: #8c6016;
      }
      .overview-trust-badge.trust-low {
        background: rgba(155, 64, 48, 0.14);
        color: #9b4030;
      }
      .overview-primary-action-status {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 3px 7px;
        background: rgba(13, 122, 112, 0.12);
        color: #0d7a70;
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
      .overview-primary-action-facts-inline {
        font-size: 0.74rem;
        color: var(--muted);
        line-height: 1.14;
      }
      .overview-primary-action-details {
        border-top: 1px solid #ece2d5;
        padding-top: 5px;
      }
      .overview-primary-action-details summary {
        cursor: pointer;
        list-style: none;
        color: #6c5946;
        font-size: 0.73rem;
        font-weight: 700;
      }
      .overview-primary-action-details summary::-webkit-details-marker {
        display: none;
      }
      .overview-primary-action-details summary::after {
        content: "▾";
        margin-left: 6px;
        font-size: 0.72rem;
      }
      .overview-primary-action-details[open] summary::after {
        content: "▴";
      }
      .overview-primary-action-details-body {
        display: grid;
        gap: 2px;
        margin-top: 4px;
      }
      .overview-primary-action-details-body .meta,
      .overview-primary-action > .meta {
        margin-top: 0;
        font-size: 0.73rem;
        line-height: 1.16;
      }
      .overview-primary-action-actions {
        margin-top: 1px;
        gap: 6px;
        align-items: center;
      }
      .overview-primary-action-actions button,
      .overview-primary-action-actions a.button {
        padding: 7px 10px;
        font-size: 0.78rem;
      }
      .overview-primary-action-actions > button:first-child,
      .overview-primary-action-actions > a.button:first-child {
        box-shadow: 0 4px 14px rgba(30, 26, 22, 0.12);
      }
      .overview-primary-action.onboarding {
        gap: 14px;
        padding: 18px 18px 16px;
        border-radius: 18px;
      }
      .overview-onboarding-form {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
      }
      .overview-onboarding-form input {
        min-width: 0;
        min-height: 48px;
        font-size: 1rem;
      }
      .overview-onboarding-form button {
        min-height: 48px;
        padding-inline: 16px;
        font-size: 0.86rem;
      }
      .overview-onboarding-hint {
        margin-top: -4px;
        color: #5b4d40;
        font-size: 0.74rem;
        letter-spacing: 0.02em;
        text-transform: uppercase;
      }
      .overview-onboarding-support {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        color: #6a5c4f;
        font-size: 0.72rem;
      }
      .overview-onboarding-support span {
        display: inline-flex;
        align-items: center;
        padding: 4px 8px;
        border-radius: 999px;
        background: rgba(248, 241, 230, 0.92);
        border: 1px solid rgba(221, 208, 192, 0.62);
      }
      .overview-onboarding-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        color: #4f463d;
        font-size: 0.75rem;
        line-height: 1.15;
      }
      .overview-onboarding-list div {
        padding: 8px 9px;
        border-radius: 12px;
        border: 1px solid rgba(221, 208, 192, 0.55);
        background: rgba(255, 248, 239, 0.8);
      }
      .overview-why-plan {
        margin-top: 1px;
        border-top: 1px solid #ece2d5;
        padding-top: 6px;
      }
      .overview-why-plan summary {
        cursor: pointer;
        font-size: 0.76rem;
        font-weight: 700;
        color: #6c5946;
        list-style: none;
      }
      .overview-why-plan summary::-webkit-details-marker {
        display: none;
      }
      .overview-why-plan summary::after {
        content: "▾";
        margin-left: 6px;
        font-size: 0.74rem;
      }
      .overview-why-plan[open] summary::after {
        content: "▴";
      }
      .overview-why-plan-body {
        display: grid;
        gap: 3px;
        margin-top: 6px;
      }
      .overview-why-plan-body .meta {
        margin-top: 0;
        font-size: 0.74rem;
        line-height: 1.2;
      }
      button.tertiary,
      a.button.tertiary {
        background: transparent;
        color: var(--muted);
        border: 1px solid #d8cab8;
        box-shadow: none;
      }
      .overview-decision-actions .tertiary,
      .overview-context-rail .tertiary {
        border-color: transparent;
        background: transparent;
        color: #7c6f62;
        padding-inline: 2px;
        box-shadow: none;
      }
      .overview-decision-actions .tertiary:hover,
      .overview-context-rail .tertiary:hover {
        border-color: rgba(216, 202, 184, 0.65);
        background: rgba(255, 250, 243, 0.72);
        color: var(--ink);
      }
      .inline-more-actions {
        position: relative;
        margin-left: 2px;
      }
      .inline-more-actions summary {
        cursor: pointer;
        list-style: none;
        color: #5c5146;
        font-size: 0.78rem;
        font-weight: 700;
        border: 1px solid rgba(216, 202, 184, 0.72);
        border-radius: 999px;
        padding: 5px 10px;
        background: rgba(255, 250, 243, 0.66);
      }
      .inline-more-actions summary::-webkit-details-marker {
        display: none;
      }
      .inline-more-actions summary::after {
        content: "▾";
        margin-left: 6px;
        font-size: 0.72rem;
      }
      .inline-more-actions[open] summary::after {
        content: "▴";
      }
      .inline-more-actions-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        margin-top: 8px;
        padding: 6px 0 0;
      }
      .credit-inline-more-actions {
        margin-top: 10px;
      }
      .overview-primary-action.is-planned {
        background: #eef8f0;
        border-color: #b9d8c1;
      }
      .metric-breakdown {
        margin-top: 10px;
        border-top: 1px solid #ece2d5;
        padding-top: 10px;
      }
      .metric-breakdown summary {
        cursor: pointer;
        color: #6c5946;
        font-size: 0.84rem;
        font-weight: 700;
        list-style: none;
      }
      .metric-breakdown summary::-webkit-details-marker {
        display: none;
      }
      .metric-breakdown summary::after {
        content: "▾";
        margin-left: 6px;
        font-size: 0.75rem;
      }
      .metric-breakdown[open] summary::after {
        content: "▴";
      }
      .metric-breakdown-body {
        margin-top: 10px;
        display: grid;
        gap: 10px;
      }
      .metric-breakdown-rows {
        display: grid;
        gap: 8px;
        max-width: 720px;
      }
      .metric-breakdown-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: baseline;
        gap: 12px 20px;
        font-size: 0.88rem;
        padding: 8px 10px;
        border-radius: 12px;
        background: rgba(255, 250, 243, 0.88);
        border: 1px solid rgba(221, 208, 192, 0.55);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
      }
      .metric-breakdown-row:nth-child(even) {
        background: rgba(248, 239, 227, 0.88);
      }
      .metric-breakdown-row span {
        max-width: 40ch;
        color: #4f463d;
      }
      .metric-breakdown-row strong {
        white-space: nowrap;
        text-align: right;
        padding: 3px 8px;
        border-radius: 999px;
        background: rgba(13, 122, 112, 0.08);
        color: var(--ink);
      }
      .metric-breakdown-row.total {
        padding-top: 8px;
        border-top: 1px solid #ece2d5;
        font-weight: 700;
        background: rgba(215, 241, 237, 0.72);
        border-color: rgba(13, 122, 112, 0.18);
      }
      .metric-breakdown-row.low-point {
        box-shadow: inset 3px 0 0 rgba(13, 122, 112, 0.24);
      }
      .metric-breakdown-row.low-point span:first-child::before {
        content: "Low point";
        display: inline-block;
        margin-right: 8px;
        padding: 2px 7px;
        border-radius: 999px;
        background: rgba(13, 122, 112, 0.12);
        color: var(--accent);
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        vertical-align: 1px;
      }
      .metric-breakdown-row.total strong {
        background: rgba(13, 122, 112, 0.16);
      }
      .demo-debug-panel {
        margin-top: 4px;
        padding: 8px;
        border-radius: 12px;
        background: #f3f2ef;
        border: 1px solid #ddd9d2;
        display: grid;
        gap: 6px;
      }
      .demo-debug-panel .overview-primary-action-section-title {
        font-size: 0.72rem;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #6e675e;
      }
      .demo-debug-panel .meta,
      .demo-debug-panel .metric-breakdown-row {
        font-size: 0.74rem;
        line-height: 1.14;
      }
      .demo-debug-panel .metric-breakdown-rows {
        gap: 6px;
      }
      .demo-debug-panel .metric-breakdown-row {
        padding: 6px 8px;
        background: rgba(247, 246, 242, 0.92);
        border-color: rgba(205, 200, 192, 0.55);
      }
      .demo-debug-panel .metric-breakdown-row:nth-child(even) {
        background: rgba(240, 238, 233, 0.92);
      }
      .demo-debug-panel .metric-breakdown-row.total {
        background: rgba(232, 231, 226, 0.96);
        border-color: rgba(172, 166, 157, 0.4);
      }
      .metric-breakdown-actions {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }
      .metric-breakdown-chip-list {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }
      .metric-breakdown-chip-list button {
        font-size: 0.82rem;
        padding: 7px 10px;
      }
      .overview-attention-title {
        margin-top: 10px;
        font-size: clamp(1.45rem, 2.3vw, 2rem);
        font-weight: 700;
        line-height: 1.08;
      }
      .overview-section-stack {
        display: grid;
        gap: 8px;
      }
      .timeline-group {
        border: 1px solid #e7dbcc;
        border-radius: 16px;
        padding: 10px 11px;
        background: #fcf8f1;
      }
      .decision-impact {
        display: grid;
        gap: 5px;
        padding-top: 6px;
        border-top: 1px solid #ece2d5;
      }
      .decision-impact-item {
        display: flex;
        gap: 8px;
        align-items: flex-start;
        color: #4f463d;
        font-size: 0.78rem;
        line-height: 1.2;
      }
      .decision-impact-item::before {
        content: "•";
        color: var(--accent);
        font-weight: 800;
        line-height: 1;
      }
      .decision-flow-events {
        display: grid;
        gap: 5px;
        padding-top: 6px;
        border-top: 1px solid #ece2d5;
      }
      .decision-flow-event {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 7px;
        align-items: start;
      }
      .decision-flow-event-icon {
        width: 20px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: #f2e6d7;
        font-size: 0.66rem;
      }
      .decision-flow-event-title {
        font-weight: 700;
        font-size: 0.78rem;
      }
      .decision-flow-event .meta {
        margin-top: 2px;
        font-size: 0.74rem;
        line-height: 1.16;
      }
      .timeline-group-header {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: baseline;
        margin-bottom: 6px;
      }
      .timeline-group-title {
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--muted);
      }
      .timeline-event-list {
        display: grid;
        gap: 6px;
      }
      .timeline-event {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 8px;
        align-items: start;
        padding-top: 6px;
        border-top: 1px solid #ece2d5;
      }
      .timeline-event:first-child {
        padding-top: 0;
        border-top: 0;
      }
      .timeline-event-icon {
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: #f2e6d7;
        font-size: 0.72rem;
      }
      .timeline-event-title {
        font-weight: 700;
        font-size: 0.82rem;
      }
      .timeline-event-amount {
        font-weight: 700;
        white-space: nowrap;
      }
      .overview-recent-activity-list .list-item {
        padding: 12px 0;
      }
      .overview-setup-empty-state {
        display: grid;
        gap: 10px;
        padding: 16px;
        border: 1px dashed #d9c9b7;
        border-radius: 18px;
        background: #fffaf2;
      }
      .overview-setup-empty-state .name {
        font-size: 1rem;
        font-weight: 700;
      }
      .overview-setup-empty-state .meta {
        font-size: 0.84rem;
        line-height: 1.3;
      }
      .overview-setup-empty-state .actions {
        margin-top: 0;
      }
      .scenario-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px;
      }
      .scenario-card {
        border: 1px solid #e7dbcc;
        border-radius: 16px;
        padding: 6px 7px;
        background: #fbf8f2;
        text-align: left;
        display: grid;
        gap: 2px;
        width: 100%;
        color: var(--ink);
        transition: transform 120ms ease, border-color 120ms ease, box-shadow 140ms ease, background 140ms ease;
      }
      .scenario-grid .baseline {
        grid-column: auto;
      }
      .scenario-card:hover {
        transform: translateY(-2px);
        border-color: #ccb9a4;
        box-shadow: 0 10px 20px rgba(69, 51, 30, 0.09);
      }
      .scenario-card.recommended {
        border-color: rgba(13, 122, 112, 0.78);
        background: #d9f1ea;
        box-shadow: 0 12px 22px rgba(13, 122, 112, 0.14);
      }
      .scenario-card.selected {
        border-color: #1e1a16;
        background: #fffdf8;
        box-shadow: inset 0 0 0 2px rgba(30, 26, 22, 0.26), 0 12px 24px rgba(30, 26, 22, 0.1);
      }
      .scenario-card.baseline {
        background: #f6f0e6;
        border-color: #eadfd0;
        color: #74695f;
      }
      .scenario-card.baseline .scenario-card-title,
      .scenario-card.baseline .scenario-outcome-line,
      .scenario-card.baseline .scenario-interpretation {
        color: #74695f;
      }
      .scenario-card.baseline:not(.selected):not(.recommended) {
        opacity: 0.6;
        box-shadow: none;
      }
      .scenario-card.baseline:not(.selected):not(.recommended):hover {
        transform: none;
        border-color: #eadfd0;
        box-shadow: none;
      }
      .scenario-badge {
        display: inline-flex;
        align-items: center;
        margin-bottom: 2px;
        border-radius: 999px;
        padding: 4px 7px;
        background: #d7f1ed;
        color: #0d7a70;
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
      .scenario-card-title-row {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        align-items: center;
      }
      .scenario-card-title {
        font-weight: 800;
        font-size: 0.8rem;
        line-height: 1.1;
      }
      .scenario-selected-chip {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 3px 6px;
        background: rgba(30, 26, 22, 0.08);
        color: var(--ink);
        font-size: 0.67rem;
        font-weight: 800;
        letter-spacing: 0.03em;
        text-transform: uppercase;
      }
      .scenario-outcome-line {
        font-size: 0.74rem;
        font-weight: 700;
        color: #3d352d;
        line-height: 1.14;
      }
      .scenario-detail-panel {
        border: 1px solid #e7dbcc;
        border-radius: 14px;
        padding: 7px 9px;
        background: rgba(255, 250, 243, 0.92);
        display: grid;
        gap: 3px;
      }
      .scenario-detail-consequence {
        font-size: 0.77rem;
        font-weight: 700;
        line-height: 1.18;
        color: #3d352d;
      }
      .scenario-detail-header {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        align-items: baseline;
      }
      .scenario-extra-details {
        margin: 0;
      }
      .scenario-extra-details summary {
        cursor: pointer;
        list-style: none;
        color: #6c5946;
        font-size: 0.72rem;
        font-weight: 700;
      }
      .scenario-extra-details summary::-webkit-details-marker {
        display: none;
      }
      .scenario-extra-details summary::after {
        content: "▾";
        margin-left: 5px;
        font-size: 0.7rem;
      }
      .scenario-extra-details[open] summary::after {
        content: "▴";
      }
      .scenario-extra-details-body {
        display: grid;
        gap: 8px;
        margin-top: 6px;
      }
      .scenario-projection-details {
        margin-top: 6px;
        border-top: 1px solid #ece2d5;
        padding-top: 6px;
      }
      .scenario-projection-details summary {
        cursor: pointer;
        list-style: none;
        color: #6c5946;
        font-size: 0.74rem;
        font-weight: 700;
      }
      .scenario-projection-details summary::-webkit-details-marker {
        display: none;
      }
      .scenario-projection-details summary::after {
        content: "▾";
        margin-left: 6px;
        font-size: 0.72rem;
      }
      .scenario-projection-details[open] summary::after {
        content: "▴";
      }
      .scenario-projection-body {
        margin-top: 6px;
      }
      .scenario-detail-title {
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--muted);
      }
      .scenario-detail-panel .meta {
        margin-top: 0;
        font-size: 0.75rem;
        line-height: 1.2;
      }
      .credit-plan-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 10px;
        margin-top: 12px;
      }
      .credit-plan-grid .mini-stat {
        padding: 12px;
      }
      .credit-plan-actions {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 12px;
      }
      .credit-strategies {
        margin-top: 14px;
        border-top: 1px solid #ece2d5;
        padding-top: 10px;
      }
      .credit-strategies summary {
        cursor: pointer;
        list-style: none;
        color: #6c5946;
        font-size: 0.84rem;
        font-weight: 700;
      }
      .credit-strategies summary::-webkit-details-marker {
        display: none;
      }
      .credit-strategies summary::after {
        content: "▾";
        margin-left: 6px;
        font-size: 0.75rem;
      }
      .credit-strategies[open] summary::after {
        content: "▴";
      }
      .credit-strategies-body {
        margin-top: 10px;
      }
      .credit-recommendation-headline {
        margin-top: 2px;
        font-size: 1.04rem;
        font-weight: 800;
        line-height: 1.18;
      }
      .credit-recommendation-lines {
        display: grid;
        gap: 4px;
        margin-top: 10px;
      }
      .credit-recommendation-lines .meta {
        margin-top: 0;
        line-height: 1.32;
      }
      .credit-why-details {
        margin-top: 8px;
        border-top: 1px solid #ece2d5;
        padding-top: 6px;
      }
      .credit-why-details summary {
        cursor: pointer;
        list-style: none;
        color: #6c5946;
        font-size: 0.78rem;
        font-weight: 700;
      }
      .credit-why-details summary::-webkit-details-marker {
        display: none;
      }
      .credit-why-details summary::after {
        content: "▾";
        margin-left: 6px;
        font-size: 0.72rem;
      }
      .credit-why-details[open] summary::after {
        content: "▴";
      }
      .overview-attention-view-all {
        margin-top: 8px;
        padding-left: 0;
        padding-right: 0;
      }
      .credit-option-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
        gap: 10px;
        margin-top: 14px;
      }
      .credit-option-card {
        border: 1px solid #e7dbcc;
        border-radius: 16px;
        background: #fcf8f1;
        padding: 12px;
      }
      .credit-option-card.active {
        border-color: #0d7a70;
        background: #f3fbf9;
        box-shadow: inset 0 0 0 1px rgba(13, 122, 112, 0.18);
      }
      .credit-option-consequence {
        margin-top: 6px;
        font-size: 0.82rem;
        color: #4f463d;
        line-height: 1.3;
      }
      .credit-funding-shell {
        display: grid;
        gap: 8px;
        margin-top: 14px;
      }
      .credit-focus-panel {
        display: grid;
        gap: 10px;
      }
      .credit-summary-grid {
        gap: 8px;
      }
      .credit-summary-grid .mini-stat {
        padding: 10px 12px;
      }
      .credit-summary-grid .mini-stat .value {
        font-size: 1.1rem;
      }
      .credit-timeline-note {
        margin-top: 0 !important;
        padding: 10px 12px;
      }
      .credit-recommendation-card {
        margin-top: 0 !important;
        padding: 12px 14px;
      }
      .credit-preview-line {
        margin-top: 0 !important;
        padding: 8px 12px;
        font-size: 0.82rem;
      }
      .credit-detail-shell {
        border-top: 1px solid #ece2d5;
        padding-top: 8px;
      }
      .credit-detail-shell summary {
        cursor: pointer;
        list-style: none;
        color: #6c5946;
        font-size: 0.83rem;
        font-weight: 700;
      }
      .credit-detail-shell summary::-webkit-details-marker {
        display: none;
      }
      .credit-detail-shell summary::after {
        content: "▾";
        margin-left: 6px;
        font-size: 0.72rem;
      }
      .credit-detail-shell[open] summary::after {
        content: "▴";
      }
      .credit-detail-body {
        margin-top: 10px;
      }
      .credit-rollup-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      .projection-low-point-card {
        margin: 0 0 10px;
        padding: 12px 14px;
        border: 1px solid #e4c7ba;
        border-radius: 16px;
        background: linear-gradient(135deg, #fff4ef, #fffaf6);
      }
      .projection-low-point-kicker {
        font-size: 0.75rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #9b4d33;
      }
      .projection-low-point-main {
        margin-top: 6px;
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: baseline;
        font-size: 0.98rem;
      }
      .projection-low-point-main strong {
        font-size: 1rem;
      }
      .projection-low-point-main span {
        font-weight: 800;
        color: #8c2f1b;
        white-space: nowrap;
      }
      .projection-low-point-detail {
        margin-top: 6px;
        font-size: 0.9rem;
        color: #5b4939;
      }
      .activity-attention-shell {
        display: grid;
        gap: 6px;
      }
      .activity-attention-label {
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--muted);
      }
      .activity-attention-headline {
        font-size: 0.9rem;
        font-weight: 700;
        line-height: 1.16;
        color: var(--ink);
      }
      .activity-attention-summary {
        font-size: 0.82rem;
        font-weight: 700;
        color: #6c5946;
      }
      .activity-attention-points {
        display: grid;
        gap: 4px;
      }
      .activity-attention-point {
        font-size: 0.82rem;
        color: #4f463d;
        line-height: 1.3;
      }
      .activity-attention-next {
        padding: 8px 9px;
        border-radius: 12px;
        border: 1px solid rgba(221, 208, 192, 0.75);
        background: rgba(255, 250, 243, 0.88);
      }
      .activity-attention-next strong {
        display: block;
        margin-bottom: 3px;
        font-size: 0.85rem;
      }
      .activity-attention-next .meta {
        margin-top: 0;
        line-height: 1.2;
      }
      .compact-trust-note {
        padding: 7px 9px;
        font-size: 0.75rem;
        line-height: 1.18;
      }
      .compact-trust-note.trust-low {
        background: rgba(251, 240, 236, 0.88);
      }
      .compact-trust-note.trust-medium {
        background: rgba(251, 246, 237, 0.88);
      }
      .compact-trust-note.trust-high {
        background: rgba(241, 249, 247, 0.88);
      }
      .scenario-card-support {
        line-height: 1.14;
      }
      .overview-blocker-summary {
        font-size: 0.74rem;
        font-weight: 600;
        color: #756b62;
        margin-bottom: 6px;
      }
      #overview-attention-list .list-item {
        padding: 8px 0;
      }
      #overview-attention-list .name {
        font-size: 0.8rem;
      }
      #overview-attention-list .meta {
        font-size: 0.74rem;
        line-height: 1.18;
      }
      .overview-primary-panel,
      .overview-decision-panel,
      .overview-support-panel {
        padding: 10px 11px;
      }
      .overview-primary-panel .row .meta,
      .overview-decision-panel .row .meta,
      .overview-support-panel .row .meta {
        font-size: 0.74rem;
      }
      .overview-timeline-window.notice.subtle {
        margin-top: 8px !important;
        padding: 8px 9px;
        font-size: 0.75rem;
        line-height: 1.18;
      }
      #overview-timeline-list {
        margin-top: 10px !important;
      }
      #overview-scenarios-list {
        margin-top: 10px !important;
      }
      #overview-timeline-projection {
        margin-top: 10px !important;
      }
      #overview-next-week-list {
        margin-top: 10px !important;
      }
      #overview-timeline-projection .overview-primary-action-headline {
        font-size: 0.92rem;
      }
      #overview-timeline-projection .meta,
      #overview-next-week-list .meta,
      .timeline-event .meta {
        font-size: 0.73rem;
        line-height: 1.16;
      }
      #overview-timeline-projection details.metric-breakdown {
        margin-top: 8px;
      }
      #overview-timeline-projection .metric-breakdown summary {
        font-size: 0.76rem;
      }
      #overview-timeline-projection .metric-breakdown-body {
        gap: 8px;
      }
      .variance-collapsible {
        margin-top: 18px;
        border: 1px solid #e7dbcc;
        border-radius: 18px;
        background: #fcf8f1;
        padding: 12px 14px;
      }
      .variance-collapsible summary {
        cursor: pointer;
        list-style: none;
        color: #5b4939;
        font-weight: 700;
        font-size: 0.85rem;
      }
      .variance-collapsible summary::-webkit-details-marker {
        display: none;
      }
      .variance-collapsible summary::after {
        content: "▾";
        margin-left: 6px;
        font-size: 0.75rem;
      }
      .variance-collapsible[open] summary::after {
        content: "▴";
      }
      .variance-collapsible-body {
        margin-top: 12px;
      }
      .metric-breakdown-row.low-point {
        border-color: #e4c7ba;
        background: #fff4ef;
        box-shadow: inset 0 0 0 1px rgba(156, 77, 51, 0.08);
      }
      .ledger-hero {
        padding: 12px 14px;
        border-radius: 20px;
        background:
          linear-gradient(135deg, rgba(13, 122, 112, 0.08), rgba(13, 122, 112, 0.02)),
          #fcf8f1;
        border: 1px solid #d9e9e6;
        animation: dashboard-section-rise 220ms ease;
        transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
      }
      .ledger-hero:hover,
      .ledger-hero:focus-within {
        transform: translateY(-1px);
        box-shadow: 0 14px 28px rgba(67, 52, 35, 0.06);
      }
      .ledger-hero-top {
        display: grid;
        gap: 4px;
      }
      .ledger-hero-headline {
        display: grid;
        gap: 4px;
        min-width: 0;
      }
      .ledger-hero-title-row {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: baseline;
      }
      .ledger-hero-title {
        font-size: 1.08rem;
        font-weight: 700;
        line-height: 1.05;
      }
      .ledger-hero-balance {
        text-align: right;
      }
      .ledger-hero-balance .value {
        font-size: 1.22rem;
        font-weight: 700;
      }
      .ledger-hero-meta {
        color: var(--muted);
        font-size: 0.78rem;
        line-height: 1.18;
      }
      .ledger-hero-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 8px;
      }
      .ledger-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 7px 10px;
        border-radius: 999px;
        background: #fff;
        border: 1px solid #d8ebe8;
        color: #345551;
        font-size: 0.8rem;
        font-weight: 700;
        transition: transform 140ms ease, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
      }
      .ledger-chip:hover,
      .ledger-chip:focus-within {
        transform: translateY(-1px);
        background: rgba(255, 255, 255, 0.96);
        border-color: #c8e2de;
        box-shadow: 0 8px 18px rgba(52, 85, 81, 0.08);
      }
      .ledger-hero-reason {
        margin-top: 8px;
        color: #7a7168;
        font-size: 0.77rem;
        line-height: 1.18;
      }
      .dashboard-tabs {
        position: sticky;
        top: 12px;
        z-index: 5;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        margin-top: 22px;
        padding: 12px;
        border: 1px solid var(--edge);
        border-radius: 20px;
        background: rgba(255, 251, 244, 0.92);
        backdrop-filter: blur(10px);
        box-shadow: 0 18px 42px rgba(69, 51, 30, 0.08);
      }
      .dashboard-tab-buttons {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        align-items: center;
      }
      .dashboard-tab {
        border: 1px solid transparent;
        border-radius: 999px;
        padding: 11px 15px;
        font-size: 0.9rem;
        font-weight: 700;
        background: transparent;
        color: var(--muted);
      }
      .dashboard-tab.active {
        background: var(--ink);
        color: #fff;
        border-color: rgba(30, 26, 22, 0.12);
      }
      .dashboard-tab-copy {
        flex: 1 1 220px;
        min-width: 220px;
        align-self: center;
        text-align: right;
        color: var(--muted);
        font-size: 0.82rem;
        font-weight: 600;
      }
      .dashboard-period-shell {
        display: grid;
        gap: 4px;
        margin-left: auto;
        min-width: min(100%, 360px);
        padding-left: 10px;
      }
      .dashboard-period-heading strong {
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }
      .dashboard-period-heading {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        align-items: baseline;
        flex-wrap: wrap;
      }
      .dashboard-period-controls {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        flex-wrap: wrap;
        align-items: center;
      }
      .dashboard-period-controls select,
      .dashboard-period-controls input {
        min-width: 150px;
      }
      .dashboard-period-controls select:disabled {
        background: #f4ece0;
        color: #8a7f73;
        border-color: #dfd2c0;
        box-shadow: none;
      }
      section[data-dashboard-section][hidden] {
        display: none !important;
      }
      .path-list {
        display: grid;
        gap: 12px;
      }
      .path-item {
        border: 1px solid #e7dbcc;
        border-radius: 18px;
        padding: 14px;
        background: #fcf8f1;
      }
      .path-item strong { display: block; margin-bottom: 6px; }
      .list-item {
        padding: 14px 0;
        border-top: 1px solid #ece2d5;
      }
      .list-item:first-child { border-top: 0; padding-top: 0; }
      .chip-row {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 10px;
      }
      .chip {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 6px 10px;
        background: #f1e6d8;
        color: #5b4939;
        font-size: 0.78rem;
        font-weight: 700;
      }
      .trace-link {
        color: var(--accent);
        font-size: 0.72rem;
        font-weight: 600;
        opacity: 0.82;
        text-decoration: none;
      }
      .table-shell {
        margin-top: 12px;
        border: 1px solid #e7dbcc;
        border-radius: 16px;
        background: #fcf8f1;
        overflow: hidden;
      }
      .transaction-ledger-shell {
        overflow: hidden;
      }
      .transaction-ledger-list {
        display: grid;
      }
      .transaction-ledger-row {
        display: grid;
        gap: 6px;
        padding: 10px 12px;
        border-top: 1px solid #ece2d5;
        animation: dashboard-row-fade-in 180ms ease;
        transition: background 120ms ease, box-shadow 120ms ease, transform 140ms ease, border-color 140ms ease;
      }
      .transaction-ledger-row:first-child {
        border-top: 0;
      }
      .transaction-ledger-row:hover,
      .transaction-ledger-row:focus-within {
        background: rgba(13, 122, 112, 0.05);
        transform: translateY(-1px);
      }
      .transaction-ledger-row.pending {
        background: linear-gradient(180deg, rgba(245, 250, 255, 0.95), rgba(241, 248, 255, 0.92));
        box-shadow: inset 3px 0 0 rgba(62, 117, 173, 0.34);
      }
      .transaction-ledger-row.pending:hover,
      .transaction-ledger-row.pending:focus-within {
        background: linear-gradient(180deg, rgba(240, 248, 255, 0.98), rgba(235, 245, 255, 0.95));
      }
      .transaction-ledger-row.editing {
        background: linear-gradient(180deg, rgba(244, 251, 249, 0.98), rgba(240, 248, 246, 0.96));
        box-shadow: inset 0 0 0 1px rgba(13, 122, 112, 0.16);
      }
      .transaction-ledger-row.full-edit {
        gap: 10px;
        padding: 12px;
        border-radius: 14px;
      }
      .transaction-ledger-primary {
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr) auto;
        gap: 10px;
        align-items: baseline;
      }
      .transaction-ledger-date {
        font-size: 0.78rem;
        font-weight: 700;
        color: var(--muted);
        white-space: nowrap;
      }
      .transaction-ledger-payee {
        min-width: 0;
        font-size: 0.92rem;
        font-weight: 700;
        line-height: 1.2;
        overflow-wrap: anywhere;
      }
      .transaction-ledger-money {
        display: grid;
        justify-items: end;
        gap: 2px;
        white-space: nowrap;
      }
      .transaction-ledger-amount {
        font-size: 0.92rem;
        font-weight: 800;
      }
      .transaction-ledger-balance {
        font-size: 0.77rem;
        color: var(--muted);
      }
      .transaction-ledger-secondary {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: center;
        min-width: 0;
      }
      .transaction-inline-row-grid {
        display: grid;
        grid-template-columns: 116px minmax(0, 1fr) 132px auto;
        gap: 10px;
        align-items: end;
      }
      .transaction-inline-row-grid.secondary {
        grid-template-columns: 160px minmax(220px, 1fr) auto;
        margin-top: 0;
      }
      .transaction-inline-field {
        display: grid;
        gap: 5px;
        min-width: 0;
      }
      .transaction-inline-label {
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #6f6a62;
      }
      .transaction-inline-balance-chip {
        display: grid;
        gap: 4px;
        justify-items: end;
        min-width: 0;
        padding: 8px 10px;
        border: 1px solid rgba(199, 182, 163, 0.7);
        border-radius: 12px;
        background: rgba(255, 252, 246, 0.92);
      }
      .transaction-inline-balance-chip strong {
        font-size: 0.85rem;
        color: #65584c;
      }
      .transaction-ledger-meta {
        min-width: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        color: var(--muted);
        font-size: 0.78rem;
        line-height: 1.22;
      }
      .transaction-ledger-flags {
        color: #8a5a1c;
      }
      .transaction-pending-badge {
        display: inline-flex;
        align-items: center;
        padding: 2px 8px;
        border-radius: 999px;
        border: 1px solid rgba(112, 146, 184, 0.55);
        background: rgba(231, 241, 252, 0.95);
        color: #49698a;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.01em;
      }
      .transaction-inline-controls {
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        opacity: 0;
        pointer-events: none;
        transform: translateY(2px);
        transition: opacity 120ms ease, transform 120ms ease;
      }
      .transaction-ledger-row:hover .transaction-inline-controls,
      .transaction-ledger-row:focus-within .transaction-inline-controls,
      .transaction-ledger-row.dirty .transaction-inline-controls {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
      }
      @keyframes dashboard-modal-fade-in {
        from { opacity: 0; }
        to { opacity: 1; }
      }
      @keyframes dashboard-backdrop-fade-in {
        from { opacity: 0; }
        to { opacity: 1; }
      }
      @keyframes dashboard-modal-card-rise {
        from {
          opacity: 0;
          transform: translateY(12px) scale(0.985);
        }
        to {
          opacity: 1;
          transform: translateY(0) scale(1);
        }
      }
      @keyframes dashboard-section-rise {
        from {
          opacity: 0;
          transform: translateY(8px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      @keyframes dashboard-row-fade-in {
        from {
          opacity: 0;
          transform: translateY(4px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .dashboard-modal-shell,
        .dashboard-modal-backdrop,
        .dashboard-modal-card,
        .overview-support-panel,
        .ledger-hero,
        .ledger-chip,
        .transaction-ledger-row,
        .transaction-inline-controls {
          animation: none !important;
          transition: none !important;
          transform: none !important;
        }
      }
      .data-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.9rem;
      }
      .data-table th,
      .data-table td {
        padding: 10px 12px;
        border-top: 1px solid #ece2d5;
        text-align: left;
        vertical-align: top;
      }
      .data-table thead th {
        border-top: 0;
        color: var(--muted);
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        background: rgba(255, 252, 246, 0.96);
      }
      .data-table tbody tr.clickable:hover {
        background: rgba(13, 122, 112, 0.05);
      }
      .account-rail-item.muted {
        opacity: 0.45;
        filter: grayscale(0.2);
        cursor: default;
      }
      .data-table .amount.good {
        color: var(--good);
        font-weight: 700;
      }
      .data-table .numeric {
        text-align: right;
        white-space: nowrap;
      }
      .data-table .tight {
        white-space: nowrap;
      }
      .inline-edit-stack {
        display: grid;
        gap: 4px;
        min-width: 0;
      }
      .inline-edit-select {
        width: auto;
        min-width: 0;
        padding: 8px 10px;
        font-size: 0.78rem;
        border-radius: 12px;
        border: 1px solid #d8c7b2;
        background: #fffdfa;
        color: inherit;
      }
      .inline-edit-input {
        width: 100%;
        min-width: 0;
        padding: 8px 10px;
        border-radius: 12px;
        border: 1px solid #d8c7b2;
        background: #fffdfa;
        font: inherit;
        color: inherit;
      }
      .inline-edit-input:focus,
      .inline-edit-select:focus {
        outline: none;
        border-color: rgba(13, 122, 112, 0.5);
        box-shadow: 0 0 0 3px rgba(13, 122, 112, 0.12);
      }
      .inline-edit-payee-input {
        font-weight: 700;
      }
      .inline-edit-amount-input {
        text-align: right;
      }
      .inline-edit-actions {
        display: flex;
        gap: 6px;
        align-items: center;
        flex-wrap: wrap;
      }
      .transaction-inline-actions {
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        padding-top: 18px;
      }
      .inline-edit-save {
        padding: 6px 10px;
        font-size: 0.78rem;
        display: none;
      }
      .transaction-ledger-row.dirty .inline-edit-save {
        display: inline-flex;
      }
      @media (max-width: 900px) {
        .transaction-detail-other-actions-body {
          display: grid;
        }
        .transaction-detail-chip-editors {
          display: grid;
        }
        .transaction-detail-chip-shell {
          justify-content: flex-start;
        }
        .transaction-ledger-primary {
          grid-template-columns: 64px minmax(0, 1fr);
        }
        .transaction-inline-row-grid,
        .transaction-inline-row-grid.secondary {
          grid-template-columns: 1fr;
        }
        .transaction-ledger-money {
          grid-column: 1 / -1;
          justify-items: start;
          grid-auto-flow: column;
          gap: 10px;
        }
        .transaction-ledger-secondary {
          display: grid;
          gap: 8px;
        }
        .transaction-inline-controls {
          opacity: 1;
          pointer-events: auto;
          justify-content: flex-start;
        }
      }
      .row {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: baseline;
      }
      .name { font-weight: 700; }
      .meta { color: var(--muted); font-size: 0.92rem; margin-top: 4px; }
      .empty { color: var(--muted); padding: 6px 0; }
      .amount.outflow { color: #9f3a2d; }
      .amount.inflow { color: var(--good); }
      .amount.net-outflow { color: #9f3a2d; }
      .amount.net-inflow { color: var(--good); }
      pre {
        margin-top: 18px;
        background: #1a201c;
        color: #d8f3e5;
        border-radius: 18px;
        padding: 16px;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
      }
      .debug-shell {
        margin-top: 18px;
        border: 1px solid var(--edge);
        border-radius: 18px;
        background: rgba(255, 251, 244, 0.72);
        overflow: hidden;
      }
      .debug-shell summary {
        cursor: pointer;
        padding: 10px 12px;
        font-weight: 700;
        color: var(--muted);
        font-size: 0.82rem;
      }
      .debug-shell summary::-webkit-details-marker {
        display: none;
      }
      .debug-shell pre {
        margin-top: 0;
        border-radius: 0;
      }
      .decision-surface {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        gap: 10px;
      }
      .accounts-rail-actions {
        margin-top: 6px;
      }
      .accounts-empty-state {
        display: grid;
        gap: 4px;
      }
      .accounts-empty-state-actions,
      .overview-activation-actions {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }
      .overview-activation-card {
        border-color: rgba(13, 122, 112, 0.18);
        background: rgba(244, 250, 248, 0.92);
      }
      .overview-compare-disabled {
        display: grid;
        gap: 4px;
      }
      #accounts-list {
        overflow: hidden;
      }
      body[data-dashboard-tab="overview"] .decision-surface {
        max-height: none;
        overflow: visible;
      }
      body[data-dashboard-tab="overview"] .summary-strip {
        margin-top: 0;
      }
      body[data-dashboard-tab="overview"] .summary-strip-grid {
        gap: 8px;
      }
      body[data-dashboard-tab="overview"] .overview-hero-grid .mini-stat {
        min-height: 76px;
        padding: 8px 9px;
      }
      body[data-dashboard-tab="overview"] .overview-hero-grid .value {
        font-size: 1rem;
        margin-top: 4px;
      }
      body[data-dashboard-tab="overview"] .overview-hero-grid .label,
      body[data-dashboard-tab="overview"] .overview-hero-grid .meta {
        font-size: 0.72rem;
        line-height: 1.15;
      }
      body[data-dashboard-tab="overview"] .summary-strip .metric-breakdown {
        display: none;
      }
      body[data-dashboard-tab="overview"] .overview-optional-divider {
        gap: 6px;
        margin-top: 10px;
      }
      body[data-dashboard-tab="overview"] .overview-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 252px);
        gap: 8px;
        margin-top: 0;
      }
      body[data-dashboard-tab="overview"] .overview-main-column {
        gap: 8px;
      }
      body[data-dashboard-tab="overview"] .overview-context-rail {
        position: sticky;
        top: 118px;
        align-self: start;
        max-height: none;
        overflow: visible;
        padding-right: 0;
        opacity: 0.94;
        min-width: 0;
      }
      body[data-dashboard-tab="overview"] .overview-sidebar {
        display: grid;
        gap: 8px;
      }
      body[data-dashboard-tab="overview"] .overview-context-label {
        margin: 0 2px 4px;
        font-size: 0.68rem;
      }
      body[data-dashboard-tab="overview"] .decision-flow {
        gap: 7px;
        padding: 8px;
      }
      body[data-dashboard-tab="overview"] .overview-support-inline,
      body[data-dashboard-tab="overview"] .overview-blocker-inline-panel,
      body[data-dashboard-tab="overview"] .overview-inline-note {
        margin-top: 0;
      }
      body[data-dashboard-tab="overview"] .decision-flow .overview-blocker-inline-panel {
        padding: 8px;
        background: rgba(255, 250, 243, 0.68);
      }
      body[data-dashboard-tab="overview"] .overview-support-panel .label,
      body[data-dashboard-tab="overview"] .overview-support-panel .meta,
      body[data-dashboard-tab="overview"] .decision-flow .meta {
        font-size: 0.72rem;
        line-height: 1.14;
      }
      body[data-dashboard-tab="overview"] .overview-cash-flow-inline {
        padding: 5px 8px;
        font-size: 0.73rem;
        white-space: normal;
      }
      body[data-dashboard-tab="overview"] .overview-primary-action {
        gap: 3px;
        padding: 6px 8px;
      }
      body[data-dashboard-tab="overview"] .overview-primary-action-headline {
        font-size: 1rem;
      }
      body[data-dashboard-tab="overview"] .overview-primary-action-justification,
      body[data-dashboard-tab="overview"] .overview-primary-action-facts-inline {
        font-size: 0.72rem;
        line-height: 1.14;
      }
      body[data-dashboard-tab="overview"] .overview-trust-badge,
      body[data-dashboard-tab="overview"] .overview-trust-row .meta,
      body[data-dashboard-tab="overview"] .overview-trust-checklist-item .meta,
      body[data-dashboard-tab="overview"] .overview-first-view-list > div,
      body[data-dashboard-tab="overview"] .overview-trust-details summary,
      body[data-dashboard-tab="overview"] .overview-trust-detail-list .meta,
      body[data-dashboard-tab="overview"] .scenario-card-support {
        font-size: 0.7rem;
        line-height: 1.12;
      }
      body[data-dashboard-tab="overview"] .overview-primary-action-status {
        padding: 2px 6px;
        font-size: 0.66rem;
      }
      body[data-dashboard-tab="overview"] .overview-primary-action-details {
        padding-top: 4px;
      }
      body[data-dashboard-tab="overview"] .overview-primary-action-details summary,
      body[data-dashboard-tab="overview"] .overview-primary-action-details-body .meta,
      body[data-dashboard-tab="overview"] .overview-primary-action > .meta {
        font-size: 0.71rem;
        line-height: 1.12;
      }
      body[data-dashboard-tab="overview"] .overview-primary-action.onboarding {
        padding: 14px;
      }
      body[data-dashboard-tab="overview"] .overview-primary-action-chip,
      body[data-dashboard-tab="overview"] .overview-onboarding-support span {
        font-size: 0.64rem;
      }
      body[data-dashboard-tab="overview"] .overview-onboarding-list {
        grid-template-columns: 1fr;
      }
      body[data-dashboard-tab="overview"] .scenario-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px;
      }
      body[data-dashboard-tab="overview"] .scenario-grid .baseline {
        grid-column: auto;
      }
      body[data-dashboard-tab="overview"] .scenario-card {
        padding: 5px 6px;
        gap: 2px;
      }
      body[data-dashboard-tab="overview"] .scenario-card-title {
        font-size: 0.77rem;
      }
      body[data-dashboard-tab="overview"] .scenario-outcome-line {
        font-size: 0.7rem;
        line-height: 1.14;
      }
      body[data-dashboard-tab="overview"] .scenario-detail-panel {
        display: grid;
        padding: 6px 8px;
      }
      body[data-dashboard-tab="overview"] .scenario-detail-header {
        gap: 8px;
      }
      body[data-dashboard-tab="overview"] .scenario-extra-details summary {
        font-size: 0.7rem;
      }
      body[data-dashboard-tab="overview"] .scenario-extra-details-body {
        gap: 6px;
        margin-top: 5px;
      }
      body[data-dashboard-tab="overview"] .scenario-projection-details {
        margin-top: 5px;
        padding-top: 5px;
      }
      body[data-dashboard-tab="overview"] .scenario-projection-details summary,
      body[data-dashboard-tab="overview"] .scenario-extra-details-body,
      body[data-dashboard-tab="overview"] .scenario-projection-body .meta,
      body[data-dashboard-tab="overview"] .scenario-projection-body {
        font-size: 0.71rem;
        line-height: 1.12;
      }
      body[data-dashboard-tab="overview"] .decision-impact {
        gap: 4px;
        padding-top: 5px;
      }
      body[data-dashboard-tab="overview"] .decision-impact-item,
      body[data-dashboard-tab="overview"] .decision-flow-event-title,
      body[data-dashboard-tab="overview"] .decision-flow-event .meta {
        font-size: 0.73rem;
        line-height: 1.14;
      }
      body[data-dashboard-tab="overview"] .decision-flow-event-icon {
        width: 18px;
        height: 18px;
        font-size: 0.62rem;
      }
      body[data-dashboard-tab="overview"] #overview-attention-list .list-item {
        padding: 6px 0;
      }
      body[data-dashboard-tab="overview"] .overview-blocker-summary {
        font-size: 0.72rem;
        margin-bottom: 4px;
      }
      body[data-dashboard-tab="overview"] .overview-decision-actions {
        margin-top: 0;
      }
      body[data-dashboard-tab="activity"] section[data-dashboard-section="reporting"] .panel,
      body[data-dashboard-tab="activity"] section[data-dashboard-section="review-list"] .panel,
      body[data-dashboard-tab="activity"] section[data-dashboard-section="fraud-subscriptions"] .panel,
      body[data-dashboard-tab="activity"] section[data-dashboard-section="fraud-review-history"] .panel,
      body[data-dashboard-tab="activity"] section[data-dashboard-section="data-health"] .panel {
        background: rgba(255, 252, 246, 0.82);
      }
      body[data-dashboard-tab="credit"] #dashboard-main {
        display: grid;
        grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr);
        gap: 14px;
        align-items: start;
      }
      body[data-dashboard-tab="credit"] section[data-dashboard-section="credit-timeline"] {
        grid-column: 1 / 2;
        grid-row: 1 / span 2;
        margin-top: 0;
        align-self: start;
      }
      body[data-dashboard-tab="credit"] section[data-dashboard-section="liability-activity"] {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        margin-top: 0;
        align-self: start;
      }
      body[data-dashboard-tab="credit"] section[data-dashboard-section="month-roll"] {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
        margin-top: 0;
        align-self: start;
      }
      body[data-dashboard-tab="credit"] section[data-dashboard-section="credit-timeline"] .panel,
      body[data-dashboard-tab="credit"] section[data-dashboard-section="liability-activity"] .panel,
      body[data-dashboard-tab="credit"] section[data-dashboard-section="month-roll"] .panel {
        padding: 12px;
      }
      body[data-dashboard-tab="credit"] section[data-dashboard-section="month-roll"] .report-grid {
        margin-top: 10px;
      }
      body[data-dashboard-tab="credit"] .credit-rollup-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }
      body[data-dashboard-tab="credit"] .credit-rollup-grid .mini-stat {
        padding: 9px 10px;
      }
      body[data-dashboard-tab="credit"] .credit-rollup-grid .mini-stat .value {
        margin-top: 5px;
        font-size: 1rem;
      }
      body[data-dashboard-tab="credit"] .credit-focus-panel {
        gap: 8px;
      }
      body[data-dashboard-tab="credit"] .credit-summary-grid {
        margin-top: 10px;
        gap: 8px;
      }
      body[data-dashboard-tab="credit"] .credit-summary-grid .mini-stat {
        padding: 9px 10px;
      }
      body[data-dashboard-tab="credit"] .credit-summary-grid .mini-stat .value {
        margin-top: 5px;
        font-size: 1rem;
      }
      body[data-dashboard-tab="credit"] .credit-timeline-note,
      body[data-dashboard-tab="credit"] .credit-recommendation-card,
      body[data-dashboard-tab="credit"] .credit-preview-line {
        padding-top: 7px;
        padding-bottom: 7px;
      }
      body[data-dashboard-tab="credit"] .credit-detail-shell {
        padding-top: 6px;
      }
      @media (max-width: 900px) {
        .hero-grid, .layout, .summary-strip-grid { grid-template-columns: 1fr; }
        .dashboard-shell { padding-left: 0; }
        .decision-surface {
          max-height: none !important;
          overflow: visible !important;
          display: block;
        }
        .accounts-rail {
          float: none;
          width: auto;
          margin-left: 0;
          position: static;
          top: auto;
          max-height: none;
          overflow: visible;
        }
        #accounts-list { overflow: visible; }
        .accounts-rail-actions {
          display: none;
        }
        .dashboard-tab-copy { text-align: left; }
        .dashboard-period-shell {
          margin-left: 0;
          padding-left: 0;
          min-width: 100%;
        }
        .dashboard-period-heading,
        .dashboard-period-controls {
          justify-content: flex-start;
        }
        .decision-flow {
          padding: 10px;
        }
        .decision-flow .overview-support-panel {
          border: 0;
          padding: 0;
          background: transparent;
        }
        .overview-context-rail {
          position: static;
          top: auto;
          max-height: none;
          overflow: visible;
        }
        .overview-grid,
        .scenario-grid {
          grid-template-columns: 1fr;
        }
        .overview-onboarding-form {
          grid-template-columns: 1fr;
        }
        .scenario-grid .baseline {
          grid-column: 1 / -1;
        }
        .overview-side-stat-grid {
          grid-template-columns: 1fr;
        }
        body[data-dashboard-tab="credit"] #dashboard-main {
          display: block;
        }
        body[data-dashboard-tab="credit"] section[data-dashboard-section="credit-timeline"],
        body[data-dashboard-tab="credit"] section[data-dashboard-section="liability-activity"],
        body[data-dashboard-tab="credit"] section[data-dashboard-section="month-roll"] {
          grid-column: auto;
          grid-row: auto;
        }
        .timeline-event {
          grid-template-columns: auto 1fr;
        }
        .timeline-event-amount {
          grid-column: 2;
        }
      }