/* Scoped account disclosures: override the legacy generic details rules. */
#accounts{max-width:760px;margin-inline:auto}
#accounts>.section-heading{margin:0 0 14px;align-items:center}
#accounts>.section-heading h2{font-size:1rem;font-weight:600;margin:0}
#accounts>.section-heading .btn{min-height:40px;padding:8px 12px;border-radius:12px;font-size:.8125rem;background:var(--soft);color:var(--ink);border:1px solid var(--line);box-shadow:none}
#accounts>.section-heading .icon{width:16px;height:16px}
#accounts .account-overview{padding:18px 20px;margin:0 0 18px;border-radius:20px;box-shadow:none}
#accounts .account-overview p{margin:0;font-size:.8125rem;line-height:1.45}
#accounts .account-overview>strong{display:block;font-size:1.875rem;line-height:1.25;margin:8px 0 10px;font-weight:600;letter-spacing:-.04em}
#accounts #accountTotalNote{font-size:.75rem;max-width:48ch}
#accounts .account-hint{font-size:.75rem;margin:0 2px 10px}
#accounts .account-compact-list{display:block;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}
#accounts details.account-compact{margin:0;padding:0;border:0;border-radius:0;background:transparent;min-width:0;box-shadow:none}
#accounts details.account-compact+details.account-compact{border-top:1px solid var(--line)}
#accounts details.account-compact>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 10px;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;min-height:76px;box-sizing:border-box}
#accounts .account-compact>summary::-webkit-details-marker{display:none}
#accounts .account-compact>summary::after{content:none}
#accounts .account-compact-name{min-width:0;font-size:.875rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
#accounts .account-compact-name small{display:block;font-size:.6875rem;font-weight:400;color:var(--muted);margin-top:4px;line-height:1.3}
#accounts .account-compact-amount{text-align:right;font-size:.9375rem;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums;max-width:10rem;overflow-wrap:anywhere}
#accounts .account-chevron{font-size:1.2rem;font-weight:400;color:var(--muted);transition:transform .15s}
#accounts .account-compact[open] .account-chevron{transform:rotate(90deg)}
#accounts .account-compact-body{border-top:1px solid var(--line);padding:8px 16px 16px;font-size:.8125rem}
#accounts summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
#accounts details.account-debts,#accounts #loanArchive{margin:16px 0 0;border:1px solid var(--line);border-radius:16px;padding:0 16px;background:var(--panel);box-shadow:none}
#accounts .account-debts>summary,#accounts #loanArchive>summary{padding:16px 0;min-height:52px;font-size:.875rem;font-weight:600;cursor:pointer}
#accounts details.account-debt{margin:0;border-top:1px solid var(--line);padding:0}
#accounts .account-debt>summary{padding:14px 0;font-size:.8125rem;cursor:pointer;font-weight:500}
#accounts .account-debt .dossier-row{padding:0 0 14px}
@media(max-width:360px){#accounts details.account-compact>summary{gap:8px;padding:13px 12px}#accounts .account-compact-amount{max-width:8rem;font-size:.875rem}}