/* Everything visual comes from stock Tabler (tabler.min.css). This file only
   covers what Tabler has no component for: the drag-and-drop target. */

.dropzone-area {
  border: 2px dashed var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  background: var(--tblr-bg-surface-secondary);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 240px;
  padding: 1.5rem;
}
.dropzone-area.is-over { border-color: var(--tblr-primary); border-style: solid; background: var(--tblr-primary-lt); }
.dropzone-area.is-locked { opacity: 0.55; pointer-events: none; }

.filelist-scroll { max-height: 420px; overflow-y: auto; }