.tv-board .tv-list table{font-size:clamp(14px, calc(16 * var(--tv-unit)), 32px)}.tv-board .tv-list th{font-size:calc(12 * var(--tv-unit));padding:10px 8px;font-weight:500}.tv-board .tv-list tbody td{vertical-align:middle;padding:12px 8px}.tv-list small{font-size:.75em}@media (max-width:767px){.tv-list{max-height:480px}}.tv-board .tv-list td span.rounded-full{padding:0}.tv-board:has(.tv-list){contain:paint}.tv-board .tv-list table{table-layout:auto;min-width:440px}.tv-board .tv-list tbody td{overflow-wrap:normal;word-break:normal}.tv-board .tv-list tbody .tv-wait{white-space:nowrap}.tv-board .tv-list{contain:inline-size}@media (min-width:768px) and (max-width:1599px){.tv-board .tv-list table{min-width:0}.tv-board .tv-list td:nth-child(2),.tv-board .tv-calls td:nth-child(4)>span{white-space:normal}.tv-board .tv-list tbody td{padding:8px 6px}.tv-board .tv-calls table,.tv-board .tv-recent table{table-layout:fixed}.tv-board .tv-calls th:first-child{width:30px}.tv-board .tv-calls th:nth-child(2){width:58px}.tv-board .tv-calls th:nth-child(3){width:106px}.tv-board .tv-calls th:nth-child(4){width:145px}.tv-board .tv-recent th:first-child{width:52px}.tv-board .tv-recent th:nth-child(2){width:145px}.tv-board .tv-recent th:nth-child(3){width:106px}.tv-board .tv-recent th:nth-child(4){width:48px}.tv-board .tv-list tbody .tv-wait{white-space:nowrap}}.tv-board .tv-compact .tv-list-heading{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 12px;padding:9px 14px;display:flex}.tv-board .tv-compact .tv-list-heading h2{flex-basis:auto;align-items:center;gap:8px;margin-right:auto;font-size:16px;font-weight:600;display:flex}.tv-list-heading h2 svg{width:18px;height:18px}.tv-list-legend{flex-wrap:wrap;gap:6px;display:flex}.tv-board .tv-compact .tv-list-legend span{padding:1px 7px;font-size:11px}.tv-table-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;overflow:auto}.tv-board .tv-compact table{table-layout:auto;text-align:left;width:100%;min-width:500px;font-size:14px}.tv-board .tv-compact thead{z-index:1;background:var(--muted);color:var(--muted-foreground);position:sticky;top:0}.tv-board .tv-compact th{text-transform:uppercase;letter-spacing:.035em;white-space:nowrap;padding:9px 10px;font-size:10px;font-weight:500}.tv-board .tv-compact tbody td{border-bottom:1px solid var(--border);white-space:nowrap;height:44px;padding:5px 10px}.tv-board .tv-compact tbody tr:last-child td{border-bottom:0}.tv-board .tv-compact tbody tr:hover{background:var(--muted)}.tv-board .tv-compact .tv-queue-row td{border-bottom:1px solid var(--border)}.tv-queue-toggle{text-align:left;border-radius:4px;align-items:center;gap:6px;width:100%;min-height:32px;display:flex}.tv-queue-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.tv-queue-toggle svg{width:14px;height:14px;color:var(--muted-foreground);flex-shrink:0;transition:transform .15s}.tv-inline-metric{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.tv-inline-metric svg{flex-shrink:0;width:14px;height:14px}.tv-queue-row .tv-inline-metric{color:var(--muted-foreground)}.tv-board .tv-compact .tv-queue-row .rounded-full{justify-content:center;min-width:28px;padding:0 6px}.tv-answer-rate{color:var(--muted-foreground);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.tv-rate-track{background:var(--muted);border-radius:8px;width:clamp(24px,4vw,96px);height:5px;overflow:hidden}.tv-rate-track>span{background:var(--color-emerald-500);border-radius:inherit;height:100%;display:block}.tv-board .tv-compact .tv-queue-details>td{background:var(--muted);height:auto;padding:0}.tv-board .tv-compact .tv-call-details{min-width:480px;font-size:12px}.tv-board .tv-compact .tv-call-details thead{position:static}.tv-board .tv-compact .tv-call-details td{white-space:normal;padding:7px 8px}.tv-board .tv-compact .tv-call-details .tv-wait{font-size:14px}.tv-agent-name{white-space:nowrap}.tv-agent-status{white-space:nowrap;font-size:12px}.tv-memberships{max-width:150px;color:var(--muted-foreground);align-items:center;gap:5px;display:flex}.tv-more-queues{background:var(--muted);border-radius:4px;padding:2px 4px;font-size:11px}@media (min-width:768px) and (max-width:1599px){.tv-board .tv-compact table{min-width:480px;font-size:12px}.tv-board .tv-compact tbody td{padding:6px}}.tv-agent-name{align-items:baseline;min-width:0;display:inline-flex}.tv-call-detail-scroll{scrollbar-width:thin;max-width:100%;overflow-x:auto}@media (min-width:768px) and (max-width:1599px){.tv-board .tv-compact .tv-queue-summary,.tv-board .tv-agents.tv-compact table{table-layout:fixed;min-width:0}.tv-board .tv-compact .tv-queue-summary>thead th{white-space:normal;padding-inline:5px;font-size:9px}.tv-board .tv-compact .tv-queue-summary>thead th:first-child{width:24%}.tv-board .tv-compact .tv-queue-summary>thead th:nth-child(2),.tv-board .tv-compact .tv-queue-summary>thead th:nth-child(3){width:19%}.tv-board .tv-compact .tv-queue-summary>thead th:nth-child(4){width:14%}.tv-board .tv-compact .tv-queue-summary>thead th:nth-child(5){width:24%}.tv-queue-toggle>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tv-answer-rate{gap:4px;font-size:11px}.tv-rate-track{flex-shrink:0;width:24px}.tv-board .tv-agents.tv-compact th{padding-inline:5px;font-size:9px}.tv-board .tv-agents.tv-compact th:first-child{width:38%}.tv-board .tv-agents.tv-compact th:nth-child(2){width:20%}.tv-board .tv-agents.tv-compact th:nth-child(3){width:15%}.tv-board .tv-agents.tv-compact th:nth-child(4){width:11%}.tv-board .tv-agents.tv-compact th:nth-child(5){width:16%}.tv-board .tv-agents.tv-compact td{padding-inline:5px}.tv-agent-status{text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}}:is(.tv-board,.phone-queues-panel) .tv-compact{gap:0;padding:0}:is(.tv-board,.phone-queues-panel) .tv-compact table{border-collapse:collapse}:is(.tv-board,.phone-queues-panel) .tv-compact thead{z-index:2;background:var(--muted);position:sticky;top:0}:is(.tv-board,.phone-queues-panel) .tv-compact tbody tr:hover{background:var(--muted)}:is(.tv-board,.phone-queues-panel) .tv-queue-summary>tbody>.tv-queue-row>td:not(:first-child),:is(.tv-board,.phone-queues-panel) .tv-agents tbody td:nth-child(3),:is(.tv-board,.phone-queues-panel) .tv-agents tbody td:nth-child(4),:is(.tv-board,.phone-queues-panel) .tv-call-details tbody td:nth-child(2){text-align:right;font-variant-numeric:tabular-nums}:is(.tv-board,.phone-queues-panel) .tv-answer-rate{justify-content:flex-end}:is(.tv-board,.phone-queues-panel) .tv-queue-details>td{background:var(--muted);padding:0 0 0 20px}:is(.tv-board,.phone-queues-panel) .tv-call-details{background:var(--card);border-left:2px solid var(--border)}:is(.tv-board,.phone-queues-panel) .tv-compact .tv-empty{text-align:left;height:64px;color:var(--muted-foreground)}:is(.tv-board,.phone-queues-panel) .tv-compact th{text-transform:uppercase;letter-spacing:.035em}.phone-queues-panel .tv-table-scroll{max-height:600px}@media (min-width:1600px){.tv-board .tv-compact table{font-size:16px}.tv-board .tv-compact th{font-size:12px}.tv-board .tv-compact .tv-agent-status{font-size:14px}.tv-board .tv-compact tbody td{height:48px}}:is(.tv-board,.phone-queues-panel) .tv-list.tv-panel{--live-table-line:color-mix(in srgb, var(--foreground) 10%, transparent);--live-table-heading:color-mix(in srgb, var(--foreground) 5%, var(--background));border:1px solid var(--live-table-line);box-shadow:none;background:0 0}:is(.tv-board,.phone-queues-panel) .tv-list.tv-panel>div,:is(.tv-board,.phone-queues-panel) .tv-list.tv-panel table,:is(.tv-board,.phone-queues-panel) .tv-list.tv-panel .tv-queue-details>td{background:0 0}:is(.tv-board,.phone-queues-panel) .tv-list.tv-panel thead,:is(.tv-board,.phone-queues-panel) .tv-list.tv-panel th{background:var(--live-table-heading)}:is(.tv-board,.phone-queues-panel) .tv-list.tv-panel :is(td,tr,.tv-list-heading,.tv-call-details){border-color:var(--live-table-line)}:is(.tv-board,.phone-queues-panel) .tv-list.tv-panel tbody tr:hover{background:color-mix(in srgb, var(--foreground) 3%, transparent)}.tv-of-total{color:var(--muted-foreground);font-weight:400}:is(.tv-board,.phone-queues-panel) .tv-compact td.tv-empty{white-space:normal;min-height:0;display:table-cell}.tv-board .tv-list table,.tv-board .tv-compact table,.tv-board .tv-compact .tv-call-details{table-layout:fixed;width:100%;min-width:0;font-size:12px}.tv-board .tv-list th,.tv-board .tv-compact th{white-space:normal;overflow-wrap:anywhere;letter-spacing:0;padding:5px 6px;font-size:11px}.tv-board .tv-list tbody td,.tv-board .tv-compact tbody td{white-space:normal;overflow-wrap:anywhere;height:32px;padding:3px 6px}.tv-board .tv-compact .tv-queue-details>td{height:auto;padding:0 0 0 8px}.tv-board .tv-list tbody .tv-wait{font-size:12px}.tv-board .tv-compact .tv-agent-status{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(11px,.625vw,12px);overflow:hidden}.tv-board .tv-agent-name{max-width:100%}.tv-board .tv-agent-name>small{font-size:11px}.tv-board .tv-list .size-8{width:24px;height:24px;font-size:11px}.tv-board .tv-list .tv-memberships{max-width:100%;overflow:hidden}.tv-board .tv-list .tv-list-heading,.tv-board .tv-recent>h2{padding:7px 10px}.tv-board .tv-list .tv-list-heading h2,.tv-board .tv-recent>h2{font-size:14px}.tv-board .tv-queue-toggle{min-height:24px}.tv-board .tv-recent th:first-child{width:12%}.tv-board .tv-recent th:nth-child(2){width:28%}.tv-board .tv-recent th:nth-child(3){width:24%}.tv-board .tv-recent th:nth-child(4){width:14%}.tv-board .tv-recent th:nth-child(5){width:22%}.tv-board .tv-calls .tv-call-details th{width:auto}.tv-board .tv-list .tv-answer-rate{gap:4px}.tv-board .tv-list .tv-rate-track{flex-shrink:0;width:24px}@media (min-width:1600px){.tv-board .tv-list table,.tv-board .tv-compact table{font-size:13px}}.tv-board .tv-list th>div{flex-wrap:wrap;gap:2px;max-width:100%}.tv-board .tv-list th button{letter-spacing:0;gap:2px;min-width:0;max-width:100%}.tv-board .tv-list th button>span{overflow-wrap:anywhere;min-width:0}.tv-board .tv-calls .tv-call-details th:first-child{width:64px}.tv-board .tv-calls .tv-call-details th:nth-child(2){width:65px}.tv-board .tv-agents.tv-compact th:first-child{width:34%}.tv-board .tv-agents.tv-compact th:nth-child(2){width:20%}.tv-board .tv-agents.tv-compact th:nth-child(3){width:14%}.tv-board .tv-agents.tv-compact th:nth-child(4){width:15%}.tv-board .tv-agents.tv-compact th:nth-child(5){width:17%}.tv-board .tv-calls .tv-call-details th:nth-child(3){width:23%}.tv-board .tv-calls .tv-call-details th:nth-child(4){width:30%}.tv-board .tv-calls .tv-call-details tbody td:nth-child(4)>span{white-space:nowrap}.tv-board .tv-calls .tv-call-details td:last-child>span>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tv-board .tv-list small{font-size:11px}.tv-board .tv-list th button{flex-shrink:0}.tv-board .tv-compact .tv-call-details tbody td{padding:3px 6px}