/*
 * css-zero's dropzone component. Its stock first line was
 *   @import url("https://esm.sh/@deltablot/dropzone@7.4.3/dist/dropzone.css");
 * which our CSP (style-src 'self', no CDN) refuses. The vendored copy lives in
 * dropzone-vendor.css and loads before this file. P10.5 §6.2.
 */

.dropzone {
  border: 2px dashed var(--color-border);
  border-radius: var(--rounded-xl);
  padding: var(--size-2);
}

.dropzone .dz-preview.dz-image-preview {
  background: transparent;
}

.dropzone .dz-preview .dz-error-message {
  background: var(--color-surface-negative);
  color: var(--color-text-negative);
  text-align: center;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

.dropzone .dz-preview .dz-error-message::after {
  border-bottom: 6px solid var(--color-surface-negative);
}

.dropzone .dz-preview:has(.dz-remove) .dz-error-message  {
  top: 148px;
}

/* Per-file note (2026-09-12): one short text input under each preview. */
.dropzone .dz-preview .dz-note {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: var(--size-1);
  padding: var(--size-1);
  border: 1px solid var(--color-border);
  border-radius: var(--rounded);
  font-size: var(--text-xs);
  background: var(--color-surface);
  color: var(--color-text);
}