/* A statement-style workspace: dates and money stay aligned, actions stay beside their records. */
.ui-shell .investor-ledger { color: var(--ui-ink); }
.investor-ledger .ledger-heading { display: flex; justify-content: space-between; align-items: start; gap: 20px; margin: 20px 0; }
.investor-ledger h1 { font-size: 28px; margin: 0 0 8px; }
.investor-ledger h2 { font-size: 19px; margin: 0 0 14px; }
.investor-ledger p { max-width: 70ch; color: var(--ui-muted); }
.investor-ledger section { margin: 24px 0; padding: 20px 0; border-top: 1px solid var(--ui-line); }
.investor-ledger .ledger-totals { border-left: 3px solid var(--ui-link); padding: 16px 20px; background: var(--ui-hover); }
.investor-ledger .ledger-totals span { display: inline-block; margin: 0 24px 10px 0; font-size: 21px; font-variant-numeric: tabular-nums; }
.investor-ledger .ledger-totals p { margin: 0; font-size: 13px; }
.investor-ledger .ledger-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.investor-ledger .ledger-field label { display: block; font-size: 13px; margin-bottom: 5px; }
.investor-ledger .ledger-form-actions { grid-column: 1 / -1; }
.investor-ledger .ledger-heading .btn { flex-shrink: 0; }
.investor-ledger .ledger-number { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.investor-ledger td { vertical-align: top; }
.investor-ledger td:first-child { white-space: nowrap; }
.investor-ledger td small { display: block; margin-top: 5px; color: var(--ui-muted); overflow-wrap: anywhere; max-width: 26ch; }
.investor-ledger .ledger-reversed { background: var(--ui-hover); }
.investor-ledger summary { cursor: pointer; color: var(--ui-link); min-height: 44px; padding: 10px 0; }
.investor-ledger details .btn { margin-top: 10px; }
.investor-ledger .ledger-account { display: flex; justify-content: space-between; align-items: start; padding: 14px 0; border-bottom: 1px solid var(--ui-line); gap: 20px; }
.investor-ledger .ledger-account span { display: block; color: var(--ui-muted); font-size: 13px; }
.ui-shell .investor-ledger .btn-outline-secondary { color: var(--ui-ink); border-color: var(--ui-line); }
.investor-ledger :focus-visible { outline: 2px solid var(--ui-link); outline-offset: 3px; }
.ledger-erasure .ledger-summary { max-width: 70ch; }
.ledger-erasure .ledger-summary > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; padding: 8px 0; border-bottom: 1px solid var(--ui-line); }
.ledger-erasure .ledger-summary dd { margin: 0; font-variant-numeric: tabular-nums; }
.ledger-erasure .ledger-field { max-width: 24rem; margin-bottom: 16px; }
.ledger-erasure .btn { max-width: 100%; white-space: normal; }
.ledger-erasure code { color: var(--ui-ink); }
.ui-shell .ledger-erasure .btn-danger { color: #fff; background: #b42333; border-color: #b42333; }
.ui-shell .ledger-erasure .btn-danger:hover, .ui-shell .ledger-erasure .btn-danger:focus-visible { color: #fff; background: #961c2a; border-color: #961c2a; }
.theme-dark .ui-shell .ledger-erasure .btn-outline-danger { color: #ffacb5; border-color: #fa7483; }
.theme-dark .ui-shell .ledger-erasure .btn-outline-danger:hover, .theme-dark .ui-shell .ledger-erasure .btn-outline-danger:focus-visible { color: #fff; background: #702c37; border-color: #fa7483; }
@media (max-width: 767.98px) {
    .investor-ledger .ledger-heading { flex-direction: column; gap: 8px; }
    .investor-ledger .ledger-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .investor-ledger .ledger-account { flex-wrap: wrap; }
    .investor-ledger .table { min-width: 710px; }
}
@media (max-width: 420px) { .investor-ledger .ledger-form { grid-template-columns: minmax(0, 1fr); } }