.sp{--bg: #eef0f6;--card: #ffffff;--ink: #14161c;--muted: #71768a;--line: #e5e7f0;--raise: #f5f6fb;--brand: #5b5fc7;--ok: #1f9d55;--bad: #e5484d;--shadow: 0 10px 30px rgba(20, 22, 40, .1), 0 2px 6px rgba(20, 22, 40, .06);--shadow-sm: 0 4px 14px rgba(20, 22, 40, .08);box-sizing:border-box;width:100%;min-height:100vh;margin:0 auto;padding:14px 12px 12px;display:flex;flex-direction:column;gap:12px;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.sp *,.sp *:before,.sp *:after{box-sizing:border-box}@media (prefers-color-scheme: dark){:root:not([data-theme]) .sp{--bg: #0e1016;--card: #171a22;--ink: #eef0f6;--muted: #9198ad;--line: #262a36;--raise: #1e222c;--brand: #8b8ff5;--ok: #35c667;--bad: #ff6b6f;--shadow: 0 12px 34px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.35);--shadow-sm: 0 4px 14px rgba(0,0,0,.4)}}:root[data-theme=dark] .sp{--bg: #0e1016;--card: #171a22;--ink: #eef0f6;--muted: #9198ad;--line: #262a36;--raise: #1e222c;--brand: #8b8ff5;--ok: #35c667;--bad: #ff6b6f;--shadow: 0 12px 34px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.35);--shadow-sm: 0 4px 14px rgba(0,0,0,.4)}.sp-login{flex:1;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:34px 22px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.sp-logo{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;color:#fff;margin-bottom:4px;background:radial-gradient(120% 120% at 30% 20%,color-mix(in srgb,var(--brand) 80%,white),var(--brand));box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 40%,transparent)}.sp-login-title{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.sp-login-sub{font-size:.86rem;color:var(--muted);margin:0 0 6px;max-width:24ch}.sp-signin{border:none;background:var(--brand);color:#fff;font-weight:600;font-size:.92rem;padding:11px 18px;border-radius:11px;cursor:pointer;box-shadow:var(--shadow-sm);transition:filter .15s ease,transform .1s ease}.sp-signin:hover{filter:brightness(1.06)}.sp-signin:active{transform:scale(.98)}.sp-dialer{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:16px 16px 18px;display:flex;flex-direction:column;align-items:center;gap:14px}.sp-display{width:100%;text-align:center;font-size:1.55rem;font-weight:600;letter-spacing:.02em;border:none;border-bottom:2px solid var(--line);background:transparent;color:var(--ink);padding:6px 4px 8px;outline:none}.sp-display::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent);font-weight:500}.sp-dialerr{color:var(--bad, #e5484d);font-size:.76rem;text-align:center;margin-top:2px;word-break:break-word}.sp-display:focus{border-color:var(--brand)}.sp-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:232px;margin:0 auto}.sp-pad--compact{max-width:196px;gap:7px}.sp-pad--compact .sp-digit{font-size:1.05rem}.sp-digit{aspect-ratio:1;border:1px solid var(--line);background:var(--raise);color:var(--ink);border-radius:50%;font-size:1.22rem;font-weight:600;cursor:pointer;transition:transform .08s ease,background .15s ease}.sp-digit:hover{background:color-mix(in srgb,var(--brand) 10%,var(--raise))}.sp-digit:active{transform:scale(.93)}.sp-handling{display:flex;flex-direction:column;gap:12px}.sp-note{text-align:center;font-size:.84rem;color:var(--muted);padding:6px}.sp-inbound,.sp-oncall{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);padding:14px 16px;display:flex;flex-direction:column;gap:12px;animation:sp-in .26s cubic-bezier(.2,.7,.2,1)}.sp-inbound{border-color:color-mix(in srgb,var(--ok) 45%,var(--line));animation:sp-ring-border 1.2s ease-in-out infinite}@keyframes sp-ring-border{0%,to{box-shadow:0 0 color-mix(in srgb,var(--ok) 40%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--ok) 0%,transparent)}}@keyframes sp-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sp-inbound-who{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center}.sp-inbound-who strong{font-size:1.15rem;word-break:break-all}.sp-inbound-sub{font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums}.sp-badge{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent);padding:3px 9px;border-radius:999px}.sp-oncall-head{display:flex;flex-direction:column;align-items:center;gap:3px}.sp-oncall-num{font-size:1.2rem;font-weight:650;word-break:break-all;text-align:center}.sp-timer{font-size:.9rem;color:var(--muted);font-variant-numeric:tabular-nums}.sp-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sp-ctl{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--line);background:var(--raise);color:var(--muted);border-radius:12px;padding:8px 2px 6px;font-size:.64rem;font-weight:600;cursor:pointer;transition:all .15s ease}.sp-ctl .sp-ico{font-size:1.05rem;line-height:1;color:var(--ink)}.sp-ctl:hover:not(:disabled){border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}.sp-ctl:disabled{opacity:.4;cursor:not-allowed}.sp-ctl:disabled .sp-ico{opacity:.7}.sp-ctl.is-on{background:var(--brand);border-color:var(--brand);color:#fff}.sp-ctl.is-on .sp-ico{color:#fff}.sp-transfer{display:flex;gap:8px;flex-wrap:wrap}.sp-transfer .sp-input{flex:1 1 100%}.sp-transfer .sp-mini{flex:1 1 0;min-width:0;padding:9px 8px;white-space:nowrap}.sp-input{flex:1;border:1px solid var(--line);background:var(--raise);color:var(--ink);border-radius:10px;padding:9px 11px;font-size:.9rem;outline:none}.sp-input:focus{border-color:var(--brand)}.sp-mini{border:none;background:var(--brand);color:#fff;border-radius:10px;padding:0 14px;font-weight:600;cursor:pointer}.sp-parties{display:flex;flex-direction:column;gap:6px;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));background:color-mix(in srgb,var(--brand) 6%,var(--card));border-radius:12px;padding:8px 10px}.sp-parties-head{display:flex;align-items:center;gap:7px;font-size:.76rem;font-weight:700;color:var(--brand);letter-spacing:.01em}.sp-parties-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 22%,transparent)}.sp-party{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:9px;background:var(--card);border:1px solid var(--line)}.sp-party.is-connected{border-color:color-mix(in srgb,var(--ok) 35%,var(--line))}.sp-party-name{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.sp-party-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:600;color:var(--ink)}.sp-party-state{font-size:.74rem;color:var(--muted);white-space:nowrap}.sp-party-x{flex:0 0 auto;width:26px;height:26px;border-radius:50%;cursor:pointer;border:1px solid color-mix(in srgb,var(--bad) 40%,var(--line));background:color-mix(in srgb,var(--bad) 10%,transparent);color:var(--bad);font-size:.8rem;line-height:1;display:grid;place-items:center;transition:background .12s ease,transform .1s ease}.sp-party-x:hover{background:var(--bad);color:#fff}.sp-party-x:active{transform:scale(.9)}.sp-actions{display:flex;align-items:center;justify-content:center;gap:22px}.sp-key{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;font-size:1.45rem;color:#fff;display:grid;place-items:center;transition:transform .1s ease,filter .15s ease}.sp-key:active{transform:scale(.92)}.sp-key:disabled{opacity:.4;cursor:not-allowed}.sp-key--call,.sp-key--answer{background:var(--ok);box-shadow:0 8px 20px color-mix(in srgb,var(--ok) 42%,transparent)}.sp-key--hang,.sp-key--reject{background:var(--bad);box-shadow:0 8px 20px color-mix(in srgb,var(--bad) 42%,transparent)}.sp-key--answer{animation:sp-bob 1s ease-in-out infinite}@keyframes sp-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.sp-key--back{width:46px;height:46px;background:var(--raise);color:var(--muted);border:1px solid var(--line);font-size:1.1rem;box-shadow:none}.sp-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 0}.sp-brand{font-size:.82rem;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.sp-left{display:flex;align-items:center;gap:9px;min-width:0}.sp-winlink{font-size:.64rem;font-weight:600;color:var(--muted);white-space:nowrap;padding:2px 8px;border-radius:999px;border:1px solid var(--line);background:var(--raise)}.sp-winlink.is-live{color:#1f9d55;border-color:color-mix(in srgb,#1f9d55 40%,transparent)}.sp-oncall-sub{font-size:.78rem;color:var(--muted)}.sp-ctx{margin:6px 0 10px;padding:10px 12px;border-radius:12px;text-align:left;background:color-mix(in srgb,var(--muted) 7%,var(--card));border:1px solid var(--line);display:flex;flex-direction:column;gap:4px;font-size:.82rem}.sp-ctx-row{color:var(--ink)}.sp-ctx-muted{color:var(--muted);font-size:.78rem}.sp-ctx-tickets{margin-top:4px;display:flex;flex-direction:column;gap:3px}.sp-ctx-title{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.sp-ctx-ticket{color:var(--ink);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-src{display:inline-block;margin-left:7px;font-size:.6rem;font-weight:700;vertical-align:middle;text-transform:uppercase;letter-spacing:.04em;padding:1px 7px;border-radius:999px}.sp-src--hs{color:#e8590c;background:color-mix(in srgb,#ff7a45 18%,transparent)}.sp-src--teams{color:var(--brand);background:color-mix(in srgb,var(--brand) 15%,transparent)}.sp--launch{min-height:0;justify-content:center;gap:10px;padding:12px}.sp-win{display:flex;align-items:center;gap:10px}.sp-win-dot{width:10px;height:10px;border-radius:50%;background:var(--muted);flex:none}.sp-win-dot.is-on{background:#1f9d55}.sp-win-dot.is-live{background:#1f9d55;box-shadow:0 0 0 3px color-mix(in srgb,#1f9d55 20%,transparent);animation:sp-win-pulse 1.4s ease-in-out infinite}@keyframes sp-win-pulse{0%,to{opacity:1}50%{opacity:.5}}.sp-win-txt{display:flex;flex-direction:column;text-align:left}.sp-win-txt strong{font-size:.88rem;line-height:1.2}.sp-win-txt span{font-size:.76rem;color:var(--muted)}.sp-launch-btn{width:100%;padding:9px 12px;border:0;border-radius:10px;cursor:pointer;background:var(--brand);color:#fff;font-size:.84rem;font-weight:600}.sp-launch-btn:hover{filter:brightness(1.05)}.sp-launch-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sp-account{display:flex;align-items:center;gap:10px;position:relative}.sp-avatar-circle{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;border:none;padding:0;cursor:pointer;font-size:.76rem;font-weight:700;color:#fff;letter-spacing:.02em;background:radial-gradient(120% 120% at 30% 20%,color-mix(in srgb,var(--brand) 80%,white),var(--brand));box-shadow:0 3px 10px color-mix(in srgb,var(--brand) 40%,transparent);transition:box-shadow .15s ease,transform .1s ease}.sp-avatar-circle:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 25%,transparent)}.sp-avatar-circle:active{transform:scale(.95)}.sp-iconbtn{width:30px;height:30px;border-radius:8px;flex:none;cursor:pointer;display:grid;place-items:center;font-size:.95rem;padding:0;background:var(--raise);color:var(--muted);border:1px solid var(--line);transition:background .12s ease,color .12s ease}.sp-iconbtn:hover{background:color-mix(in srgb,var(--brand) 12%,var(--raise));color:var(--brand)}.sp-audio{width:260px;gap:10px;padding:12px}.sp-audio-title{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:2px 2px 4px}.sp-audio-row{display:flex;flex-direction:column;gap:5px;font-size:.8rem;font-weight:600;color:var(--ink)}.sp-audio-row select{width:100%;font:inherit;font-size:.82rem;padding:8px 10px;border-radius:9px;border:1px solid var(--line);background:var(--raise);color:var(--ink);cursor:pointer}.sp-audio-row select:focus{outline:2px solid var(--brand);outline-offset:1px}.sp-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.sp-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:41;width:244px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;display:flex;flex-direction:column;gap:2px;animation:sp-menu-in .16s ease}@keyframes sp-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.sp-menu-head{display:flex;align-items:center;gap:11px;padding:8px 8px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.sp-menu-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;color:#fff;font-weight:700;font-size:.9rem;background:radial-gradient(120% 120% at 30% 20%,color-mix(in srgb,var(--brand) 80%,white),var(--brand))}.sp-menu-id{min-width:0}.sp-menu-name{font-size:.88rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-menu-mail{font-size:.74rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-menu-item{display:block;width:100%;text-align:left;border:none;background:none;color:var(--ink);font:inherit;font-size:.85rem;padding:9px 10px;border-radius:9px;cursor:pointer;transition:background .12s ease}.sp-menu-item:hover{background:var(--raise)}.sp-menu-item--danger{color:var(--bad)}.sp-logout{border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:.74rem;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;transition:border-color .15s ease,color .15s ease;white-space:nowrap}.sp-logout:hover{border-color:color-mix(in srgb,var(--bad) 45%,var(--line));color:var(--bad)}.sp-foot{text-align:center;font-size:.7rem;color:var(--muted);margin-top:auto;padding-top:8px}@media (prefers-reduced-motion: reduce){.sp-inbound,.sp-oncall,.sp-key--answer{animation:none}}.sp-mini--ok{background:var(--ok);color:#fff;border-color:var(--ok)}.sp-consult{align-items:center;gap:6px}.sp-consult-status{font-size:.72rem;color:var(--muted);flex:1 1 100%;min-width:0}