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

[x-cloak] {
    display: none;
}

/* Botões padronizados */
@layer components {
    .btn-primary {
        @apply inline-flex items-center px-4 py-2 bg-orange-600 text-white border border-transparent rounded-md shadow-sm text-sm font-medium hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-500 disabled:opacity-50;
    }
    
    .btn-secondary {
        @apply inline-flex items-center px-4 py-2 bg-white text-gray-700 border border-gray-300 rounded-md shadow-sm text-sm font-medium hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-500 disabled:opacity-50;
    }
    
    .btn-danger {
        @apply inline-flex items-center px-4 py-2 bg-red-600 text-white border border-transparent rounded-md shadow-sm text-sm font-medium hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 disabled:opacity-50;
    }
    
    .btn-success {
        @apply inline-flex items-center px-4 py-2 bg-green-600 text-white border border-transparent rounded-md shadow-sm text-sm font-medium hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 disabled:opacity-50;
    }
    
    .btn-warning {
        @apply inline-flex items-center px-4 py-2 bg-yellow-600 text-white border border-transparent rounded-md shadow-sm text-sm font-medium hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-500 disabled:opacity-50;
    }
}