/* Account layouts. Shared controls, typography, navigation and dialogs are in ui/. */
.account-main{width:100%;max-width:var(--page-width);margin:auto;padding:clamp(40px,7vw,88px) var(--page-gutter)}
.account-main.narrow{max-width:720px}
.account-main p{line-height:1.7;max-width:60ch}
.eyebrow{font-size:var(--text-caption);letter-spacing:.035em;color:var(--muted)}
.account-form{display:grid;gap:var(--space-3);margin:var(--space-6) 0}
.account-form label{font-size:var(--text-small)}
.account-form button{justify-self:start}
.account-message{min-height:24px;color:var(--muted);font-size:var(--text-small)}
.account-help{font-size:var(--text-small);color:var(--muted)}
.account-help a{text-decoration:underline;text-underline-offset:4px}
.account-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-5);margin:var(--space-6) 0}
.receipt-list{margin-top:var(--space-6)}
.receipt-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:var(--space-5);padding:var(--space-6) 0;border-top:1px solid var(--line)}
.receipt-row h2{font-size:1.25rem;font-weight:400;margin:0 0 6px}
.receipt-row p{font-size:var(--text-small);margin:0;color:var(--muted)}
.receipt-row .metrics{font-variant-numeric:tabular-nums}
.receipt-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}
.receipt-actions a:not(.ui-button){font-size:var(--text-small);text-decoration:underline;text-underline-offset:4px}
.account-empty{padding:var(--space-7) 0;color:var(--muted)}
@media(max-width:760px){.receipt-row{grid-template-columns:1fr}.account-main{padding-top:var(--space-7)}}