/* Make sidebar scrollable when nav items exceed viewport height */
#nav-sidebar {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(59, 130, 246, 0.3) transparent;
}

#nav-sidebar::-webkit-scrollbar {
    width: 4px;
}

#nav-sidebar::-webkit-scrollbar-thumb {
    background-color: rgba(59, 130, 246, 0.3);
    border-radius: 4px;
}

#nav-sidebar::-webkit-scrollbar-track {
    background: transparent;
}