.csv-dropzone {
  @apply border-2 border-dashed border-gray-300 rounded-lg p-6 text-center transition-colors duration-200;
}

.csv-dropzone-active {
  @apply border-indigo-500 bg-indigo-50;
}

.csv-dropzone-icon {
  @apply mx-auto h-12 w-12 text-gray-400;
}

.csv-dropzone-icon-success {
  @apply mx-auto h-12 w-12 text-green-500;
}

.csv-dropzone-text {
  @apply mt-2 text-sm text-gray-600;
}

.csv-dropzone-link {
  @apply text-indigo-600 hover:text-indigo-500 font-medium cursor-pointer;
}

.csv-dropzone-hint {
  @apply text-xs text-gray-500;
}

.csv-results-success {
  @apply bg-green-50 border border-green-200 rounded-lg p-4 mb-4;
}

.csv-results-success-title {
  @apply text-sm font-semibold text-green-800 mb-2;
}

.csv-results-success-text {
  @apply text-sm text-green-700;
}

.csv-results-error {
  @apply bg-red-50 border border-red-200 rounded-lg p-4;
}

.csv-results-error-title {
  @apply text-sm font-semibold text-red-800 mb-2;
}

.csv-format-section {
  @apply bg-gray-50 rounded-lg p-4 mb-6;
}

.csv-format-title {
  @apply text-sm font-semibold text-gray-700 mb-2;
}

.csv-format-description {
  @apply text-sm text-gray-600 mb-3;
}

.csv-format-table {
  @apply min-w-full text-sm;
}

.csv-format-table-header {
  @apply bg-gray-100;
}

.csv-format-table-header-cell {
  @apply px-3 py-2 text-left font-medium text-gray-700;
}

.csv-format-table-cell {
  @apply px-3 py-2;
}

.csv-format-table-cell-code {
  @apply px-3 py-2 font-mono text-indigo-600;
}

.csv-error-table {
  @apply min-w-full text-sm;
}

.csv-error-table-header {
  @apply bg-red-100;
}

.csv-error-table-header-cell {
  @apply px-3 py-2 text-left font-medium text-red-800;
}

.csv-error-table-cell {
  @apply px-3 py-2 text-red-700;
}

.csv-error-table-cell-error {
  @apply px-3 py-2 text-red-600;
}

.csv-import-btn {
  @apply bg-indigo-600 text-white px-6 py-2 rounded-lg hover:bg-indigo-700 transition cursor-pointer disabled:bg-gray-400 disabled:cursor-not-allowed;
}
