.account-settings-dialog {
  width: min(520px, calc(100vw - 32px));
  border-color: var(--line);
  border-radius: 6px;
  box-shadow: none;
}
.account-settings-shell { padding: 32px; }
.account-settings-shell .dialog-heading { margin-bottom: 32px; }
.account-settings-shell .dialog-heading h2 { font-weight: 400; letter-spacing: -.035em; }
.account-settings-shell .field { margin-bottom: 20px; font-weight: 400; }
.account-settings-shell input { border-radius: 4px; }
.account-settings-shell input[readonly] { background: var(--surface-soft); color: var(--muted); }
.account-settings-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 4px; }
.account-settings-success { color: var(--ink); min-height: 20px; font-size: 13px; }
.account-password { margin-top: 28px; border-top: 1px solid var(--line); }
.account-password > summary { min-height: 48px; padding: 16px 0 12px; cursor: pointer; color: var(--muted-strong); font-weight: 400; }
.account-password > summary:hover { color: var(--ink); }
.account-password > form { padding-top: 12px; }
.account-password-help { max-width: 45ch; margin: 4px 0 16px; color: var(--muted); font-size: 13px; font-weight: 350; line-height: 1.5; }
@media (max-width: 560px) {
  .account-settings-shell { padding: 24px 20px; }
  .account-settings-shell .dialog-heading { margin-bottom: 24px; }
  .account-settings-actions .button { width: 100%; }
}