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

@config 'tailwind.config.js';


aside.fi-sidebar {
    @apply !bg-gradient-to-r from-[#4d8cff] to-[#6c9dfced] to-100%;

    .fi-sidebar-group span {
        @apply text-white;
    }

    .fi-sidebar-group svg {
        @apply text-white;
    }

    .fi-sidebar-item.fi-active {
        span {
            @apply text-black;
        }

        svg {
            @apply text-black;
        }

    }

    .fi-sidebar-item {
        span {
            @apply text-white;
        }

        svg {
            @apply text-white;
        }

        :hover {
            span {
                @apply text-black;
            }

            svg {
                @apply text-black;
            }
        }


    }
}

form .fi-fo-component-ctn {
    @apply !bg-gradient-to-r from-[#4d8cff] to-[#6c9dfced] to-100% p-4 rounded-lg;

    .fi-fo-field-wrp-label {
        span {
            @apply text-white;
        }

    }
}