/* Botón flotante del selector de cliente (comerciales) */
.cliente-sel-fab {
    position: fixed;
    right: 0;
    top: 90px;            /* unos pixeles por debajo del menú */
    z-index: 1045;
    display: flex;
    align-items: center;
    gap: .5rem;
    max-width: 52px;      /* colapsado: solo icono */
    overflow: hidden;
    border: none;
    border-radius: 10px 0 0 10px;
    padding: .7rem .9rem;
    background-color: #1a3682;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
    transition: max-width .3s ease, background-color .2s ease;
    white-space: nowrap;
}

/* El nombre del cliente solo se muestra al pasar el ratón */
.cliente-sel-fab:hover {
    max-width: 340px;
}

.cliente-sel-fab i {
    font-size: 1.1rem;
    flex: 0 0 auto;
}

.cliente-sel-fab__label {
    font-size: .85rem;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Cliente activo: solo cambia el color (naranja); el nombre sigue oculto hasta el hover */
.cliente-sel-fab--active {
    background-color: #ffb61a;
    color: #1a3682;
}

/* Panel offcanvas más ancho para que quepan los nombres largos */
#offcanvasClienteSel {
    width: 480px;
    max-width: 92vw;
}

/* El desplegable de bootstrap-select dentro del panel: que no se desborde y ajuste el texto */
#offcanvasClienteSel .bootstrap-select {
    width: 100% !important;
}

#offcanvasClienteSel .bootstrap-select .dropdown-menu {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

/* Sin data-size: limitamos la altura por CSS nativo (overflow estable),
   evitando el cálculo windowed de bootstrap-select que falla dentro del offcanvas. */
#offcanvasClienteSel .bootstrap-select .dropdown-menu .inner {
    width: 100%;
    overflow-x: hidden;
    max-height: 55vh !important;   /* anula la altura inline que pone bootstrap-select */
    overflow-y: auto;
}

#offcanvasClienteSel .bootstrap-select .dropdown-menu li a {
    white-space: normal !important;
    word-break: break-word;
}

#offcanvasClienteSel .bootstrap-select .dropdown-menu li a .text {
    white-space: normal !important;
    word-break: break-word;
}

/* Botón seleccionado: que no recorte el texto de forma agresiva */
#offcanvasClienteSel .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
    white-space: normal;
}