/* ============================================
   Shared Form Validation Styles
   ============================================ */

/* Error message text */
.validation-error {
  display: block;
  color: #e53935;
  font-size: 13px;
  font-weight: 500;
  margin-top: 6px;
  padding: 0;
  animation: validationFadeIn 0.3s ease;
}

.validation-error .fa {
  margin-right: 5px;
  font-size: 12px;
}

/* Error state on inputs */
.input-error {
  border-color: #e53935 !important;
  background: #fff5f5 !important;
}

.input-error:focus {
  border-color: #e53935 !important;
  box-shadow: 0 0 0 4px rgba(229,57,53,0.1) !important;
}

/* Valid state on inputs */
.input-valid {
  border-color: #43a047 !important;
}

.input-valid:focus {
  border-color: #43a047 !important;
  box-shadow: 0 0 0 4px rgba(67,160,71,0.1) !important;
}

@keyframes validationFadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}