/* Custom Filament Sidebar Styling */

/* Sidebar border/separator */
.fi-sidebar {
    border-right: 1px solid rgb(229 231 235 / 1);
}

.dark .fi-sidebar {
    border-right: 1px solid rgb(55 65 81 / 1);
}

/* Sidebar background with subtle effect */
.fi-sidebar {
    background: linear-gradient(to bottom, rgb(255 255 255 / 1), rgb(249 250 251 / 1));
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.02);
}

.dark .fi-sidebar {
    background: linear-gradient(to bottom, rgb(17 24 39 / 1), rgb(31 41 55 / 1));
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.3);
}

/* Sidebar navigation items hover effect */
.fi-sidebar-nav-item {
    transition: all 0.2s ease-in-out;
}

.fi-sidebar-nav-item:hover {
    background-color: rgb(243 244 246 / 1);
    border-radius: 0.375rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.dark .fi-sidebar-nav-item:hover {
    background-color: rgb(55 65 81 / 1);
}

/* Active navigation item styling */
.fi-sidebar-nav-item-active {
    background-color: rgb(243 244 246 / 1);
    border-left: 3px solid rgb(251 191 36 / 1);
    border-radius: 0.375rem 0 0 0.375rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.dark .fi-sidebar-nav-item-active {
    background-color: rgb(55 65 81 / 1);
    border-left-color: rgb(251 191 36 / 1);
}

/* Sidebar header/brand area */
.fi-sidebar-header {
    border-bottom: 1px solid rgb(229 231 235 / 1);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.dark .fi-sidebar-header {
    border-bottom-color: rgb(55 65 81 / 1);
}

/* Smooth transitions */
.fi-sidebar,
.fi-sidebar-nav-item,
.fi-sidebar-header {
    transition: all 0.3s ease-in-out;
}