/* Dropzone Custom Styles - Admin namespace only */
.admin .dropzone {
  @apply border-2 border-dashed border-stroke bg-gray transition-all duration-200;
}

.admin.dark .dropzone {
  @apply border-strokedark bg-graydark;
}

.admin .dropzone:hover,
.admin .dropzone.dz-drag-hover {
  @apply border-primary;
}

.admin .dropzone .dz-message {
  @apply m-0;
}

.admin .dropzone .dz-preview {
  @apply relative inline-block m-2 min-h-[100px] align-top;
}

.admin .dropzone .dz-preview .dz-image {
  @apply rounded-md overflow-hidden w-[120px] h-[120px] relative block z-10;
}

.admin .dropzone .dz-preview .dz-image img {
  @apply block w-full h-full object-cover;
}

.admin .dropzone .dz-preview .dz-details {
  @apply z-20 absolute top-0 left-0 opacity-0 text-sm min-w-full max-w-full p-2 text-center transition-opacity duration-200;
}

.admin .dropzone .dz-preview:hover .dz-details {
  @apply opacity-100;
}

.admin .dropzone .dz-preview .dz-progress {
  @apply opacity-100 z-30 pointer-events-none absolute h-4 left-1/2 top-1/2 w-20 -ml-10 -mt-2;
}

.admin .dropzone .dz-preview .dz-progress .dz-upload {
  @apply bg-primary h-full rounded transition-all duration-300;
  width: 0;
}

.admin .dropzone .dz-preview.dz-complete .dz-progress {
  @apply opacity-0;
}

.admin .dropzone .dz-preview .dz-error-message {
  @apply hidden text-danger text-xs mt-1;
}

.admin .dropzone .dz-preview.dz-error .dz-error-message {
  @apply block;
}

.admin .dropzone .dz-preview .dz-success-mark,
.admin .dropzone .dz-preview .dz-error-mark {
  @apply hidden absolute left-1/2 top-1/2 -ml-3 -mt-3 z-30;
}

.admin .dropzone .dz-preview.dz-success .dz-success-mark {
  @apply block;
}

.admin .dropzone .dz-preview.dz-error .dz-error-mark {
  @apply block;
}

.admin .dropzone .dz-preview .dz-remove {
  @apply text-xs text-center mt-2 cursor-pointer text-danger hover:underline block;
}

/* Dropzone file preview grid */
.admin .dropzone.dz-started .dz-message {
  @apply hidden;
}

.admin .dropzone .dz-preview.dz-file-preview .dz-image {
  @apply bg-stroke rounded-md;
}

.admin.dark .dropzone .dz-preview.dz-file-preview .dz-image {
  @apply bg-strokedark;
}

.admin .dropzone .dz-preview.dz-image-preview {
  @apply bg-white;
}

.admin.dark .dropzone .dz-preview.dz-image-preview {
  @apply bg-boxdark;
}