.account-password-form { max-width: 580px; margin-top: 20px; }
.account-password-fields { display: grid; gap: 16px; min-width: 0; margin: 0; padding: 0; border: 0; }
.account-password-fields .input-shell { min-width: 0; }
.account-password-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.account-password-visibility { justify-content: flex-start; }
.account-password-card [hidden], .auth-panel [hidden] { display: none !important; }
.account-password-card .compact-banner .btn { margin-top: 12px; }
.profile-subpage-card #profile-messaging-consent-form { max-width: 720px; margin-top: 20px; }
.profile-subpage-card #profile-messaging-consent-form .checkbox-row { align-items: flex-start; gap: 12px; text-align: left; line-height: 1.6; }
.profile-subpage-card #profile-messaging-consent-form input[type="checkbox"] { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 3px; }
.profile-subpage-card #profile-messaging-consent-form .helper-text { font-size: 14px; }
.profile-reset-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.auth-email-code { border-top: 1px solid #d8e2e7; padding-top: 20px; margin-top: 24px; }
.auth-email-code summary { color: #183f50; cursor: pointer; font-weight: 600; line-height: 1.6; }
.auth-email-code summary:focus-visible { outline: 2px solid #245f73; outline-offset: 5px; }
.auth-email-code .helper-text { margin-top: 14px; }
html[data-theme="dark"] .auth-email-code summary { color: var(--modern-ink, #f4f8fa); }
html[data-theme="dark"] .auth-email-code { border-color: var(--modern-line, #34505e); }
html[data-theme] .account-password-card { color-scheme: light; }
html[data-theme] .account-password-fields:disabled { opacity: 1; }
html[data-theme] .account-password-card :is(label, .account-password-visibility, .account-password-visibility > span, .helper-text) { color: #496471; opacity: 1; }
html[data-theme] .account-password-fields:disabled input:not([type="checkbox"]), html[data-theme] .account-password-fields:disabled .btn { color: #526774; background: #e6edf1; border-color: #b6c8d1; opacity: 1; cursor: not-allowed; box-shadow: none; }
html[data-theme] .account-password-fields input[type="checkbox"] { accent-color: #245f73; opacity: 1; }
html[data-theme] .account-password-actions > a { color: #245f73; font-size: 14px; line-height: 1.6; }
@media (max-width: 600px) {
  .account-password-actions { align-items: stretch; flex-direction: column; }
  .account-password-actions .btn, .profile-reset-actions .btn { width: 100%; }
  .profile-otp-row { flex-wrap: wrap; }
  .profile-otp-row input { min-width: 0; width: 100%; }
}