/**
 * Auth Modal — Validation & Error Styles
 *
 * Error messages, invalid field states, and alert overrides.
 * Part of the auth-modal module split from auth-modal.css.
 *
 * @see static/css/auth-modal.css (original)
 */

/* Error message styling */
.invalid-feedback {
  display: block;
  width: 100%;
  margin-top: 0.375rem;
  font-size: 0.875rem;
  color: #dc3545;
  line-height: 1.4;
}

.invalid-feedback div {
  margin-bottom: 0.25rem;
}

.invalid-feedback div:last-child {
  margin-bottom: 0;
}

.is-invalid {
  border-color: #dc3545 !important;
}

.is-invalid:focus {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* Remove a barra lateral dos alertas */
.alert,
.alert-danger,
.alert-success,
.alert-warning,
.alert-info {
  border-left: none !important;
  padding-left: 15px !important;
}

.alert-danger {
  margin-bottom: 1.25rem;
}

.alert-danger div {
  margin-bottom: 0.25rem;
}

.alert-danger div:last-child {
  margin-bottom: 0;
}