/* Shared native Accounts and Budget integration. */
.account-directory .account-hero{display:grid;grid-template-columns:minmax(180px,.7fr) auto minmax(0,2fr);gap:16px;align-items:center;padding:18px 20px;margin:18px 0 22px}
.account-directory .account-summary-stats{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:0 18px 0 0;border-right:1px solid var(--border)}
.account-directory .account-summary-stats>div{display:flex;flex-direction:row;align-items:baseline;gap:8px}
.account-directory .account-summary-stats b{font-size:18px;min-width:2ch;text-align:right}
.account-directory .account-summary-stats span{font-size:10px;white-space:nowrap}
.account-budget-flow{min-width:0;align-self:stretch;display:flex;align-items:center}
.account-budget-flow #budgetProfile{width:100%;margin:0}
.account-budget-flow #budgetProfile .bp-flow-card{padding:0;margin:0;background:transparent;border:0;box-shadow:none}
.account-budget-flow #budgetProfile .bp-cash-heading{font-size:12px}
.account-budget-flow #budgetProfile .bp-headline{font-size:18px}
.account-budget-flow #budgetProfile .bp-chart{margin:3px 0 0}
.account-budget-flow #budgetProfile .bp-flow-adjustments{margin:0}
.account-budget-flow #budgetProfile .bp-empty-flow{min-height:130px;padding:12px}
.account-small-stack{position:relative;isolation:isolate;border:1px solid color-mix(in srgb,#91b9ff 25%,var(--border));border-radius:10px;background:var(--bg);box-shadow:0 7px 24px #0001;align-self:start;margin:4px 3px 0}
.account-small-stack::before,.account-small-stack::after{content:'';position:absolute;inset:-4px 4px 4px;border:1px solid var(--border);border-radius:10px;background:var(--panel);z-index:-1}
.account-small-stack::before{inset:-7px 8px 8px;opacity:.65}
.account-small-stack summary{display:flex;align-items:center;gap:12px;list-style:none;padding:22px 20px;min-height:110px;cursor:pointer}
.account-small-stack summary::-webkit-details-marker{display:none}
.account-small-stack summary>span:first-child{display:grid;gap:7px;flex:1}
.account-small-stack summary strong{font-size:14px;font-weight:550}
.account-small-stack summary small{font-size:11px;color:var(--muted)}
.account-small-stack summary>b{font-size:24px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.account-small-stack summary>i{font:400 20px system-ui;color:var(--muted);transition:transform .15s}
.account-small-stack[open] summary>i{transform:rotate(45deg)}
.account-small-members{display:grid;gap:8px;padding:0 10px 10px}
.account-small-members .account-card-top{padding:12px 12px 0}
.account-small-members .account-value{padding:12px 12px 0}
.account-small-members .account-value b{font-size:22px}
.account-small-members .account-composition,.account-small-members .account-strategy-block,.account-small-members .account-card-footer{padding:12px;margin:0}
.account-small-members .account-strategy-block{margin:12px 12px 0;padding:10px 0}
.account-small-stack summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:10px}
@media(max-width:1050px){.account-directory .account-hero{grid-template-columns:minmax(0,1fr) auto}.account-budget-flow{grid-column:1/-1}.account-directory .account-summary-stats{border:0;padding:0}.account-budget-flow #budgetProfile .bp-flow-desktop svg{max-height:260px}}
@media(max-width:600px){.account-directory .account-hero{gap:14px;padding:14px 12px}.account-directory .account-grand-total strong{font-size:30px}.account-directory .account-summary-stats{gap:8px}.account-directory .account-summary-stats b{font-size:16px}.account-directory .account-summary-stats span{font-size:9px}.account-small-stack summary{padding:18px 14px}.account-small-stack summary>b{font-size:22px}}
@media(prefers-reduced-motion:reduce){.account-small-stack summary>i{transition:none}}

/* Opening Small accounts lengthens only that column; the other cards keep their height. */
.account-list:has(>details.account-small-stack[open]){align-items:start}