/* ===============================
   SIDEBAR ERP PROFESIONAL
================================= */

/*
 para el boton del navbar ocultar el sidebar en pantallas pequeñas
*/

#adminSidebar {
    transition: all 0.3s ease;
}

.sidebar-collapsed #adminSidebar {
    margin-left: -100%;
}

.sidebar-collapsed .col-md-9 {
    width: 100%;
}

.module-sidebar,
#adminSidebar {
    height: 100vh;
    position: sticky;
    top: 0;
    overflow-y: auto;
}


.accordion-collapse {
    transition: height 0.35s ease, opacity 0.25s ease;
}

.accordion-collapse:not(.show) {
    opacity: 0;
}

.accordion-collapse.show {
    opacity: 1;
}



.accordion-button:not(.collapsed) {
    color: #0d6efd !important;
    background-color: #e7f1ff;
    font-weight: 600;
}

.accordion-button.sidebar-section {
    color: #0d6efd !important;
    font-weight: 600;
}

/* Cuando está activo (abierto) */
.accordion-button.sidebar-section:not(.collapsed) {
    background-color: #e7f1ff;
    color: #0d6efd !important;
}

/* Links internos */
.sidebar-link {
    color: #495057;
}

.sidebar-link.active {
    color: #0d6efd !important;
    font-weight: 600;
}


.accordion-button i,
.sidebar-link i {
    width: 22px;
    text-align: center;
}

.sidebar-link.active i,
.accordion-button:not(.collapsed) i {
    color: #0d6efd;
}


.accordion-button::after {
    display: none;
}

.toggle-icon {
    transition: transform 0.3s ease;
}

.accordion-button:not(.collapsed) .toggle-icon {
    transform: rotate(180deg);
}