@import "../../../../vendor/filament/filament/resources/css/theme.css";
@import "../../../../vendor/archilex/filament-filter-sets/resources/css/plugin.css";

/* Personalització dels colors dels badges per als estats */
@layer components {
    /* Colors per ProposalStatusEnum */
    .fi-badge.fi-color-gray {
        @apply bg-gray-100 text-gray-800;
    }
    .fi-badge.fi-color-yellow {
        @apply bg-yellow-100 text-yellow-800;
    }
    .fi-badge.fi-color-emerald {
        @apply bg-emerald-100 text-emerald-800;
    }
    .fi-badge.fi-color-red {
        @apply bg-red-100 text-red-800;
    }
    .fi-badge.fi-color-blue {
        @apply bg-blue-100 text-blue-800;
    }
    .fi-badge.fi-color-amber {
        @apply bg-amber-100 text-amber-800;
    }
    .fi-badge.fi-color-green {
        @apply bg-green-100 text-green-800;
    }
    .fi-badge.fi-color-indigo {
        @apply bg-indigo-100 text-indigo-800;
    }
    .fi-badge.fi-color-purple {
        @apply bg-purple-100 text-purple-800;
    }
    .fi-badge.fi-color-teal {
        @apply bg-teal-100 text-teal-800;
    }
    .fi-badge.fi-color-rose {
        @apply bg-rose-100 text-rose-800;
    }

    /* Colors per CertificateStatusEnum */
    .fi-badge.fi-color-success {
        @apply bg-green-100 text-green-800;
    }
    .fi-badge.fi-color-danger {
        @apply bg-red-100 text-red-800;
    }
    .fi-badge.fi-color-warning {
        @apply bg-amber-100 text-amber-800;
    }
}

@config 'tailwind.config.js';