/* Shared required / invalid field styling (app.js showFieldError) */

.is-invalid {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.25);
}

.invalid-feedback {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.75rem; /* text-xs */
  line-height: 1.25;
  color: #dc2626; /* red-600 */
}

.required-asterisk {
  color: #dc2626;
  font-weight: 600;
  margin-left: 0.125rem;
}