tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/**/*.{js,jsx,ts,tsx}',
  ],
  // Safelist ensures critical classes are included even if not detected in content files
  safelist: [
    // Add commonly used Tailwind classes from your components
    // For example, if you're using these classes in AttestationDialog:
    'flex', 'items-center', 'justify-center', 'p-4', 'bg-white', 'rounded-lg',
    'text-gray-900', 'mt-4', 'mb-4', 'font-medium', 'text-sm', 'text-lg',
    // Add more classes that might be dynamically generated
    'fixed', 'inset-0', 'z-10', 'z-1000', 'opacity-0', 'opacity-100',
    'transition-opacity', 'ease-out', 'duration-300', 'transform',
    'translate-y-4', 'translate-y-0', 'sm:translate-y-0', 'sm:scale-95', 'sm:scale-100',
    'backdrop-blur-sm', 'bg-gray-500/30'
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};