/* 1. Configuración Base para el contenedor */
#scrollbar {
    height: calc(100vh - 70px) !important;
    padding-bottom: 50px !important;
    position: relative;
    z-index: 1008 !important;
}

/* 2. ACTIVAR SCROLL: Solo cuando el menú NO está minimizado.
   (Aplica para Celular y para Web Expandida 'lg') */
html:not([data-sidebar-size="sm"]) #scrollbar {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* 3. DESACTIVAR SCROLL: Cuando el menú ESTÁ minimizado ('sm').
   Esto permite que los submenús floten hacia la derecha sin cortarse. */
html[data-sidebar-size="sm"] #scrollbar {
    overflow: visible !important;
}

/* 4. Estilo de la barra (para que se vea bien) */
#scrollbar::-webkit-scrollbar {
    width: 5px;
}
#scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(166, 176, 207, 0.4);
    border-radius: 10px;
}