/* ==========================================================================
   Componente global de tags con overflow "+X" (badge + popover de chips)
   Diseño R&T. Reutilizable en resultados de búsqueda, dashboard y detalle.
   Depende de Bootstrap Popover (ya cargado en front y dashboard).
   ========================================================================== */

/* Badge "+X" unificado */
.rt-tags-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 34px;
    padding: 3px 9px;
    background: #DCCFFF;
    color: #5b3fd1;
    border: 1px solid #9b87d4;
    border-radius: 5px;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    flex-shrink: 0;
    user-select: none;
    transition: background-color .15s ease, border-color .15s ease;
}
.rt-tags-more:hover,
.rt-tags-more:focus {
    background: #cbb8ff;
    border-color: #7c63c9;
    outline: none;
}

/* Popover de chips */
.rt-tags-popover.popover {
    max-width: 320px;
    border: 1px solid #e3dbff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(46, 24, 122, 0.18);
    background: #ffffff;
}
.rt-tags-popover .popover-arrow::after {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.rt-tags-popover .popover-header {
    background: #5234E2;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom: none;
    padding: 8px 14px;
}
.rt-tags-popover .popover-header::before {
    display: none;
}
.rt-tags-popover .popover-body {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 12px 14px;
}
.rt-tags-popover .popover-body .rt-chip {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #868686;
    border-radius: 5px;
    padding: 4px 10px;
    font-size: 12.5px;
    font-weight: 700;
    color: #2b2b2b;
    line-height: 1.2;
    white-space: nowrap;
}