.account-page{width:min(920px,calc(100% - 28px));margin:0 auto;padding:40px 0 56px}
.account-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.account-header h1{margin:.15rem 0 .45rem;font:700 clamp(2.2rem,5vw,3.4rem)/1 Georgia,serif}
.account-header p:last-child{margin:0;color:var(--muted)}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.account-section{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}
.account-section h2{margin:0 0 14px;font:700 1.45rem Georgia,serif}
.account-section p{margin:.2rem 0 0;color:var(--muted);line-height:1.5}
.email-section,.directory-section,.signout-section,.danger-zone-section{grid-column:1/-1}
.email-section>p{margin-bottom:14px}
.pending-email{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:10px;padding:11px 12px;background:color-mix(in srgb,var(--accent) 9%,var(--card));color:var(--ink)!important}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.section-heading h2{margin-bottom:4px}
.session-list{display:grid;gap:10px}
.session-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:13px;background:var(--paper)}
.session-row small{display:block;margin-top:4px;color:var(--muted)}
.subdomain-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.subdomain-directory a{display:grid;gap:3px;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--paper);color:var(--ink);text-decoration:none}
.subdomain-directory a:hover{border-color:var(--accent);transform:translateY(-1px)}
.subdomain-directory span{color:var(--muted);font-size:.86rem}
.signout-section{display:flex;align-items:center;justify-content:space-between;gap:22px}
.signout-section h2{margin-bottom:4px}
.signout-section .danger{flex:0 0 auto}
.danger-zone-section{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:color-mix(in srgb,var(--danger) 5%,var(--card))}
.danger-zone-copy{margin-bottom:18px}
.danger-zone-copy h2{color:var(--danger);margin-bottom:4px}
.danger-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.danger-form button{grid-column:1/-1}
button.destructive{border-color:var(--danger);background:var(--danger);color:#fff}
button.destructive:hover{border-color:var(--danger);filter:brightness(.94)}
button:disabled{cursor:not-allowed;opacity:.62}
@media(max-width:760px){.account-grid{grid-template-columns:1fr}.email-section,.directory-section,.signout-section,.danger-zone-section{grid-column:auto}.subdomain-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.signout-section,.section-heading{align-items:stretch;flex-direction:column}.section-heading button,.signout-section button{width:100%}.danger-form{grid-template-columns:1fr}.danger-form button{grid-column:auto}}
@media(max-width:480px){.account-page{width:min(100% - 20px,920px);padding-top:28px}.account-header{align-items:stretch;flex-direction:column}.subdomain-directory{grid-template-columns:1fr}}

.recovery-section{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--card))}
.recovery-section h2{margin-bottom:4px}
body[data-account-status="pending_deletion"] .active-account-only,body[data-account-status="pending_deletion"] .danger-zone-section{display:none}
@media(max-width:760px){.recovery-section{align-items:stretch;flex-direction:column}.recovery-section button{width:100%}}