.phone-queues-panel .tv-list-heading{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.phone-queues-panel .tv-list-heading h2{align-items:center;gap:8px;margin-right:auto;font-size:14px;font-weight:600;display:flex}.phone-queues-panel .tv-list-heading svg{width:18px;height:18px}.phone-queues-panel .tv-list-legend{flex-wrap:wrap;gap:6px;display:flex}.phone-queues-panel .tv-table-scroll,.phone-queues-panel .tv-call-detail-scroll{max-width:100%;overflow:auto}.phone-queues-panel table{text-align:left;width:100%;min-width:500px;font-size:12px}.phone-queues-panel th{background:var(--live-table-heading);color:var(--muted-foreground);font-size:11px;font-weight:500}.phone-queues-panel th,.phone-queues-panel td{border-bottom:1px solid var(--border);padding:10px}.phone-queues-panel td{height:48px}.phone-queues-panel .tv-queue-toggle{text-align:left;align-items:center;gap:6px;font-weight:600;display:flex}.phone-queues-panel .tv-queue-toggle svg{width:14px;height:14px;color:var(--muted-foreground)}.phone-queues-panel .tv-inline-metric{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.phone-queues-panel .tv-inline-metric svg{width:14px;height:14px}.phone-queues-panel .tv-answer-rate{align-items:center;gap:8px;display:flex}.phone-queues-panel .tv-rate-track{background:var(--muted);border-radius:8px;width:54px;height:5px;overflow:hidden}.phone-queues-panel .tv-rate-track>span{background:var(--primary);height:100%;display:block}.phone-queues-panel .tv-queue-details>td{background:var(--muted);padding:0}.phone-queues-panel .tv-empty{color:var(--muted-foreground);padding:16px;font-size:13px}.phone-queues-panel .tv-memberships{align-items:center;gap:5px;max-width:160px;display:flex}.phone-queues-panel .tv-agent-name{white-space:nowrap;align-items:center;gap:4px;display:flex}.phone-queues-panel .tv-agent-status{white-space:nowrap}.phone-queues-panel button:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@keyframes phone-queues-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.08)}}.phone-queues-panel .phone-queues-pulse{transform-origin:0;animation:1.6s ease-in-out infinite phone-queues-pulse;display:inline-block}.phone-queues-panel .phone-queues-pulse[data-center]{transform-origin:50%}@media (prefers-reduced-motion:reduce){.phone-queues-panel .phone-queues-pulse{animation:none}}.softphone-main .phone-queues-panel [data-tone-card]{--tone-card-border:color-mix(in srgb,var(--foreground) 7%,transparent);border-color:var(--tone-card-border)}.softphone-main .phone-queues-panel [data-tone-card=card_agents_online]{--tone-card-border:#10b98133}.softphone-main .phone-queues-panel [data-tone-card=card_calls_waiting]{--tone-card-border:#f03e5d33}.softphone-main .phone-queues-panel [data-tone-card=card_calls_today]{--tone-card-border:color-mix(in srgb,var(--primary-graphic,var(--primary)) 16%,transparent)}.dark .softphone-main .phone-queues-panel [data-tone-card=card_calls_today]{--tone-card-border:color-mix(in srgb,var(--primary) 16%,transparent)}.softphone-main .phone-queues-panel [data-tone-card][data-alert]{--tone-card-border:#f03e5d61}.phone-queues-panel .tv-calls .tv-queue-summary[data-centered]>tbody>.tv-queue-row>td:not(:first-child){text-align:center}.phone-queues-panel .tv-calls .tv-queue-summary[data-centered] .tv-answer-rate{justify-content:center}.phone-queues-panel .tv-calls .tv-queue-summary[data-centered]>thead th:not(:first-child),.phone-queues-panel .tv-agents table[data-centered]>tbody>tr>td:not(:first-child){text-align:center}.phone-queues-panel .tv-agents table[data-centered] .tv-memberships{justify-content:center;margin-inline:auto}.phone-queues-panel .tv-agents table[data-centered]>thead th:not(:first-child){text-align:center}.phone-queues-panel .tv-calls .tv-queue-summary>tbody>.tv-queue-details>td{padding:0}.phone-queues-panel .tv-calls .tv-call-details{border-left:0}.softphone-main .phone-queues-panel .tv-list.tv-panel{--live-table-line:color-mix(in srgb,var(--foreground) 5%,transparent);--phone-table-outline:color-mix(in srgb,var(--foreground) 7%,transparent);--phone-table-surface:color-mix(in srgb,var(--foreground) 1%,var(--background));--live-table-heading:color-mix(in srgb,var(--foreground) 3%,var(--background));border:1px solid var(--phone-table-outline);background:var(--phone-table-surface);box-shadow:none;border-radius:14px}.dark .softphone-main .phone-queues-panel .tv-list.tv-panel{--phone-table-outline:#ffffff14;--phone-table-surface:color-mix(in srgb,var(--foreground) 3%,var(--background));--live-table-heading:color-mix(in srgb,var(--foreground) 5%,var(--background));--live-table-line:#ffffff0d}.softphone-main .phone-queues-panel .tv-list.tv-panel .tv-list-heading{border-color:var(--live-table-line);min-height:48px}.softphone-main .phone-queues-panel .tv-list.tv-panel :is(th,td,tr){border-color:var(--live-table-line)}.softphone-main .phone-queues-panel .tv-list.tv-panel th{letter-spacing:.02em;white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:400}.softphone-main .phone-queues-panel .tv-list.tv-panel td{height:46px;padding:7px 16px}.softphone-main .phone-queues-panel .tv-list.tv-panel .tv-queue-details>td{height:auto;padding:0}.softphone-main .phone-queues-panel .tv-list.tv-panel th svg{stroke-width:1.25px}.softphone-main .phone-queues-panel .tv-list.tv-panel .tv-inline-metric svg{color:var(--muted-foreground);stroke-width:1.5px}.softphone-main .phone-queues-panel .tv-list.tv-panel .tv-rate-track{background:#3b82f61a;width:clamp(54px,7vw,104px);height:6px}.softphone-main .phone-queues-panel .tv-list.tv-panel .tv-rate-track>span{border-radius:inherit;background:linear-gradient(90deg,#1266f1,#669aff)}.softphone-main .phone-queues-panel .tv-list.tv-panel .tv-call-details{border-left:0}.softphone-main .phone-queues-panel .tv-agents>.tv-table-scroll>table>tbody>tr:last-child>td{border-bottom:0}.softphone-main .phone-queues-panel .tv-queue-summary>tbody:last-child>.tv-queue-row:has(+tr[hidden])>td{border-bottom:0}.softphone-main .phone-queues-panel .tv-queue-summary>tbody:last-child>.tv-queue-details>td{border-bottom:0}.phone-queues-panel .tv-calls .tv-call-details[data-centered] :is(thead th,tbody td){text-align:center}.phone-queues-panel .tv-calls .tv-call-details[data-centered] td>:is(div,span){justify-content:center;margin-inline:auto}.phone-queues-panel .tv-calls .tv-call-details[data-centered] th button{justify-content:center;width:100%}.phone-queues-panel .tv-calls .tv-call-details[data-centered] td>.flex{text-align:left;display:inline-flex}.phone-queues-panel .phone-call-state{white-space:nowrap;border-radius:9999px;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.phone-queues-panel .phone-call-state svg{width:14px;height:14px}.phone-queues-panel .phone-call-state.is-waiting{color:#b45309;background:#f59e0b24}.phone-queues-panel .phone-call-state.is-ringing{color:#c2410c;background:#f9731624}.phone-queues-panel .phone-call-state.is-talking{color:#6d28d9;background:#8b5cf624}.dark .phone-queues-panel .phone-call-state.is-waiting{color:#fbbf24}.dark .phone-queues-panel .phone-call-state.is-ringing{color:#fb923c}.dark .phone-queues-panel .phone-call-state.is-talking{color:#a78bfa}.phone-queues-panel .phone-waiting-pill{--pill:var(--muted-foreground);background:color-mix(in srgb,var(--pill) 14%,transparent);min-width:30px;height:20px;color:var(--pill);font-variant-numeric:tabular-nums;border-radius:9999px;justify-content:center;align-items:center;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.phone-queues-panel .phone-waiting-pill[data-severity=normal]{background:color-mix(in srgb,var(--foreground) 6%,transparent)}.phone-queues-panel .phone-waiting-pill[data-severity=warning]{--pill:#d97706}.dark .phone-queues-panel .phone-waiting-pill[data-severity=warning]{--pill:#fbbf24}.phone-queues-panel .phone-waiting-pill[data-severity=danger]{--pill:#f03e5d}.phone-queues-panel .phone-waiting-pill[data-severity=active]{--pill:#7c3aed}.dark .phone-queues-panel .phone-waiting-pill[data-severity=active]{--pill:#a78bfa}.phone-queues-panel .phone-waiting-pill[data-active]{animation:1.6s ease-out infinite phone-waiting-ring}@keyframes phone-waiting-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--pill) 60%,transparent)}70%{box-shadow:0 0 0 5px color-mix(in srgb,var(--pill) 0%,transparent)}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.phone-queues-panel .phone-waiting-pill[data-active]{box-shadow:0 0 0 1px color-mix(in srgb,var(--pill) 50%,transparent);animation:none}}