.op-live{pointer-events:none;position:absolute;inset:0}.op-live-spot{pointer-events:auto;position:absolute}.op-live-spot:before,.op-live-spot:after{content:"";opacity:0;border-radius:6px;transition:opacity .9s;position:absolute;inset:0}.op-live-spot:before{background:var(--lt-fill,transparent);mix-blend-mode:color}.op-live-spot:after{box-shadow:inset 0 0 0 2px var(--lt-line,transparent), 0 0 14px -2px var(--lt-line,transparent)}.op-live-spot[data-state]:before,.op-live-spot[data-state]:after{opacity:1}.op-live-spot[data-state=talk]{--lt-fill:#2f6bff;--lt-line:#4d7cf5}.op-live-spot[data-state=ring]{--lt-fill:#ff9a00;--lt-line:#f59e0b}.op-live-spot[data-state=hold]{--lt-fill:#11b39c;--lt-line:#14b8a6}.op-live-spot[data-kind=row]:before,.op-live-spot[data-kind=row]:after{border-radius:6px;inset:3px 0}.op-live-spot[data-kind=queue]:before,.op-live-spot[data-kind=queue]:after{border-radius:10px}.op-live-spot[data-state=ring]:after{animation:1.4s ease-in-out 2 op-live-blink}.op-live-spot[data-state=pause]{--lt-fill:#7c4dff;--lt-line:#8b5cf6}.op-live[data-hover=true] .op-live-beam{opacity:1}.op-figure-tall{justify-self:center;max-width:420px}.op-states{gap:10px;display:grid}.op-states li{background:#fff;border:1px solid #e3eaf6;border-radius:14px;align-items:center;gap:14px;padding:12px 14px;display:flex}.op-states b{font-size:16px;display:block}.op-states span:not(.op-swatch){color:var(--tb-muted);font-size:14.5px}.op-swatch{border:2px solid var(--sw-line);background:var(--sw-fill);border-radius:10px;flex:none;width:34px;height:34px}.op-states [data-tone=talk]{--sw-fill:#dfe8ff;--sw-line:#6c8ff0}.op-states [data-tone=ring]{--sw-fill:#fff1d6;--sw-line:#f0a637}.op-swatch{position:relative}.op-states [data-tone=ring] .op-swatch:after{content:"";opacity:0;border-radius:13px;animation:1.6s ease-in-out infinite op-ring;position:absolute;inset:-6px;box-shadow:0 0 0 4px #f0a63740}.op-states [data-tone=hold]{--sw-fill:#d9f5f1;--sw-line:#3fb9a8}.op-states [data-tone=pause]{--sw-fill:#ece5ff;--sw-line:#9a7ff0}.op-states [data-tone=off]{--sw-fill:#eef1f5;--sw-line:#b5bfcc}.op-states [data-tone=free]{--sw-fill:#fff;--sw-line:#d6e1f2}.op-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.op-split-actions{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin-top:56px}.op-actions{gap:2px;margin-top:14px;display:grid}.op-actions li{border-bottom:1px solid #e3eaf6;grid-template-columns:200px minmax(0,1fr);gap:12px;padding:11px 0;font-size:15.5px;line-height:1.45;display:grid}.op-actions span{color:var(--tb-body)}.op-rights{margin-top:22px}.op-split-call{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center}.op-operator{grid-template-columns:repeat(4,minmax(0,1fr))}.op-live-beam{z-index:2;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.op-live-pop{z-index:3;opacity:0;transform-origin:50% 100%;background:#fff;border-radius:10px;transition:opacity .26s,transform .36s cubic-bezier(.22,1,.36,1);position:absolute;overflow:hidden;transform:translateY(10px)scale(.92);box-shadow:0 0 0 2px #19b4ff,0 0 30px -4px #19b4ffaa,0 24px 50px -20px #0b2a7aaa}.op-live-pop[data-shown=true]{opacity:1;transform:none}.op-live-pop img{max-width:none;height:auto;display:block}.op-kpis li{background:#fff;border:1px solid #e3eaf6;border-radius:18px;padding:20px}.op-kpis h3{font-size:16.5px;font-weight:700}.op-kpis p{color:var(--tb-body);margin-top:8px;font-size:15px;line-height:1.55}@media (max-width:1023px){.op-split-actions,.op-split-call{grid-template-columns:minmax(0,1fr)}.op-kpis,.op-operator{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.op-actions li{grid-template-columns:minmax(0,1fr);gap:2px}.op-kpis,.op-operator{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.op-live-pop,.op-live-pop img,.op-live-spot:before,.op-live-spot:after,.op-states [data-tone=ring] .op-swatch:after{animation:none}}