.ppbx{--ppbx-bg:#0b1f19;--ppbx-panel:#10281f;--ppbx-panel2:#15332a;--ppbx-line:#21443a;--ppbx-pearl:#f1ece2;--ppbx-txt2:#a3bbb1;--ppbx-txt3:#5e7d72;--ppbx-ring:#f4b840;--ppbx-call:#ff7a66;--ppbx-ok:#63d69e;--ppbx-sans:var(--font-sans,system-ui, sans-serif);--ppbx-mono:var(--font-mono,ui-monospace, monospace);aspect-ratio:16/9;background:var(--ppbx-bg);width:100%;color:var(--ppbx-pearl);font-family:var(--ppbx-sans);position:relative;overflow:hidden;container-type:inline-size}.ppbx *{box-sizing:border-box;margin:0;padding:0}.ppbx-stage{transform-origin:0 0;background:radial-gradient(900px 520px at 72% 38%, #b9d4cf12, transparent 70%), var(--ppbx-bg);width:1600px;height:900px;position:absolute;top:0;left:0}.ppbx-wires,.ppbx-fx{pointer-events:none;width:1600px;height:900px;position:absolute;top:0;left:0}.ppbx-wires{z-index:1}.ppbx-fx{z-index:5}.ppbx-box{background:var(--ppbx-panel);border:1px solid var(--ppbx-line);z-index:2;border-radius:14px;position:absolute}.ppbx-h{color:var(--ppbx-txt2);align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex;position:absolute;top:14px;left:18px}.ppbx-top{z-index:2;align-items:center;gap:16px;width:1504px;height:48px;display:flex;position:absolute;top:32px;left:48px}.ppbx-mark{border-radius:50%;width:22px;height:22px}.ppbx-word{letter-spacing:-.01em;font-size:22px;font-weight:600}.ppbx-sub{color:var(--ppbx-txt3);border-left:1px solid var(--ppbx-line);padding-left:16px;font-size:16px}.ppbx-pill{color:var(--ppbx-txt2);border:1px solid var(--ppbx-line);background:var(--ppbx-panel);border-radius:999px;align-items:center;gap:9px;margin-left:auto;padding:7px 14px;font-size:14px;display:flex}.ppbx-led{background:var(--ppbx-ok);width:8px;height:8px;box-shadow:0 0 10px var(--ppbx-ok);border-radius:50%}.ppbx-stat .ppbx-h{font-size:14px}.ppbx-val{font-family:var(--ppbx-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:46px;font-weight:500;line-height:1;position:absolute;bottom:14px;left:18px}.ppbx-val.flash{color:#fff;text-shadow:0 0 22px #f1ece2b3}.ppbx-trow{background:var(--ppbx-panel2);border:1px solid var(--ppbx-line);border-radius:10px;width:328px;height:62px;padding:10px 14px;position:absolute;left:16px}.ppbx-trow b{font-family:var(--ppbx-mono);font-size:18px;font-weight:500;display:block}.ppbx-trow span{color:var(--ppbx-txt2);margin-top:3px;font-size:13px;display:block}.ppbx-slot{border:1px dashed var(--ppbx-line);border-radius:50%;width:30px;height:30px;position:absolute}.ppbx-qmeta{color:var(--ppbx-txt3);font-size:13px;position:absolute;bottom:14px;left:18px}.ppbx-qmeta b{font-family:var(--ppbx-mono);color:var(--ppbx-txt2);font-weight:500}.ppbx-cell{background:var(--ppbx-panel2);border:1px solid var(--ppbx-line);border-radius:10px;width:133px;height:90px;padding:10px 12px;position:absolute}.ppbx-cell .n{font-family:var(--ppbx-mono);font-size:22px;font-weight:500;line-height:1}.ppbx-cell .nm{color:var(--ppbx-txt2);margin-top:6px;font-size:13px}.ppbx-cell .s{color:var(--ppbx-txt3);align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;bottom:9px;left:12px}.ppbx-cell .s i{background:var(--ppbx-txt3);border-radius:50%;width:7px;height:7px}.ppbx-cell.ringing{border-color:var(--ppbx-ring);background:#f4b84017}.ppbx-cell.ringing .s{color:var(--ppbx-ring)}.ppbx-cell.ringing .s i{background:var(--ppbx-ring);box-shadow:0 0 8px var(--ppbx-ring)}.ppbx-cell.oncall{border-color:#ff7a6673}.ppbx-cell.oncall .s{color:var(--ppbx-call)}.ppbx-cell.oncall .s i{background:var(--ppbx-call)}.ppbx-cell.idle .s i{background:var(--ppbx-ok)}.ppbx-cell.paused .s{color:var(--ppbx-ring)}.ppbx-cell.paused .s i{border:1.5px solid var(--ppbx-ring);background:0 0}.ppbx-cell.offline{opacity:.38}.ppbx-brow{border-top:1px solid #21443ab3;grid-template-columns:200px 22px 1fr 70px;align-items:center;width:706px;height:34px;font-size:15px;display:grid;position:absolute;left:18px}.ppbx-brow .c{font-family:var(--ppbx-mono)}.ppbx-brow .a{color:var(--ppbx-txt3)}.ppbx-brow .x b{font-family:var(--ppbx-mono);margin-right:8px;font-weight:500}.ppbx-brow .x{color:var(--ppbx-txt2)}.ppbx-brow .d{font-family:var(--ppbx-mono);text-align:right;font-variant-numeric:tabular-nums}.ppbx-live{color:var(--ppbx-call);border:1px solid #ff7a6680;border-radius:5px;align-items:center;gap:5px;padding:2px 6px;font-size:11px;font-weight:600;display:flex}.ppbx-live i{background:var(--ppbx-call);border-radius:50%;width:6px;height:6px}.ppbx-bar{background:#2a5446;border-radius:6px 6px 2px 2px;width:46px;position:absolute;bottom:44px}.ppbx-bar.cur{background:linear-gradient(#f1ecec,#b9d4cf)}.ppbx-bl{text-align:center;width:46px;font-family:var(--ppbx-mono);color:var(--ppbx-txt3);font-size:12px;position:absolute;bottom:16px}.ppbx-pearl{background:radial-gradient(circle at 34% 30%,#fff 0%,#f4efe6 28%,#dcd4e8 58%,#b9d4cf 84%,#8fb3aa 100%);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;box-shadow:0 0 16px #f1ece299,0 0 44px #b9d4cf59}.ppbx-ripple{border:2px solid var(--ppbx-pearl);border-radius:12px;width:133px;height:90px;position:absolute}@media (prefers-reduced-motion:reduce){.ppbx-val.flash{text-shadow:none}}.ppbx-play{z-index:9;font:500 13px/1 var(--ppbx-sans);color:var(--ppbx-pearl);border:1px solid var(--ppbx-line);cursor:pointer;background:#1a2029d9;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:flex;position:absolute;bottom:2.2%;right:1.4%}.ppbx-play:hover{border-color:var(--ppbx-txt3)}.ppbx-play:focus-visible{outline:2px solid var(--ppbx-pearl);outline-offset:2px}