/* Drag-and-drop affordance for .upload-box (see upload-drag-drop.js) */

/*
 * The native file control intercepts pointer events; drags then only “hit” a thin strip.
 * Let the whole label receive drags; clicks still open the picker via the enclosing <label>.
 */
.upload-box input[type='file'].file-input-native {
  pointer-events: none;
}

.upload-drop-hint {
  margin: 0.35rem 0 0;
  font-size: 0.8rem;
  line-height: 1.35;
  color: var(--muted);
}

.upload-box.drag-over {
  border-color: var(--eerie-black);
  background: var(--white);
  box-shadow: 0 0 0 3px rgba(26, 26, 26, 0.12);
}

.upload-box.drag-over .upload-drop-hint {
  color: var(--text);
}