/* ═══════════════════════════════════════════════════════════
   FIELD-LEVEL VALIDATION STYLES
   Paired with assets/js/validation.js. Kept in its own file so the
   standalone auth screens (login, forgot password) can render inline
   errors without pulling in the full application stylesheet.
   ═══════════════════════════════════════════════════════════ */

.field-error {
  display: none;
  font-size: 11px;
  font-weight: 600;
  color: #dc2626;
  margin-top: 4px;
}

.field-error.show {
  display: block;
}

.field-invalid {
  border-color: #dc2626 !important;
}

/* A select2 dropdown hides its own <select>, so the invalid border has to be
   carried over to the box select2 draws in its place — which it inserts as the
   select's next sibling. */
select.field-invalid + .select2-container .select2-selection--single {
  border-color: #dc2626 !important;
}