/* =====================================================================
   Activalink · CustomTheme · fixes de UI comunes a todas las variantes.

   Se carga desde themes/CustomTheme/tpls/_head.tpl DESPUES del style.css de
   la variante, para poder sobreescribir sin recompilar el SCSS. Al vivir bajo
   themes/CustomTheme (que el manifest copia entero) viaja dentro del paquete,
   asi que la solucion es portable a cualquier CRM que instale CustomTheme.

   -------------------------------------------------------------------
   FIX 1 · Vista Detalle CON pestañas (useTabs=true): la paginacion (ANTERIOR /
   SIGUIENTE) se solapaba con las pestañas y el boton ACCIONES al reducir el
   ancho util (zoom / resolucion), o dejaba una fila vacia.

   Objetivo (igual que la vista de botones - useTabs=false): las pestañas fluyen
   a la izquierda y bajan de linea cuando no caben; la paginacion queda fija
   arriba a la derecha, sin solaparse y sin dejar una fila vacia.

   Como:
     - la barra pasa a flex con wrap -> las pestañas que no caben BAJAN de linea
       (2 filas, 3... "asi sucesivamente"), garantizado.
     - la paginacion se saca del flujo con position:absolute y se ancla arriba a
       la derecha -> NO ocupa una fila (adios linea vacia) y NO se solapa.
     - se reserva a la derecha el hueco de la paginacion (padding-right) para que
       las pestañas no lleguen a pisarla.
     - solo en >750px: a <=750px el tema usa la paginacion movil centrada y
       oculta esta.

   NOTA: el padding-right es aproximado al ancho de "ANTERIOR (n de m) SIGUIENTE".
   Si quedara justo o con demasiado hueco, ajustar los px de abajo.
   ===================================================================== */

@media (min-width: 751px) {
    .detail-view > ul.nav-tabs {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        align-content: flex-start;
        row-gap: 6px;
        position: relative;      /* ancla para la paginacion absolute */
        padding-right: 300px;    /* hueco reservado arriba-derecha para ANTERIOR/SIGUIENTE */
    }

    /* paginacion fuera del flujo flex, anclada arriba a la derecha -> ni se
       solapa ni ocupa una fila propia (adios linea vacia) */
    .detail-view > ul.nav-tabs > li.tab-inline-pagination {
        position: absolute;
        top: 8px;
        right: 0;
        float: none;
        margin: 0;
    }
}

/* Entre 751 y 1200px el tema oculta el texto de los botones (solo flechas),
   asi que la paginacion es mas estrecha: se reserva menos hueco. */
@media (min-width: 751px) and (max-width: 1200px) {
    .detail-view > ul.nav-tabs {
        padding-right: 140px;
    }
}