/* Inline field validation — red caption below the control (not browser tooltips). */

.field-error {
  display: block;
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.4;
  color: var(--lp-error);
}

.field-error:empty,
.field-error[hidden] {
  display: none;
}

.input--invalid,
.textarea--invalid,
.select--invalid,
.m-modal-input--invalid,
.m-modal-textarea--invalid,
.ops-login-input--invalid {
  border-color: var(--lp-error) !important;
}

.input--invalid:focus,
.textarea--invalid:focus,
.select--invalid:focus,
.m-modal-input--invalid:focus,
.m-modal-textarea--invalid:focus,
.ops-login-input--invalid:focus {
  box-shadow: 0 0 0 3px rgba(186, 26, 26, 0.14);
}