@import '../../../../vendor/filament/filament/resources/css/theme.css';

@config 'tailwind.config.js';

.fi-sidebar {
    @apply bg-[#388c68] dark:bg-black !important;
}

/* .fi-topbar > nav { 
    @apply !bg-[#24543e] ring-0 shadow-none;
} */

/* .fi-sidebar-header {
    @apply !bg-[#24543e] ring-0 shadow-none;
} */

.fi-sidebar-group-label,
.fi-sidebar-item-label,
.fi-sidebar-item a {
    color: white !important;
}

.fi-sidebar-item-icon {
    color: white !important;
}

.fi-badge {
    @apply dark:bg-white
}

.fi-sidebar-item-badge {
    @apply text-white bg-[#4caf50] dark:bg-white dark:text-[#4caf50];
}

.fi-sidebar-item-active > a {
    @apply bg-[#2e7054] text-white dark:bg-[#388c68]; 

    & > svg, span {
        @apply text-[#388c68];
    }

    &:hover {
        @apply bg-[#275c46];
    }
}

.fi-sidebar-item:hover > a {
    @apply bg-[#2e7054] text-white dark:bg-[#388c68];
}