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

@config 'tailwind.config.js';



.fi-body {
    @apply bg-gray-50 dark:bg-gray-900;
}

.fi-layout {
    @apply bg-gray-50 dark:bg-gray-900;
}

.fi-sidebar-open {
    @apply sm:w-1/3 md:w-1/4 lg:w-1/5 xl:w-60;
}

.fi-sidebar-header {
    @apply px-3;
}

.fi-sidebar-header .fi-icon-btn svg {
    @apply w-4 h-4;
}

.fi-sidebar-nav {
    @apply bg-gray-50 dark:bg-gray-900 px-3 gap-6 pb-8 pt-4 scrollbar scrollbar-thumb-gray-200 hover:scrollbar-thumb-gray-400 dark:scrollbar-thumb-gray-700 scrollbar-track-transparent;
}

.fi-ta-content {
    @apply scrollbar scrollbar-thumb-gray-200 dark:scrollbar-thumb-gray-700 scrollbar-track-transparent;
}

.fi-user-menu {
    display: none !important;
}

.fi-sidebar-nav-groups {
    @apply mx-0;
}

.fi-sidebar-group-label {
    @apply text-gray-400 font-medium text-xs;
}

.fi-sidebar-group-button {
    @apply flex-row-reverse gap-x-1;
}

.fi-sidebar-group-button .fi-icon-btn svg {
    @apply w-4 h-4
}

.fi-sidebar-header {
    @apply bg-gray-50 dark:bg-gray-900 ring-0 shadow-none;
}

.fi-wi {
    @apply p-6;
}

.fi-header {
    @apply bg-gray-100 dark:bg-gray-800;
}

.fi-header .fi-ac {
    @apply py-6;
}

.fi-header .shrink-0 {
    @apply sm:mt-0;
}

.fi-header .fi-breadcrumbs {
    @apply hidden;
}

.fi-header .fi-header-heading {
    @apply hidden;
}

.fi-header .fi-ac {
    @apply px-6;
}


.fi-main-ctn {
    @apply bg-white dark:bg-gray-800 min-h-full ml-2 mr-2 rtl:sm:mr-0 rtl:ml-2 sm:ml-0 mt-2 mb-2 rtl:md:ml-4 md:mr-4 md:mt-4 md:mb-4 overflow-hidden border border-gray-100 dark:border-gray-700 rounded-2xl shadow-sm;
}

.fi-sidebar-item svg {
    @apply text-sm w-5 h-5;
}

.fi-sidebar-item a {
    @apply px-3 py-1.5 hover:bg-white;
}

.fi-sidebar-item span {
    @apply text-gray-800 dark:text-gray-200 font-normal text-xs;
}

.fi-sidebar-item-active svg {
    @apply text-primary-500 text-sm w-5 h-5;
}

.fi-sidebar-item-active a {
    @apply px-3 py-1.5 bg-white shadow-sm hover:bg-white;
}


.fi-sidebar-item-active span {
    @apply text-gray-800 dark:text-gray-200  font-medium text-xs;
}

.fi-main{
    @apply max-w-full;
    padding: 0 !important;
}

.fi-main section {
    @apply py-0 px-0 gap-y-0;
}


.fi-page > section > div {
    @apply p-6;
}

.fi-global-search {
    @apply w-full;
}

.fi-global-search-field .fi-input-wrp {
    @apply w-full;
}

