.account-profile-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.account-profile-heading h3 { margin:0; }
.account-profile-form { display:grid; gap:18px; max-width:660px; margin-top:24px; padding-top:22px; border-top:1px solid var(--border,rgba(128,128,128,.3)); }
.account-profile-form[hidden], .account-profile-passwords[hidden] { display:none; }
.account-profile-form .field { min-width:0; }
.account-profile-form .input { box-sizing:border-box; width:100%; min-width:0; }
.account-profile-form small { color:var(--muted); line-height:1.5; }
.account-profile-password-toggle { display:flex; align-items:center; gap:10px; cursor:pointer; }
.account-profile-password-toggle input { width:18px; height:18px; margin:0; flex-shrink:0; accent-color:var(--accent); }
.account-profile-passwords { display:grid; gap:18px; margin:0; padding:0; border:0; min-width:0; }
.account-profile-passwords legend { padding:0; margin-bottom:12px; font-weight:600; }
.account-profile-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
#accountProfileMessage { margin-top:16px; overflow-wrap:anywhere; }
#accountProfileMessage:empty { margin:0; }
#accountProfileMessage.is-error { color:var(--danger,#b91c1c); }
@media(max-width:600px) { .account-profile-form { max-width:none; } .account-profile-heading { gap:12px; } }