/* Shared field feedback, matching registration and checkout. */
.dfvn-field-error {
  --field-error-gap:var(--field-feedback-gap);
  --field-error-icon-size: 16px;
  display: flex;
  align-items: flex-start;
  gap: var(--field-error-gap);
  margin: var(--field-error-gap) 0 0;
  color: var(--error);
  font-size: var(--field-error-size);
  font-weight:var(--font-medium,500);
  line-height:var(--field-error-leading);
  letter-spacing: 0;
  text-transform: none;
  white-space: normal;
}
.dfvn-field-error[hidden] { display: none !important; }
.dfvn-field-error:not([hidden])::before {
  content: '!';
  display: inline-grid;
  place-items: center;
  flex: 0 0 var(--field-error-icon-size);
  width: var(--field-error-icon-size);
  height: var(--field-error-icon-size);
  margin-top: 1px;
  border-radius: 50%;
  background: var(--error);
  color: #fff;
  font-size: var(--field-help-size);
  line-height: 1;
}
.dfvn-field-control { display: block; flex: 1 1 0; min-width: 0; }
.dfvn-field-control > :is(input, select, textarea, .auth-input, .password-input, .woocommerce-input-wrapper) { width: 100%; }
form :is(input, select, textarea)[aria-invalid="true"] { border-color: var(--error); }
form :is(input, select, textarea)[aria-invalid="true"]:focus-visible { outline-color: var(--error); }
.dfvn-security-form label { display: block; margin-bottom: var(--space-2); }
.dfvn-security-form .dfvn-field-error,
.dfvn-passkeys-modal__field .dfvn-field-error { margin-top: var(--space-2); }