body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
}

html {
    height: -webkit-fill-available;
}

main {
    height: 100vh;
    height: -webkit-fill-available;
    max-height: 100vh;
    overflow-x: auto;
}

.dropdown-toggle {
    outline: 0;
}

.btn-toggle {
    padding: .25rem .5rem;
    font-weight: 600;
    color: var(--bs-emphasis-color);
    background-color: transparent;
}

.btn-toggle:hover,
.btn-toggle:focus {
    color: rgba(var(--bs-emphasis-color-rgb), .45);
    background-color: rgba(var(--bs-emphasis-color-rgb), .45);
}

.btn-toggle-transparent {
    padding: .25rem .5rem;
    font-weight: 600;
    color: var(--bs-emphasis-color);
    background-color: transparent;
}

.btn-toggle-transparent:hover,
.btn-toggle-transparent:focus {
    color: rgba(var(--bs-emphasis-color-rgb), .45);
    background-color: rgba(var(--bs-emphasis-color-rgb), .45);
}


.active {
    color: rgba(var(--bs-emphasis-color-rgb), .85);
    background-color: var(--bs-tertiary-bg);
}

.scrollarea {
    overflow-y: auto;
}

.fw-normal {
    font-size: 12px;
}

/* ==================================================== */
/* Ajustes visuales de jerarquía para el menú lateral   */
/* ==================================================== */

/* 1. Quitar fondo de los menús padres, aunque la ruta esté activa */
a.btn-sidebar[data-bs-toggle="collapse"].active {
    background-color: transparent !important;
}

/* 2. Destacar los padres expandidos solo con negrita y opacidad */
a.btn-sidebar[data-bs-toggle="collapse"][aria-expanded="true"] span {
    font-weight: 700 !important;
    opacity: 0.7; /* Lo suaviza un poco para que no compita con el menú actual */
}

/* 3. Asegurar que el hijo seleccionado resalte, junto con bordes más curvos */
a.btn-sidebar:not([data-bs-toggle="collapse"]).active {
    border-radius: 6px;
}

a.btn-sidebar:not([data-bs-toggle="collapse"]).active span {
    font-weight: 700 !important;
    opacity: 1;
}

/* 4. Línea conectora a la izquierda para organizar los submenús visualmente */
.collapse > ul.list-unstyled {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    margin-left: 0.75rem;
    padding-left: 0.5rem !important;
}

/* 5. Sin animación en el collapse del sidebar (apertura/cierre instantáneo) */
#menuSideBar .collapsing {
    transition: none !important;
    height: auto !important;
}