/* Transparent/Unobtrusive Scrollbar for Sidebar */
.fi-sidebar-nav::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}
.fi-sidebar-nav::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 5px;
}
.fi-sidebar-nav:hover::-webkit-scrollbar-thumb {
    background-color: rgba(156, 163, 175, 0.5); /* Tailwind gray-400 with opacity */
}
.fi-sidebar-nav {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}
.fi-sidebar-nav:hover {
    scrollbar-color: rgba(156, 163, 175, 0.5) transparent;
}

/* Darker Background for Sidebar to contrast with Main Page */
aside.fi-sidebar {
    background-color: #f3f4f6 !important; /* Tailwind gray-100 */
}
aside.fi-sidebar > header {
    background-color: #f3f4f6 !important;
}

/* Dark mode adjustments */
.dark aside.fi-sidebar {
    background-color: #111827 !important; /* Tailwind gray-900 */
}
.dark aside.fi-sidebar > header {
    background-color: #111827 !important;
}