/* Tooltip para el pill "+N" de la columna "Cadenas Visibles" (Clientes /
 * auth.Group): al hacer hover o click sobre "+N" se despliega el resto de
 * cadenas que no caben como pills individuales.
 *
 * position: fixed (no absolute) a propósito -- las celdas del changelist
 * de Unfold tienen overflow-hidden (para truncar texto largo), lo que
 * recortaría un tooltip position:absolute anclado dentro de la celda.
 * admin-chain-pills.js calcula top/left en cada apertura y maneja el
 * toggle por click/teclado (el :hover de mouse también pasa por ahí).
 */

.chain-pills-tooltip {
    display: none;
    position: fixed;
    z-index: 9999;
    width: max-content;
    max-width: 16rem;
    flex-wrap: wrap;
    gap: 0.25rem;
    border-radius: 0.5rem;
    border: 1px solid var(--color-base-200);
    background-color: var(--color-base-50);
    padding: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

html.dark .chain-pills-tooltip {
    border-color: var(--color-base-700);
    background-color: var(--color-base-900);
}

.chain-pills-tooltip.is-open {
    display: flex;
}