/* =============================================================
   Pipeline Team Selector — admin-only chip bar that appears at
   the top of pipeline views (board, stage management, …) so the
   user can switch between team pipelines (Sales, Support, …).
   Operators don't see this bar; their team is forced server-side.
   ============================================================= */

.pt-selector {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 10px 14px;
    background: var(--white, #ffffff);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    margin-bottom: 12px;
}

.pt-selector .pt-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.pt-selector .pt-chips {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pt-selector .pt-chip {
    --pt-color: #6366f1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid var(--border-color);
    border-radius: 999px;
    background: var(--white, #ffffff);
    color: var(--text-primary);
    font-size: 12.5px;
    font-weight: 500;
    cursor: pointer;
    transition: background .12s, border-color .12s, color .12s, box-shadow .12s;
}
.pt-selector .pt-chip:hover {
    background: var(--bg-secondary, #f3f4f6);
    border-color: var(--pt-color);
}
.pt-selector .pt-chip i {
    font-size: 14px;
    color: var(--pt-color);
}
.pt-selector .pt-chip.active {
    background: var(--pt-color);
    border-color: var(--pt-color);
    color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.pt-selector .pt-chip.active i { color: #fff; }

.pt-selector .pt-empty {
    font-size: 12.5px;
    color: var(--text-secondary);
    padding: 4px 0;
}

[data-theme="dark"] .pt-selector { background: var(--surface-elevated, #1f1d24); }
[data-theme="dark"] .pt-selector .pt-chip { background: rgba(255,255,255,.04); }
[data-theme="dark"] .pt-selector .pt-chip:hover { background: rgba(255,255,255,.08); }