/* SystemSelectBoxViewComponent: selector de fincas (topbar en escritorio, menú lateral en móvil) */
.sph-system-select-name {
    display: flex;
    align-items: center;
    gap: .25rem;
    min-width: 0;
}

    .sph-system-select-name > .text-truncate {
        min-width: 0;
    }

    .sph-system-select-name > .badge {
        flex-shrink: 0;
    }

.sph-sidebar-select-slot:empty {
    display: none;
}

@media (max-width: 767.98px) {
    .sph-sidebar-select-slot {
        flex: none;
        padding: .5rem 1rem;
    }

    /* Los resultados se pintan en línea para empujar los botones del menú */
    .sph-sidebar-select-slot .dx-overlay-wrapper,
    .sph-sidebar-select-slot .dx-overlay-content {
        position: static !important;
        transform: none !important;
        width: 100% !important;
    }

    /* DevExtreme 22.1.6: revisar estos !important y las clases dx-* internas al actualizar la librería.
       DevExtreme fija la altura en px al medir el popup; en línea esa medida no vale. */
    .sph-sidebar-select-slot .dx-overlay-wrapper,
    .sph-sidebar-select-slot .dx-overlay-content,
    .sph-sidebar-select-slot .dx-popup-content,
    .sph-sidebar-select-slot .dx-list,
    .sph-sidebar-select-slot .dx-scrollable,
    .sph-sidebar-select-slot .dx-scrollable-wrapper,
    .sph-sidebar-select-slot .dx-scrollable-container {
        height: auto !important;
        max-height: none !important;
    }

    .sph-sidebar-select-slot .dx-scrollable-container {
        max-height: 35vh !important;
    }

    /* Su min-height: 100% retiene la altura previa al filtrar y no deja encoger la lista */
    .sph-sidebar-select-slot .dx-scrollable-content {
        min-height: 0 !important;
    }

    /* Su height: 100% estira el bloque de carga al alto del menú y saca el spinner de la vista */
    .sph-sidebar-select-slot .dx-scrollview-scrollbottom::before {
        display: none;
    }

    /* Spinner solo mientras carga una página (la clase la pone SystemSelectBox) */
    .sph-sidebar-select-slot .sph-select-idle .dx-scrollview-scrollbottom {
        display: none !important;
    }

    /* Hyper posiciona en absoluto los .badge de .side-nav */
    .side-nav .sph-sidebar-select-slot .badge {
        position: static;
        margin: 0;
    }
}