.account-form-panel { max-width:470px; margin:0 auto 50px; padding:30px; border-top:3px solid var(--primary); }
.account-tabs { display:flex; gap:5px; padding:5px; margin-bottom:24px; background:var(--surface-soft); border-radius:12px; }
.account-tabs .lab-btn { flex:1; border-color:transparent; background:transparent; box-shadow:none; }
.account-tabs .lab-btn[aria-pressed="true"] { background:var(--primary); border-color:var(--primary); color:var(--on-primary); }
.account-tabs .lab-btn[aria-pressed="false"]:hover { background:var(--card); color:var(--primary); }
.account-form-panel .lab-label { margin-top:20px; }
.account-form-panel form>.lab-btn { width:100%; margin-top:10px; }
.account-heading,.account-section-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.account-heading { margin-bottom:24px; padding:0 2px; }
.account-heading p { margin:0; font-size:16px; font-weight:500; }
.account-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; }
.account-grid>.lab-panel:first-child { border-top:3px solid var(--accent-teal); }
.account-grid>.lab-panel:nth-child(2) { border-top:3px solid var(--primary); }
.account-grid>.lab-panel:last-child { grid-column:1/-1; border-top:3px solid var(--accent-violet); }
.account-section-heading { flex-wrap:wrap; gap:8px 16px; margin-bottom:18px; }
.account-section-heading h2 { margin:0; }
.account-section-heading a { font-size:12px; color:var(--primary); }
.account-section-heading a:hover { text-decoration:underline; }
.account-record { display:block; padding:16px 0; border-top:1px solid var(--line); text-decoration:none; font-size:14px; overflow-wrap:anywhere; line-height:1.8; }
.account-record span { display:block; color:var(--muted); font-size:11px; margin-top:6px; }
.account-record:hover { color:var(--primary); }
.account-record:hover span { color:var(--fg); }
.account-record:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
#accountRetry { margin:10px 0 32px; }
#accountDataError { margin-top:20px; }
.account-checking main { visibility:hidden; }
@media(max-width:640px) {
  .account-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
  .account-grid>.lab-panel:last-child { grid-column:auto; }
  .account-heading { align-items:start; }
  .account-form-panel { margin-bottom:25px; padding:24px; }
}
