/* HAND-AUTHORED — the box-level states for Ui::FileUpload the Figma master can't
   express. The master models per-file error (Tile/List State=Error), but the
   drop-box itself also needs a drag-over highlight and a validation message
   (max-files / size / type) the ui-file-upload controller toggles. The static
   look (the field, the Tile/List items) is generated into components.css; only
   these runtime states live here. Link `ui/file_upload` after `ui/components`. */

.ui-file-upload--drag-over .ui-file-upload__field {
  border-color: var(--color-stroke-brand-default);
  background: var(--color-background-brand-subtle);
}

.ui-file-upload--error .ui-file-upload__field {
  border-color: var(--color-stroke-danger-default);
}

.ui-file-upload__error {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
  margin: 0;
  color: var(--color-text-danger-primary);
  font-size: var(--font-size-12);
  line-height: var(--line-height-18);
}

.ui-file-upload__error[hidden] {
  display: none;
}