.account-shell { max-width: 900px; margin: 0 auto; padding: 3rem 1.25rem 5rem; }
.account-shell h1 { font-size: clamp(2rem,5vw,3.4rem); margin-bottom: 1rem; }
.account-card { border: 1px solid var(--border, #718096); border-radius: 16px; padding: 1.5rem; margin: 1.5rem 0; }
.account-card h2 { margin-bottom: 1rem; }
.account-card p { line-height: 1.7; margin: .7rem 0; }
.account-card label { display: block; margin: 1rem 0 .4rem; }
.account-card input:not([type=checkbox]) { width: 100%; max-width: 32rem; padding: .85rem; border: 1px solid #718096; border-radius: 8px; color: inherit; background: transparent; font: inherit; }
.account-card button { padding: .8rem 1rem; margin: .6rem .5rem .6rem 0; border: 1px solid #718096; border-radius: 8px; color: inherit; background: transparent; font: inherit; cursor: pointer; }
.account-card button:disabled { opacity: .5; cursor: not-allowed; }
.account-card input:focus-visible, .account-card button:focus-visible { outline: 3px solid #2781e7; outline-offset: 3px; }
.account-card li { margin: .9rem 0; line-height: 1.6; }
.account-card pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: .75rem; border: 1px solid #718096; }
.account-card ul { padding-left: 1.3rem; }
.account-status { padding: .8rem 1rem; border-left: 3px solid #2781e7; line-height: 1.6; }
.account-header-link { font-size: .9rem; white-space: nowrap; }
.account-card [hidden], .account-shell [hidden] { display: none !important; }
@media(max-width:600px) { .account-card { padding: 1rem; } .header-actions { flex-wrap: wrap; } }