.live-panel{--lp-ink:#26362e;--lp-muted:#738078;--lp-line:#dfe6df;--lp-surface:#fff;--lp-soft:#f5f8f4;--lp-green:#347b4c;--lp-amber:#946c18;--lp-blue:#3274ac;--lp-purple:#8053a9;min-width:0}.lp-summary{display:flex;align-items:center;gap:28px;margin:0 0 18px;padding:4px 2px;color:var(--lp-muted)}.lp-count{display:flex;align-items:center;gap:10px;color:var(--lp-ink)}.lp-count>strong{font-size:27px;line-height:1;font-weight:650;font-variant-numeric:tabular-nums}.lp-count>span{font-size:13px}.lp-metrics{display:flex;gap:22px;font-size:12px}.lp-metrics>span,.lp-live{display:inline-flex;align-items:center;gap:8px}.lp-live{margin-left:auto;font-size:11px;font-weight:600;color:var(--lp-green);padding:7px 10px;background:#eaf5ee;border-radius:20px}.lp-live.lp-offline{background:var(--lp-soft);color:var(--lp-muted)}.lp-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:currentColor}.lp-dot-connected{color:var(--lp-green)}.lp-dot-waiting{color:var(--lp-amber)}.lp-list{display:grid;gap:12px}.lp-call{display:grid;grid-template-columns:minmax(160px,1fr) 22px minmax(240px,1.7fr) minmax(130px,auto) 68px;align-items:center;gap:18px;padding:20px 22px;border:1px solid var(--lp-line);border-radius:12px;background:var(--lp-surface);box-shadow:0 2px 6px #18301c06;color:var(--lp-ink);min-width:0}.lp-origin{display:flex;align-items:center;gap:13px;min-width:0}.lp-origin>div{min-width:0}.lp-phone{display:flex;flex:none;width:38px;height:38px;align-items:center;justify-content:center;border-radius:11px;background:#edf3f9;color:var(--lp-blue)}.lp-phone .icon{width:19px;height:19px}.lp-kind{display:block;font-size:10px;font-weight:500;letter-spacing:.025em;color:var(--lp-muted);margin-bottom:7px}.lp-party{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;min-width:0}.lp-party>strong{font-size:14px;font-weight:600;overflow-wrap:anywhere;line-height:1.5}.lp-number{font-size:12px;color:var(--lp-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.lp-flow{color:var(--lp-muted);display:flex}.lp-flow .icon{width:17px;height:17px}.lp-target{min-width:0}.lp-status{display:inline-flex;align-items:center;justify-content:center;gap:7px;justify-self:start;font-size:11px;font-weight:600;border-radius:20px;padding:8px 11px;white-space:nowrap;line-height:1.3}.lp-status-waiting,.lp-status-ringing{background:#fff4dc;color:var(--lp-amber)}.lp-status-connected{background:#e9f5ed;color:var(--lp-green)}.lp-status-voicemail{background:#f2ebf9;color:var(--lp-purple)}.lp-status-ivr{background:#eaf2fa;color:var(--lp-blue)}.lp-status-connecting{background:var(--lp-soft);color:var(--lp-muted)}.lp-time{text-align:right;align-self:center}.lp-time>small{display:block;font-size:10px;color:var(--lp-muted);margin-bottom:6px}.lp-time time{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--lp-ink)}.lp-participants{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.lp-participants-label{font-size:10px;color:var(--lp-muted);margin-right:2px}.lp-participant{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:4px 7px;border-radius:6px;background:var(--lp-soft);color:var(--lp-muted);line-height:1.3}.lp-participant b{font-weight:500;opacity:.85}.lp-participant .lp-dot{width:5px;height:5px}.lp-participant-ringing .lp-dot{color:var(--lp-amber)}.lp-participant-connected .lp-dot{color:var(--lp-green)}.lp-empty{text-align:center;padding:64px 20px;background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:12px}.lp-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:var(--lp-soft);color:var(--lp-green);margin-bottom:18px}.lp-empty-icon .icon{width:25px;height:25px}.lp-empty h2{font-size:16px;margin:0 0 10px;color:var(--lp-ink)}.lp-empty p{margin:0;color:var(--lp-muted);font-size:12px}
html[data-theme="dark"] .live-panel{--lp-ink:#e2ebee;--lp-muted:#a6b7bf;--lp-line:#374b54;--lp-surface:#202d33;--lp-soft:#2a3940;--lp-green:#9cd3ad;--lp-amber:#ebc47c;--lp-blue:#95c1e6;--lp-purple:#c7a5e6}html[data-theme="dark"] .lp-phone{background:#293f50}html[data-theme="dark"] .lp-status-waiting,html[data-theme="dark"] .lp-status-ringing{background:#493b24}html[data-theme="dark"] .lp-status-connected,html[data-theme="dark"] .lp-live:not(.lp-offline){background:#294333}html[data-theme="dark"] .lp-status-voicemail{background:#3c304e}html[data-theme="dark"] .lp-status-ivr{background:#293f50}
@media(max-width:1050px){.lp-call{grid-template-columns:minmax(150px,1fr) 18px minmax(200px,1.5fr) auto;gap:14px}.lp-time{grid-column:4;grid-row:2}.lp-status{grid-column:4;grid-row:1}.lp-origin,.lp-target,.lp-flow{grid-row:1 / span 2}.lp-metrics{gap:12px}}
@media(max-width:700px){.lp-summary{gap:14px;flex-wrap:wrap}.lp-count>strong{font-size:24px}.lp-metrics{order:3;width:100%;font-size:11px}.lp-call{grid-template-columns:minmax(0,1fr) auto;padding:18px;gap:16px}.lp-origin{grid-column:1;grid-row:1}.lp-status{grid-column:2;grid-row:1}.lp-flow{display:none}.lp-target{grid-column:1;grid-row:2}.lp-time{grid-column:2;grid-row:2}.lp-party>strong{font-size:13px}.lp-status{font-size:10px;padding:7px 9px}.lp-empty{padding:44px 18px}}
.lp-view-controls{display:flex;align-items:center;gap:9px;min-width:0;max-width:100%}.lp-view-controls select{min-width:0;width:270px;max-width:100%;height:38px;padding:8px 34px 8px 12px;border:1px solid #d7e1d3;border-radius:8px;background:#fff;color:#40513d}.lp-expand-button{padding:8px!important;min-width:36px}.lp-call-area{min-height:160px;max-height:43vh;overflow:auto;padding:1px 2px 4px}.lp-call-area .lp-empty{padding:30px 18px}.lp-call-area .lp-empty-icon{width:40px;height:40px;border-radius:12px;margin-bottom:10px}.lp-call-area .lp-empty-icon .icon{width:20px;height:20px}.lp-call-area .lp-empty h2{font-size:14px}.lp-agents{margin-top:22px;border:1px solid var(--lp-line);border-radius:11px;background:var(--lp-surface);overflow:hidden}.lp-section-heading{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--lp-line)}.lp-section-heading h2{font-size:13px;margin:0;font-weight:600;color:var(--lp-ink)}.lp-section-heading>span{font-size:11px;color:var(--lp-muted)}.lp-agent-table{max-height:35vh;overflow:auto}.lp-agent-table table{width:100%;border-collapse:collapse;table-layout:auto}.lp-agent-table th{position:sticky;top:0;z-index:1;text-align:left;background:var(--lp-soft);color:var(--lp-muted);font-size:10px;font-weight:600;padding:10px 18px}.lp-agent-table td{padding:11px 18px;border-bottom:1px solid var(--lp-line);color:var(--lp-ink);font-size:12px}.lp-agent-table tr:last-child td{border-bottom:0}.lp-agent-table th:first-child{width:75px}.lp-agent-table th:nth-child(2){width:24%}.lp-agent-table th:nth-child(3){width:24%}.lp-agent-name{display:flex;align-items:center;gap:9px;min-width:0}.lp-agent-name>strong{font-weight:500;font-size:12px;overflow-wrap:anywhere}.lp-agent-dot{width:10px;height:10px;flex:none}.lp-agent-label{font-size:11px;color:var(--lp-muted)}.lp-agent-queues{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.lp-agent-queue{padding:4px 7px;font-size:10px;border-radius:5px;background:var(--lp-soft);color:var(--lp-muted)}.lp-agent-queue b{font-weight:500;margin-left:3px;opacity:.75}.lp-agent-queue-connected{background:#eaf4e6;color:#49743c}.lp-no-queue{color:var(--lp-muted);font-size:11px}.lp-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:19px 14px;margin-top:18px;background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:11px}.lp-stats>div{text-align:center;min-width:0}.lp-stats small{display:block;font-size:10px;color:var(--lp-muted);margin-bottom:10px;line-height:1.4}.lp-stats strong{font-size:19px;font-weight:500;color:var(--lp-ink);font-variant-numeric:tabular-nums}.lp-reception-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:14px}.lp-agent-card{border:1px solid var(--lp-line);border-radius:8px;padding:14px;min-width:0}.lp-agent-card p{font-size:11px;color:var(--lp-muted);margin:10px 0}.lp-agent-card .lp-number{margin-left:auto}.lp-wallboard-queues{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.lp-queue-card{padding:24px;text-align:center;background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:12px}.lp-queue-card>small{color:var(--lp-muted);font-size:11px}.lp-queue-card h2{font-size:17px;margin:9px 0 24px;color:var(--lp-ink)}.lp-queue-card>strong{display:block;font-size:56px;font-weight:500;color:var(--lp-amber);line-height:1;margin-bottom:10px;font-variant-numeric:tabular-nums}.lp-queue-card>span{font-size:12px;color:var(--lp-muted)}.lp-queue-card p{font-size:12px;margin:22px 0 0;color:var(--lp-green)}.lp-wallboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:26px}.lp-wallboard-stats strong{font-size:30px}.lp-wallboard-stats small{font-size:12px}.lp-expanded{position:fixed;top:74px;left:84px;right:18px;bottom:18px;z-index:55;padding:20px;border:1px solid var(--lp-line);border-radius:12px;background:var(--lp-surface);overflow:auto;box-shadow:0 10px 40px #0003}.lp-expanded-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.lp-expanded-tools>strong{font-size:17px;color:var(--lp-ink)}.lp-expanded .lp-call-area{max-height:40vh}
html[data-theme="dark"] .lp-agent-queue-connected{background:#2d422e;color:#bad6aa}html[data-theme="dark"] .lp-view-controls select{background:#192227;color:#e0e7ea;border-color:#435159}html[data-theme="dark"] body .lp-agent-table :is(th,td){border-color:var(--lp-line)}html[data-theme="dark"] body .lp-agent-table tr:hover td{background:#293a40}
@media(max-width:850px){.lp-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.lp-agent-table th,.lp-agent-table td{padding:10px 12px}.lp-view-controls select{width:230px}.lp-agent-table{max-height:none}}
@media(max-width:600px){.lp-view-controls select{width:210px}.lp-stats{padding:16px 9px}.lp-stats strong{font-size:17px}.lp-stats small{font-size:9px}.lp-agent-table table{min-width:560px}.lp-call-area{max-height:none}.lp-expanded{left:10px;right:10px;top:70px;bottom:10px;padding:14px}.lp-reception-grid{grid-template-columns:1fr}.lp-expanded-tools{flex-wrap:wrap}.lp-wallboard-stats strong{font-size:24px}}
html:root body .lp-agent-table tr,html:root body .lp-agent-table :is(th,td){border-color:var(--lp-line)}
html[data-theme="dark"] .lp-agent-dot{filter:brightness(1.45)}
html:root body #content .lp-agent-table table>tbody>tr>td{border-bottom-color:var(--lp-line)}
/* Fill the available viewport: calls scroll above the docked agents and totals. */
.shell:has(> main > #content > .live-panel){height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.shell:has(> main > #content > .live-panel)>.topbar{flex-shrink:0}
.shell:has(> main > #content > .live-panel)>main{flex:1;min-height:0;width:100%;max-width:none;margin:0;display:flex;flex-direction:column;padding-bottom:0}
#content:has(> .live-panel){flex:1;min-height:0;display:flex;flex-direction:column}
#content:has(> .live-panel)>.page-heading{flex-shrink:0}
#content>.live-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
#content>.live-panel>.lp-summary,#content>.live-panel>.lp-expanded-tools{flex-shrink:0}
#content>.live-panel>.lp-call-area{flex:1;min-height:0;max-height:none;overflow:auto}
#content>.live-panel>.lp-agents{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;max-height:45%;margin-top:16px}
#content>.live-panel .lp-section-heading{flex-shrink:0}
#content>.live-panel .lp-agent-table,#content>.live-panel .lp-reception-grid{min-height:0;max-height:none;overflow:auto}
#content>.live-panel>.lp-stats{flex-shrink:0;margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:max(19px,env(safe-area-inset-bottom))}
#content>.live-panel>.lp-wallboard-queues{flex:1;min-height:0;overflow:auto;align-content:start}
#content>.live-panel.lp-expanded{bottom:0;flex:none;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:0}
@media(max-height:650px){#content>.live-panel>.lp-summary{margin-bottom:10px}#content>.live-panel>.lp-agents{max-height:38%;margin-top:10px}#content>.live-panel>.lp-stats{margin-top:10px;padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}}