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

@source '../../../../app/Filament/**/*';
@source '../../../../resources/views/filament/**/*';

.fi-body {
    @apply bg-slate-100;
}

.fi-sidebar {
    @apply border-r border-slate-200 bg-white text-slate-700 shadow-sm;
}

.fi-sidebar-header {
    @apply border-b border-slate-200 bg-white;
}

.fi-sidebar-nav {
    @apply bg-white px-3 py-4;
}

.fi-sidebar-item a,
.fi-sidebar-group-button {
    @apply rounded-lg text-slate-600 transition-colors;
}

.fi-sidebar-item a:hover,
.fi-sidebar-group-button:hover {
    @apply bg-slate-100 text-slate-950;
}

.fi-sidebar-item.fi-active a,
.fi-sidebar-item a[aria-current='page'] {
    @apply bg-slate-900 text-white shadow-sm;
}

.fi-sidebar-item-icon,
.fi-sidebar-group-icon {
    @apply text-slate-400;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar-item a[aria-current='page'] .fi-sidebar-item-icon {
    @apply text-white;
}

.fi-topbar {
    @apply border-b border-slate-200 bg-white/95 shadow-none backdrop-blur-xl;
}

.fi-section {
    @apply rounded-xl border border-slate-200 bg-white shadow-sm ring-1 ring-slate-950/5;
}

.fi-main {
    @apply bg-transparent;
}

.fi-main-ctn {
    @apply bg-transparent;
}

.fi-page {
    @apply gap-y-6;
}

.fi-page-header {
    @apply rounded-xl border border-slate-200 bg-white p-5 shadow-sm ring-1 ring-slate-950/5;
}

.fi-header-heading {
    @apply text-2xl font-bold tracking-tight text-slate-950;
}

.fi-header-subheading {
    @apply text-slate-600;
}

.fi-ta-table {
    @apply text-sm;
}