@import "@uppy/core/dist/style.min.css";
@import "@uppy/dashboard/dist/style.min.css";

@tailwind base;
@tailwind components;
@tailwind utilities;

/* Uppy Dashboard Dark Theme Overrides */
.uppy-Dashboard {
  @apply bg-gray-800 border border-gray-700 rounded-lg;
}

.uppy-Dashboard-inner {
  @apply bg-gray-800;
}

.uppy-Dashboard-AddFiles {
  @apply bg-gray-800 border-2 border-dashed border-gray-600 rounded-lg;
}

.uppy-Dashboard-AddFiles-title {
  @apply text-gray-200 text-xl font-semibold;
}

.uppy-Dashboard-note {
  @apply text-gray-400 text-sm;
}

.uppy-Dashboard-browse {
  @apply text-blue-400 hover:text-blue-300 underline cursor-pointer;
}

.uppy-Dashboard-AddFiles-info {
  @apply text-gray-300;
}

.uppy-DashboardContent-bar {
  @apply bg-gray-800 border-t border-gray-700;
}

.uppy-DashboardContent-title {
  @apply text-gray-200;
}

.uppy-StatusBar {
  @apply bg-gray-800 border-t border-gray-700;
}

.uppy-StatusBar-content {
  @apply text-gray-200;
}

.uppy-StatusBar-actionBtn--upload {
  @apply bg-blue-600 hover:bg-blue-700 text-white font-semibold px-6 py-2 rounded-md transition-colors;
}

.uppy-StatusBar-actionBtn--done {
  @apply bg-green-600 hover:bg-green-700 text-white font-semibold px-6 py-2 rounded-md;
}

.uppy-StatusBar-actionBtn {
  @apply text-gray-200;
}

.uppy-DashboardItem {
  @apply bg-gray-700 border border-gray-600 rounded-md;
}

.uppy-DashboardItem-name {
  @apply text-gray-200;
}

.uppy-DashboardItem-status {
  @apply text-gray-400;
}

.uppy-DashboardItem-action {
  @apply text-gray-400 hover:text-gray-200;
}

.uppy-size--md .uppy-Dashboard-AddFiles {
  @apply border-2 border-dashed border-gray-600;
}

.uppy-Dashboard-dropFilesHereHint {
  @apply text-gray-300 text-lg;
}

.uppy-Dashboard-poweredBy {
  @apply text-gray-500;
}