.form-field .field-error {
  min-height: 1.25rem;
  margin-top: .35rem;
  color: #b42318;
  font-size: .8rem;
}
.form-field [aria-invalid="true"] {
  border-color: #d92d20 !important;
  outline: 2px solid rgba(217, 45, 32, .16);
}
.status-message {
  border-radius: .75rem;
  padding: .8rem 1rem;
  font-size: .9rem;
  font-weight: 600;
}
.status-message.is-success { background: #ecfdf3; color: #067647; border: 1px solid #abefc6; }
.status-message.is-error { background: #fef3f2; color: #b42318; border: 1px solid #fecdca; }
.status-message.is-info { background: #eff8ff; color: #175cd3; border: 1px solid #b2ddff; }
[data-theme="dark"] .status-message.is-success { background:#073b2a; color:#abefc6; }
[data-theme="dark"] .status-message.is-error { background:#4a1214; color:#fecdca; }
[data-theme="dark"] .status-message.is-info { background:#102a56; color:#b2ddff; }