.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 duration-200;
    background-color: var(--secondary-500);
    color:#ffffff;
    border-color: transparent;
}

.fi-btn.fi-color-secondary:hover{
    background-color: var(--secondary-600);
}

.fi-btn.fi-color-secondary:focus{
    outline: none;
    box-shadow: 0 0 0 2px var(--secondary-200);
}

.dark .fi-btn.fi-color-secondary:focus{
    box-shadow: 0 0 0 2px var(--secondary-700);
}

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

.fi-btn-color-secondary svg{
    color: currentColor;
}

.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;
}