/* C2 Text field, error state: the message part (ux §4 C2). Built 26 Sep 2026 for the 6.3 code field.
   The error text sits above the input, in color/danger with the alert icon; the input gets aria-invalid="true"
   and aria-describedby pointing at this message. The field's own red border belongs to each field
   (the code field's boxes turn red in pages/join-code.css). The rest of C2 comes with 6.4. */

.field_error {
  display: flex;
  align-items: flex-start;
  gap: var(--space-xs);
  margin: 0 0 var(--space-sm);
  font-family: var(--inter);
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--_font-weight---bold);
  color: var(--color-danger);
}

.field_error .icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 2px;
}