.account-form-card:has(input[name="newPassword"]) .field.has-error > input,
.account-form-card:has(input[name="newPassword"])
  input[aria-invalid="true"] {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 3px rgb(220 38 38 / 14%) !important;
}

.account-form-card:has(input[name="newPassword"])
  .field.has-error
  > span {
  color: #b42318 !important;
}

.account-form-card:has(input[name="newPassword"])
  .field.has-error
  > input:focus,
.account-form-card:has(input[name="newPassword"])
  input[aria-invalid="true"]:focus {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 3px rgb(220 38 38 / 22%) !important;
  outline: none !important;
}

.change-password-field-error {
  color: #dc2626 !important;
  display: block;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}