.fi-btn{
    @apply text-sm rounded-md;
}

.fi-btn.fi-size-lg{
    @apply px-5 py-2.5;
}

.fi-btn.fi-size-md{
    @apply px-4 py-2;
}

.fi-btn.fi-size-sm{
    @apply px-3 py-1.5;
}


.fi-btn.fi-color-secondary{
    @apply inline-flex gap-3 justify-center items-center font-medium bg-gray-100 duration-200 text-zinc-800 hover:bg-gray-200 focus:ring-2 focus:ring-offset-2 focus:ring-zinc-200;
}

label{
    @apply space-x-1 text-sm leading-none;
}

.fi-btn-color-secondary svg{
    @apply text-neutral-700;
}

.fi-modal-close-overlay{
    z-index:100 !important;
}

.fi-btn.fi-color-primary{
    color:#ffffff;
}

.fi-modal-close-overlay + div{
    z-index:101 !important;
}

/* Ensure Filament badge text is readable on primary background */
/* Light theme: keep light background, force dark text for contrast */
.fi-badge.fi-color-primary{
    color:#000000 !important;
}
/* Dark theme: keep strong contrast with light text */
.dark .fi-badge.fi-color-primary{
    color:#ffffff !important;
}