@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap");:root{--b4:#60B8F5;--b5:#2D8FE8;--b6:#1A6FCC;--b7:#0D4A8A;--b8:#093570;--o3:#FFCA5A;--o4:#F59E1A;--o5:#E8880A;--g0:#FFFFFF;--g1:#F8FAFC;--g2:#EEF2F7;--g3:#DDE3ED;--g4:#94A3B8;--g5:#64748B;--g6:#475569;--g7:#334155;--g8:#1E293B;--g9:#0F172A;--sh-card:0 2px 12px rgba(0,0,0,0.07),0 8px 32px rgba(0,0,0,0.05);--sh-blue:0 8px 40px rgba(26,111,204,0.22);--sh-orange:0 8px 32px rgba(232,136,10,0.28);--r1:8px;--r2:14px;--r3:20px;--r4:32px;--font:"Plus Jakarta Sans",sans-serif;--dg-bg:#FEF2F2;--dg-border:#FECACA;--dg-fg:#DC2626;--ok-bg:#F0FDF4;--ok-border:#86EFAC;--ok-fg:#15803D;--warn-bg:#FFFBEB;--warn-border:#FDE68A;--warn-fg:#B45309;--dg-solid:#DC2626;--accent-soft:#EBF4FF;--on-accent:#FFFFFF}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--g0:#0F172A;--g1:#1E293B;--g2:#293548;--g3:#3B4F6B;--g4:#4E6585;--g5:#7E96B0;--g6:#9BAFC3;--g7:#C2D2E4;--g8:#DDE8F2;--g9:#EEF4FB;--sh-card:0 2px 12px rgba(0,0,0,0.45),0 8px 32px rgba(0,0,0,0.35);--dg-bg:#3A1C1C;--dg-border:#7F3030;--dg-fg:#FCA5A5;--dg-solid:#E5484D;--ok-bg:#12291C;--ok-border:#2F6B45;--ok-fg:#86EFAC;--warn-bg:#33280E;--warn-border:#7A5C1E;--warn-fg:#FCD34D;--accent-soft:#16283F;--on-accent:#FFFFFF}}:root[data-theme=dark]{--g0:#0F172A;--g1:#1E293B;--g2:#293548;--g3:#3B4F6B;--g4:#4E6585;--g5:#7E96B0;--g6:#9BAFC3;--g7:#C2D2E4;--g8:#DDE8F2;--g9:#EEF4FB;--sh-card:0 2px 12px rgba(0,0,0,0.45),0 8px 32px rgba(0,0,0,0.35);--dg-bg:#3A1C1C;--dg-border:#7F3030;--dg-fg:#FCA5A5;--dg-solid:#E5484D;--ok-bg:#12291C;--ok-border:#2F6B45;--ok-fg:#86EFAC;--warn-bg:#33280E;--warn-border:#7A5C1E;--warn-fg:#FCD34D;--accent-soft:#16283F;--on-accent:#FFFFFF}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--g1);color:var(--g8);-webkit-font-smoothing:antialiased;overflow-x:hidden}.btn-blue{background:linear-gradient(135deg,var(--b7),var(--b5));color:#fff;font-weight:700;border-radius:var(--r1);box-shadow:var(--sh-blue);transition:transform .15s,box-shadow .15s;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-blue:hover{transform:translateY(-1px);box-shadow:0 16px 48px rgba(26,111,204,.32)}.btn-orange{background:linear-gradient(135deg,var(--o4),var(--o5));color:#fff;font-weight:700;border-radius:var(--r1);box-shadow:var(--sh-orange);transition:transform .15s,box-shadow .15s;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-orange:hover{transform:translateY(-1px);box-shadow:0 12px 32px rgba(232,136,10,.5)}.btn-outline{background:var(--g0);color:var(--g6);font-weight:600;border-radius:var(--r1);border:1.5px solid var(--g3);transition:border-color .15s,color .15s;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-outline:hover{border-color:var(--g4);color:var(--g8)}.card{background:var(--g0);border:1px solid var(--g2);border-radius:var(--r2);box-shadow:var(--sh-card)}.sec-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--b5)}.sec-label:before{content:"";width:18px;height:2px;background:linear-gradient(90deg,var(--b5),var(--b4));border-radius:2px}.portal-nav{height:66px;background:linear-gradient(110deg,var(--b8) 0,var(--b7) 40%,var(--b6) 75%,var(--b5) 100%);box-shadow:0 2px 24px rgba(9,53,112,.4);display:flex;align-items:center;padding:0 40px;position:fixed;top:0;left:0;right:0;z-index:100}.portal-nav-spacer{height:66px}.portal-shell{height:calc(100vh - 66px);background:var(--g1)}.portal-shell,.sidebar{display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w,260px);min-width:220px;max-width:580px;background:var(--g0);flex-direction:column;flex-shrink:0}.resize-handle{width:5px;flex-shrink:0;cursor:col-resize;background:var(--g2);transition:background .15s;position:relative;z-index:10}.resize-handle.dragging,.resize-handle:hover{background:var(--b5)}.conv-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-left:3px solid transparent;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--g2)}.conv-item:hover{background:var(--g1)}.conv-item.selected{border-left-color:var(--b5);background:var(--accent-soft)}[data-theme=dark] .conv-item.selected{background:rgba(45,143,232,.18)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .conv-item.selected{background:rgba(45,143,232,.18)}}.msg-pane{flex:1 1;display:flex;overflow:hidden}.contact-panel,.msg-pane{flex-direction:column;background:var(--g0)}.contact-panel{width:var(--contact-w,220px);min-width:160px;max-width:400px;overflow-y:auto;flex-shrink:0}.sidebar .contact-panel{width:100%;min-width:0;max-width:none}.settings-two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;align-items:start}@media (max-width:800px){.settings-two-col{grid-template-columns:1fr}}.bubble-out{background:linear-gradient(135deg,var(--b7),var(--b5));color:#fff;border-radius:18px 18px 4px 18px;box-shadow:var(--sh-blue)}.bubble-in{background:var(--g1);border:1px solid var(--g2);color:var(--g8);border-radius:18px 18px 18px 4px}.send-area{border-top:1px solid var(--g2);padding:12px 16px;display:flex;gap:10px;align-items:flex-end;background:var(--g0)}.send-textarea{flex:1 1;resize:none;border:1.5px solid var(--g3);border-radius:var(--r2);padding:10px 14px;font-family:var(--font);font-size:14px;color:var(--g8);background:var(--g1);line-height:1.5;outline:none;min-height:42px;max-height:120px;overflow-y:auto;transition:border-color .15s}.send-textarea:focus{border-color:var(--b5);background:var(--g0)}.send-textarea:disabled{background:var(--g2);color:var(--g4);border-color:var(--g2);cursor:not-allowed;opacity:1}.menu-item{padding:9px 16px;cursor:pointer;font-size:14px;color:var(--g7);outline:none;transition:background .1s;display:flex;align-items:center;gap:8px}.menu-item:hover,[data-highlighted].menu-item{background:var(--g1);color:var(--g9)}.menu-item.danger{color:var(--dg-fg)}.menu-item.danger:hover{background:var(--dg-bg)}@media (max-width:860px){.contact-panel,.sidebar{width:100%;min-width:0}.mobile-hidden{display:none!important}}.right-panel-wrap{width:var(--contact-w,280px);min-width:200px;max-width:420px;background:var(--g0);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.right-panel-tabs{display:flex;border-bottom:1px solid var(--g2);flex-shrink:0}.rp-tab{flex:1 1;padding:10px 12px;font-size:13px;font-weight:600;color:var(--g5);background:none;cursor:pointer;border:none;border-bottom:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:6px;transition:color .15s}.rp-tab:hover{color:var(--g8)}.rp-tab.active{color:var(--b5);border-bottom-color:var(--b5)}.rp-call-dot{width:7px;height:7px;border-radius:50%;background:#10B981;box-shadow:0 0 5px rgba(16,185,129,.6);animation:rp-pulse 1.5s infinite}@keyframes rp-pulse{0%,to{opacity:1}50%{opacity:.4}}.sp-root{--primary:var(--b5);--primary-lt:var(--accent-soft);--primary-dk:var(--b7);--secondary:#8B5CF6;--green:#10B981;--red:#EF4444;--amber:#F59E0B;--blue:#3B82F6;--surface:var(--g0);--surface2:var(--g1);--border:var(--g2);--text-1:var(--g8);--text-2:var(--g6);--text-3:var(--g4);--bg:var(--g1);--radius:var(--r2);--radius-sm:var(--r1);--radius-xs:5px;--transition:0.18s ease;--shadow:var(--sh-card);--shadow-md:0 4px 24px rgba(0,0,0,.13);display:flex;flex-direction:column;flex:1 1;overflow:hidden;background:var(--g0)}.sp-root .sp-nav{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.sp-root .sp-nav-tab{flex:1 1;padding:10px 4px;font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;background:none;cursor:pointer;border:none;border-bottom:2px solid transparent;display:flex;flex-direction:column;align-items:center;gap:2px;transition:color var(--transition)}.sp-root .sp-nav-tab:hover{color:var(--text-2)}.sp-root .sp-nav-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.sp-root .panel{flex:1 1;background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.sp-root .panel-header{padding:14px 16px 0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sp-root .panel-title{font-size:14px;font-weight:700;color:var(--text-1)}.sp-root .dialer-input-wrap{padding:16px 20px 8px}.sp-root .dialer-display{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;min-height:52px}.sp-root .dialer-input{flex:1 1;background:none;border:none;outline:none;font-size:22px;font-weight:700;letter-spacing:.5px;color:var(--text-1);font-family:inherit;min-width:0}.sp-root .dialer-input::placeholder{font-size:15px;font-weight:400;color:var(--text-3);letter-spacing:normal}.sp-root .dialer-backspace{color:var(--text-3);padding:4px;border-radius:4px;cursor:pointer;background:none;border:none}.sp-root .dialer-backspace:hover{color:var(--red)}.sp-root .keypad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;padding:6px 20px}.sp-root .key-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);color:var(--text-1);transition:all .1s;gap:1px;cursor:pointer}.sp-root .key-btn:hover{background:var(--primary-lt);border-color:var(--primary);color:var(--primary)}.sp-root .key-btn:active{transform:scale(.96)}.sp-root .key-digit{font-size:18px;font-weight:700;line-height:1}.sp-root .key-sub{font-size:8px;font-weight:600;letter-spacing:.8px;color:var(--text-3)}.sp-root .key-btn:hover .key-sub{color:var(--primary)}.sp-root .dialer-actions{padding:8px 20px}.sp-root .call-btn{width:100%;padding:13px;background:var(--green);color:#fff;border-radius:var(--radius);border:none;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition);cursor:pointer}.sp-root .call-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 6px 20px rgba(16,185,129,.35)}.sp-root .call-btn:active{transform:translateY(0)}.sp-root .call-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.sp-root .filter-tabs{display:flex;gap:2px;padding:10px 14px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.sp-root .filter-tab{padding:5px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--text-2);background:var(--surface2);border:1px solid var(--border);transition:all var(--transition);cursor:pointer}.sp-root .filter-tab:hover{background:var(--primary-lt);color:var(--primary)}.sp-root .filter-tab.active{background:var(--primary);color:#fff;border-color:var(--primary-dk)}.sp-root .list-body{flex:1 1;overflow-y:auto;padding:6px 8px}.sp-root .list-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);transition:background var(--transition)}.sp-root .list-row.clickable:hover,.sp-root .list-row:hover{background:var(--surface2);cursor:pointer}.sp-root .list-row.selected{background:var(--primary-lt)}.sp-root .dir-icon-wrap{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sp-root .list-row-main{flex:1 1;min-width:0}.sp-root .list-row-name{font-size:13px;font-weight:600}.sp-root .list-row-name,.sp-root .list-row-sub{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-root .list-row-sub{font-size:11px;color:var(--text-3)}.sp-root .list-row-meta{flex-shrink:0;text-align:right}.sp-root .list-row-time{font-size:11px;color:var(--text-3);display:block}.sp-root .list-row-dur{font-size:11px;color:var(--text-2);display:block}.sp-root .list-row-notes{font-size:10px;color:var(--text-3);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic;margin-top:1px}.sp-root .list-row-disposition{font-size:9px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.3px;display:inline-block;margin-top:2px}.sp-root .list-call-btn{width:28px;height:28px;border-radius:6px;background:none;color:var(--text-3);display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.55;transition:all var(--transition);border:none;cursor:pointer}.sp-root .list-call-btn:hover{color:var(--primary);background:var(--surface2)}.sp-root .list-row:focus-within .list-call-btn,.sp-root .list-row:hover .list-call-btn{opacity:1}.sp-root .contact-avatar-sm{width:34px;height:34px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sp-root .label-pill{font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px}.sp-root .list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:var(--text-3);font-size:13px;text-align:center}.sp-root .call-badge-in{background:#D1FAE5;color:#065F46}.sp-root .call-badge-out{background:#DBEAFE;color:#1D4ED8}.sp-root .call-badge-missed{background:#FEE2E2;color:#991B1B}.sp-root .active-call-overlay{position:absolute;inset:0;overflow:hidden;z-index:100;background:var(--surface2);display:flex;align-items:center;justify-content:center}.sp-root .ringing-screen{align-self:stretch;width:100%;flex-direction:column;gap:20px;background:linear-gradient(160deg,var(--surface) 0,var(--surface2) 100%)}.sp-root .ringing-ripple,.sp-root .ringing-screen{display:flex;align-items:center;justify-content:center}.sp-root .ringing-ripple{position:relative;width:120px;height:120px}.sp-root .ripple{position:absolute;border-radius:50%;border:2px solid var(--primary);opacity:.4;animation:spRipple 2s infinite}.sp-root .ripple.r1{width:120px;height:120px;animation-delay:0s}.sp-root .ripple.r2{width:90px;height:90px;animation-delay:.4s}.sp-root .ripple.r3{width:60px;height:60px;animation-delay:.8s}@keyframes spRipple{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.3);opacity:0}}.sp-root .ringing-avatar{width:72px;height:72px;border-radius:50%;color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 4px 20px rgba(0,0,0,.2)}.sp-root .ringing-info{text-align:center}.sp-root .ringing-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-3);margin-bottom:6px}.sp-root .ringing-name{font-size:22px;font-weight:800;color:var(--text-1)}.sp-root .ringing-num{font-size:14px;color:var(--text-3);margin-top:4px}.sp-root .ringing-tag{display:inline-block;margin-top:8px;padding:3px 12px;border-radius:20px;background:var(--primary-lt);color:var(--primary);font-size:11px;font-weight:700}.sp-root .ringing-actions{display:flex;gap:32px}.sp-root .ring-btn{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .15s;border:none;cursor:pointer}.sp-root .ring-btn:hover{transform:scale(1.08)}.sp-root .ring-btn.reject{background:var(--red)}.sp-root .ring-btn.accept{background:var(--green)}.sp-root .active-screen{width:100%;max-width:380px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}.sp-root .call-contact-block{display:flex;flex-direction:column;align-items:center;padding:28px 24px 16px;gap:3px}.sp-root .call-avatar-lg{width:68px;height:68px;border-radius:50%;color:#fff;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:0 4px 16px rgba(0,0,0,.15)}.sp-root .call-cname{font-size:20px;font-weight:800;color:var(--text-1);text-align:center}.sp-root .call-cnum{font-size:13px;color:var(--text-3);text-align:center;margin-top:2px}.sp-root .call-status-row{display:flex;align-items:center;gap:5px;margin-top:6px}.sp-root .call-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sp-root .call-status-label{font-size:11px;font-weight:600;color:var(--text-3)}.sp-root .call-status-timer{font-size:12px;font-weight:700;color:var(--text-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sp-root .call-ctrl-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:14px 16px 16px;border-top:1px solid var(--border)}.sp-root .call-ctrl-grid .ctrl-circle{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 16px) / 3)}.sp-root .ctrl-circle{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);color:var(--text-2);transition:all var(--transition);font-size:11px;font-weight:600;cursor:pointer}.sp-root .ctrl-circle:hover{background:var(--primary-lt);color:var(--primary);border-color:var(--primary)}.sp-root .ctrl-circle.ctrl-on{background:var(--primary);color:#fff;border-color:var(--primary)}.sp-root .ctrl-circle.ctrl-on.amber{background:var(--amber);border-color:var(--amber)}.sp-root .call-notes-block{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;border-top:1px solid var(--border)}.sp-root .call-hangup-row{display:flex;justify-content:center;padding:12px 16px 24px;border-top:1px solid var(--border)}.sp-root .hangup-btn{width:60px;height:60px;border-radius:50%;background:var(--red);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 4px 16px rgba(239,68,68,.35)}.sp-root .hangup-btn:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(239,68,68,.5)}.sp-root .dtmf-pad{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:10px;width:100%;max-width:220px}.sp-root .dtmf-display{text-align:center;font-size:18px;font-weight:700;letter-spacing:4px;color:var(--text-1);padding:6px;min-height:36px}.sp-root .dtmf-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px}.sp-root .dtmf-key{padding:8px;border-radius:var(--radius-xs);background:var(--surface);border:1px solid var(--border);font-size:15px;font-weight:700;color:var(--text-1);transition:all .1s;cursor:pointer}.sp-root .dtmf-key:hover{background:var(--primary);color:#fff}.sp-root .dtmf-key:active{transform:scale(.93)}.sp-root .transfer-panel{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;width:100%;max-width:260px}.sp-root .transfer-title{font-size:12px;font-weight:700;color:var(--text-2);margin-bottom:8px;text-transform:uppercase;letter-spacing:.4px}.sp-root .transfer-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);padding:8px 10px;font-size:13px;color:var(--text-1);outline:none;margin-bottom:8px;font-family:inherit}.sp-root .transfer-input:focus{border-color:var(--primary)}.sp-root .transfer-btns{display:flex;gap:6px;margin-bottom:8px}.sp-root .transfer-btn{flex:1 1;padding:7px;border-radius:var(--radius-xs);font-size:11px;font-weight:700;transition:all var(--transition);cursor:pointer;border:none}.sp-root .transfer-btn.blind{background:var(--red);color:#fff}.sp-root .transfer-agents{display:flex;flex-direction:column;gap:3px;max-height:200px;overflow-y:auto}.sp-root .transfer-agent-item{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:var(--radius-xs);background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:500;color:var(--text-1);transition:background var(--transition);cursor:pointer}.sp-root .transfer-agent-item:hover{background:var(--primary-lt)}.sp-root .transfer-ext{margin-left:auto;font-size:11px;color:var(--text-3)}.sp-root .transfer-agent-item.selected{background:var(--primary-lt);border-color:var(--primary)}.sp-root .transfer-divider{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-3);margin:2px 0 6px}.sp-root .vol-row{display:flex;align-items:center;gap:9px;color:var(--text-3)}.sp-root .vol-row.in-call{padding:8px 16px 12px;border-top:1px solid var(--border)}.sp-root .vol-row input[type=range]{flex:1 1;min-width:0;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.sp-root .vol-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}.sp-root .vol-row input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}.sp-root .vol-pct{font-size:10px;font-weight:600;color:var(--text-3);min-width:30px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--dg-fg);display:inline-block;animation:rec-pulse 1.2s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.sp-root .clip-now-playing{display:flex;flex-direction:column;gap:6px;padding:10px 16px 12px;border-top:1px solid var(--border);background:var(--surface2)}.sp-root .clip-now-head{display:flex;align-items:center;gap:8px}.sp-root .clip-now-label{flex:1 1;min-width:0;font-size:12px;font-weight:700;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-root .clip-stop-btn{flex-shrink:0;padding:4px 12px;border-radius:var(--radius-xs);background:var(--red);color:#fff;border:none;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}.sp-root .clip-progress{height:4px;border-radius:2px;background:var(--border);overflow:hidden}.sp-root .clip-progress-fill{height:100%;background:var(--primary);transition:width .1s linear}.sp-root .clip-now-hint{font-size:10px;color:var(--text-3)}.sp-root .clip-empty{font-size:12px;color:var(--text-3);text-align:center;padding:14px 4px;line-height:1.5}.sp-root .clip-error{margin-top:8px;font-size:11px;color:var(--red);text-align:center}.sp-root .transfer-agent-item:disabled{opacity:.5;cursor:not-allowed}.sp-root .park-picker-overlay{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;width:100%}.sp-root .park-picker-title{font-size:12px;font-weight:700;color:var(--text-2);margin-bottom:8px;text-transform:uppercase;letter-spacing:.4px}.sp-root .blf-section{padding:12px;border-bottom:1px solid var(--border);overflow-y:auto}.sp-root .blf-section:last-child{border-bottom:none}.sp-root .blf-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);margin-bottom:8px;display:flex;align-items:center;gap:5px}.sp-root .blf-count{margin-left:auto;background:var(--green);color:#fff;font-size:9px;font-weight:700;padding:1px 6px;border-radius:8px}.sp-root .park-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px}.sp-root .park-slot{border-radius:var(--radius-sm);padding:7px 9px;text-align:left;border:1px solid var(--border);transition:all var(--transition);width:100%;cursor:pointer;background:none}.sp-root .park-slot.empty{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.25);color:#059669}.sp-root .park-slot.empty:hover{background:rgba(16,185,129,.15);border-color:var(--primary)}.sp-root .park-slot.occupied{background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(239,68,68,.02));border-color:rgba(239,68,68,.3);animation:spParkPulse 2.5s infinite}.sp-root .park-slot.occupied:hover{border-color:var(--red)}@keyframes spParkPulse{0%,to{border-color:rgba(239,68,68,.3)}50%{border-color:rgba(239,68,68,.7)}}.sp-root .park-slot-label{font-size:12px;font-weight:700;color:var(--text-3);margin-bottom:2px}.sp-root .park-slot.occupied .park-slot-label{color:var(--red)}.sp-root .park-caller{font-size:13px;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sp-root .park-timer{font-size:12px;color:var(--red);font-weight:600;display:block}.sp-root .park-slot-empty{font-size:13px;color:var(--text-3)}.sp-root .park-slot:disabled{cursor:default}.sp-root .blf-compact-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px}.sp-root .blf-compact-key{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:var(--radius-xs);background:var(--surface2);border:1px solid var(--border);transition:all var(--transition);width:100%;cursor:pointer}.sp-root .blf-compact-key:hover{border-color:var(--primary);background:var(--primary-lt)}.sp-root .blf-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sp-root .blf-compact-name{font-size:11px;font-weight:600;color:var(--text-1);flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-root .blf-compact-ext{font-size:10px;color:var(--text-3)}.sp-root .blf-cards{display:flex;flex-direction:column;gap:4px}.sp-root .blf-card{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);text-align:left;transition:all var(--transition);width:100%;cursor:pointer}.sp-root .blf-card:hover{border-color:var(--primary)}.sp-root .blf-card.busy{border-left:3px solid var(--red)}.sp-root .blf-card.ringing{border-left:3px solid var(--blue);animation:spRingFlash .8s infinite}@keyframes spRingFlash{0%,to{border-left-color:var(--blue)}50%{border-left-color:transparent}}.sp-root .blf-card.away{border-left:3px solid var(--amber)}.sp-root .blf-card.dnd{border-left:3px solid var(--secondary)}.sp-root .blf-card-avatar{width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.sp-root .blf-card-dot{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;border:2px solid var(--surface2)}.sp-root .blf-card-body{flex:1 1;min-width:0}.sp-root .blf-card-name{font-size:12px;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-root .blf-card-status{font-size:10px;font-weight:600}.sp-root .blf-card-caller{font-size:10px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-root .blf-card-ext{font-size:11px;color:var(--text-3);font-weight:500;flex-shrink:0}.sp-root .blf-pills{display:flex;flex-direction:column;gap:3px}.sp-root .blf-pill{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:20px;background:var(--surface2);border:1px solid var(--border);width:100%;text-align:left;transition:all var(--transition);cursor:pointer}.sp-root .blf-pill:hover{background:var(--primary-lt);border-color:var(--primary)}.sp-root .blf-pill-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sp-root .blf-pill-name{font-size:12px;font-weight:600;color:var(--text-1);flex:1 1}.sp-root .blf-pill-ext{font-size:10px;color:var(--text-3)}.sp-root .blf-pill-timer{font-size:10px;font-weight:700;color:var(--red);margin-left:auto}.sp-root .quick-dial-list{display:flex;flex-direction:column;gap:3px}.sp-root .quick-dial-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);width:100%;text-align:left;transition:all var(--transition);cursor:pointer}.sp-root .quick-dial-btn:hover{background:var(--primary-lt);border-color:var(--primary)}.sp-root .qd-icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--text-3)}.sp-root .qd-label{font-size:12px;font-weight:600;color:var(--text-1);flex:1 1}.sp-root .qd-num{font-size:11px;color:var(--text-3);background:var(--border);padding:2px 6px;border-radius:4px}.sp-root .blf-drag-handle{color:var(--text-3);cursor:-webkit-grab;cursor:grab;font-size:14px;padding:2px 4px;flex-shrink:0}.sp-root .blf-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.sp-root .sip-status-indicator{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border)}.sp-root .sip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sp-root .sip-dot[data-status=registered]{background:var(--green);box-shadow:0 0 6px rgba(16,185,129,.5)}.sp-root .sip-dot[data-status=connecting]{background:var(--amber);animation:spLivePulse 1s infinite}.sp-root .sip-dot[data-status=error],.sp-root .sip-dot[data-status=failed]{background:var(--red)}.sp-root .sip-dot[data-status=disconnected]{background:var(--text-3)}.sp-root .sip-label{font-size:11px;font-weight:600;color:var(--text-2)}@keyframes spLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.sip-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:14px;font-size:13px;font-weight:600;z-index:2000;cursor:pointer;box-shadow:var(--sh-card);animation:spToastIn .2s ease;font-family:var(--font)}@keyframes spToastIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.sip-toast.info{background:#D1FAE5;color:#065F46;border:1px solid #a7f3d0}.sip-toast.error{background:#FEE2E2;color:#991B1B;border:1px solid var(--dg-border)}.sip-toast.warn{background:rgba(245,158,11,.12);color:#92400E;border:1px solid rgba(245,158,11,.35)}.sp-root .settings-body{flex:1 1;overflow-y:auto;padding:12px 16px}.sp-root .settings-section{margin-bottom:20px}.sp-root .settings-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.sp-root .settings-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);gap:12px}.sp-root .settings-row:last-child{border-bottom:none}.sp-root .settings-label{font-size:13px;font-weight:500;color:var(--text-2);flex:1 1}.sp-root .settings-val{font-size:13px;color:var(--text-1);font-weight:500}.sp-root .settings-select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);padding:6px 10px;font-size:13px;color:var(--text-1);outline:none;font-family:inherit}.sp-root .toggle-switch{width:40px;height:22px;background:var(--border);border-radius:11px;position:relative;transition:background var(--transition);flex-shrink:0;cursor:pointer}.sp-root .toggle-switch.on{background:var(--primary)}.sp-root .toggle-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left var(--transition);box-shadow:0 1px 4px rgba(0,0,0,.2)}.sp-root .toggle-switch.on .toggle-knob{left:21px}.sp-root .blf-style-picker{display:flex;gap:4px}.sp-root .blf-style-opt{padding:5px 11px;border-radius:var(--radius-xs);font-size:12px;font-weight:600;color:var(--text-2);background:var(--surface2);border:1px solid var(--border);transition:all var(--transition);cursor:pointer}.sp-root .blf-style-opt.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sp-root .debug-log-body{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;max-height:200px;overflow-y:auto;font-family:Courier New,monospace;font-size:11px;display:flex;flex-direction:column;gap:3px}.sp-root .debug-log-empty{color:var(--text-3);font-style:italic;padding:4px}.sp-root .debug-log-line{display:flex;gap:8px;align-items:baseline}.sp-root .debug-ts{color:var(--text-3);flex-shrink:0}.sp-root .debug-level{font-weight:700;flex-shrink:0;width:36px}.sp-root .debug-msg{flex:1 1;word-break:break-all;line-height:1.4}.nav-call-indicator{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--g0);border-radius:20px;border:1px solid #a7f3d0;color:#065F46;font-size:11px;font-weight:700;animation:spPulseGreen 2s infinite}@keyframes spPulseGreen{0%,to{opacity:1}50%{opacity:.6}}.dm-presence-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;border:2px solid var(--g0)}.dm-section-title{padding:10px 16px 6px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--g4);background:var(--g1);border-bottom:1px solid var(--g2)}