.form-validation-error {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid #e6a39a;
  border-radius: 10px;
  background: #fff0ed;
  color: #a8392d;
  font-size: 13px;
  line-height: 1.5;
}

.date-field-label {
  flex-wrap: wrap;
}

.date-field-hint {
  flex: 1 0 100%;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}

[data-field][aria-invalid="true"] {
  border-color: #c94d45;
  outline: 2px solid #c94d4520;
}

body[data-theme="dark"] .form-validation-error {
  border-color: #8c4c45;
  background: #462c29;
  color: #ffd0c7;
}