/* Sidebar Always Open Styles */

/* Forzar que todos los menús accordion estén siempre abiertos */
.app-sidebar .menu-item.menu-accordion .menu-sub {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
}

/* Asegurar que la clase show esté siempre aplicada visualmente */
.app-sidebar .menu-item.menu-accordion.show .menu-sub {
    display: block !important;
}

/* Ocultar la flecha de acordeón ya que no es necesaria */
.app-sidebar .menu-item.menu-accordion .menu-arrow {
    display: none !important;
}

/* Evitar que el click cambie el estado del menú */
.app-sidebar .menu-item.menu-accordion > .menu-link {
    cursor: default !important;
    pointer-events: none !important;
}

/* Permitir clicks en los items hijos */
.app-sidebar .menu-item.menu-accordion .menu-sub .menu-item .menu-link {
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* Asegurar que el contenido del submenú sea visible */
.app-sidebar .menu-sub-accordion {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Estilos para los iconos en submenús */
.app-sidebar .menu-sub .menu-item .menu-link .menu-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
    width: 2rem;
    flex-shrink: 0;
}

.app-sidebar .menu-sub .menu-item .menu-link .menu-icon i {
    font-size: 1.25rem;
}

/* Ajustar el espaciado de los submenús con iconos */
.app-sidebar .menu-sub .menu-item .menu-link {
    display: flex;
    align-items: center;
    padding-left: 2.25rem;
}