@import "tailwindcss";

/* Explicitly scan Rails view files for Tailwind classes */
@source "../../views";
@source "../../helpers";

/* Force generate commonly used color classes */
@source inline("bg-slate-{50,100,200,300,400,500,600,700,800,900,950}");
@source inline("text-slate-{50,100,200,300,400,500,600,700,800,900,950}");
@source inline("bg-blue-{50,100,200,300,400,500,600,700,800,900,950}");
@source inline("text-blue-{50,100,200,300,400,500,600,700,800,900,950}");
@source inline("bg-white bg-black text-white text-black");
@source inline("hover:bg-blue-{600,700,800} hover:bg-slate-{600,700,800,900}");
@source inline("from-slate-{800,900} via-slate-{800,900} to-blue-{800,900}");
@source inline("from-white to-blue-{100,200}");

/* Custom styles can be added below */

/* Content Status Styles */
.ai-status {
  @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
}

.ai-status-pending {
  @apply bg-yellow-100 text-yellow-800;
}

.ai-status-processing {
  @apply bg-blue-100 text-blue-800;
}

.ai-status-completed {
  @apply bg-green-100 text-green-800;
}

.ai-status-failed {
  @apply bg-red-100 text-red-800;
}

/* Loading Spinner */
.loading-spinner {
  @apply inline-block h-4 w-4 animate-spin rounded-full border-2 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite];
}

/* Global paragraph spacing for better readability */
p {
  margin-bottom: 1em;
}

/* Remove margin from last paragraph in containers to avoid double spacing */
p:last-child {
  margin-bottom: 0;
}