.sp-root{--sp-ink:#17223b;--sp-muted:#73809a;--sp-accent:#5046d7;--sp-surface:#fff;font-family:inherit;direction:rtl;color:var(--sp-ink)}.sp-root *{box-sizing:border-box}.sp-root [hidden]{display:none!important}.sp-launch{position:fixed;left:22px;bottom:86px;z-index:10990;width:60px;height:60px;border:0;border-radius:20px;background:linear-gradient(145deg,#6558f3,#4235ba);color:#fff;box-shadow:0 16px 38px rgba(54,43,147,.34);display:grid;place-items:center;cursor:pointer;transition:transform .2s,box-shadow .2s}.sp-launch:hover,.sp-launch:focus-visible{transform:translateY(-3px);box-shadow:0 19px 42px rgba(54,43,147,.42)}.sp-launch svg{width:29px;height:29px;fill:currentColor}.sp-launch-dot{position:absolute;right:8px;top:8px;width:10px;height:10px;border-radius:50%;background:#aab2c6;border:2px solid #fff}.sp-root[data-state=ready] .sp-launch-dot,.sp-root[data-state=active] .sp-launch-dot{background:#38d9a0}.sp-root[data-state=incoming] .sp-launch-dot{background:#ffcf6f}.sp-ringing{animation:sp-pulse 1.25s ease-in-out infinite}@keyframes sp-pulse{50%{box-shadow:0 0 0 12px rgba(90,75,228,.18),0 18px 40px rgba(54,43,147,.35)}}.sp-backdrop{position:fixed;inset:0;background:rgba(17,26,52,.45);backdrop-filter:blur(3px);z-index:10991}.sp-panel{position:fixed;left:22px;bottom:157px;width:min(386px,calc(100vw - 32px));max-height:min(740px,calc(100dvh - 180px));z-index:10992;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(93,103,156,.13);border-radius:26px;background:var(--sp-surface);box-shadow:0 30px 90px rgba(15,25,61,.29);text-align:right}.sp-head{display:flex;justify-content:space-between;align-items:center;padding:18px 21px;background:linear-gradient(120deg,#f3f2ff,#fafbff);border-bottom:1px solid #eceef6}.sp-brand{display:flex;align-items:center;gap:12px}.sp-brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;font-size:25px;background:#5b50df}.sp-brand strong{display:block;font-size:16px;font-weight:800}.sp-brand small{display:block;font-size:12px;color:var(--sp-muted);margin-top:2px}.sp-icon-button{width:36px;height:36px;border:0;border-radius:12px;background:#fff;color:#59637e;font-size:25px;line-height:1;cursor:pointer}.sp-content{overflow-y:auto;padding:19px 22px 22px;scrollbar-width:thin}.sp-account{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sp-muted);margin-bottom:18px}.sp-account b{color:#312e81;direction:ltr}.sp-connection{margin-right:auto;width:8px;height:8px;background:#a6b0c0;border-radius:50%}.sp-root[data-state=ready] .sp-connection,.sp-root[data-state=active] .sp-connection{background:#22bc88}.sp-message,.sp-setup{border-radius:13px;padding:11px 13px;background:#fff2e9;color:#9b4b23;font-size:12px;line-height:1.8;margin-bottom:14px}.sp-setup{background:#f1f2fc;color:#4b5484}.sp-dial label,.sp-transfer-form label{display:block;font-size:12px;font-weight:700;color:#64708d;margin-bottom:9px}.sp-number-row{display:flex;align-items:center;border:1px solid #dce1f0;border-radius:15px;background:#f8f9fd;overflow:hidden}.sp-number-row:focus-within{border-color:#786cf0;box-shadow:0 0 0 3px rgba(99,87,230,.12)}.sp-number-row input{height:50px;min-width:0;flex:1;border:0;background:transparent;outline:0;font-size:23px;font-weight:700;letter-spacing:1.2px;padding:0 14px;text-align:center;color:var(--sp-ink)}.sp-number-row button{width:43px;height:42px;border:0;background:transparent;color:#818ca4;font-size:21px;cursor:pointer}.sp-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:270px;margin:20px auto}.sp-keypad button{height:48px;border:1px solid #e8eaf4;background:#f9faff;color:#1f2c4b;border-radius:15px;font-size:20px;font-weight:750;cursor:pointer;transition:background .15s,transform .15s}.sp-keypad button:hover,.sp-keypad button:focus-visible{background:#eae8ff;transform:translateY(-1px)}.sp-btn{border:0;border-radius:14px;padding:12px 16px;color:#fff;font-size:14px;font-weight:750;cursor:pointer}.sp-btn:disabled{opacity:.5;cursor:not-allowed}.sp-dial-button{display:block;width:100%;background:#4f46d9;box-shadow:0 8px 20px rgba(79,70,217,.2)}.sp-call-card{text-align:center;padding:6px 0 19px}.sp-call-avatar{display:grid;place-items:center;margin:0 auto 10px;width:78px;height:78px;border-radius:26px;background:linear-gradient(135deg,#e8e6ff,#dce8ff);color:#5a50d5;font-size:40px}.sp-call-card>span,.sp-call-card time{display:block;color:var(--sp-muted);font-size:13px;margin:4px}.sp-call-card strong{display:block;direction:ltr;font-size:23px;letter-spacing:1px;overflow-wrap:anywhere}.sp-incoming-actions{display:flex;gap:9px;margin-top:16px}.sp-incoming-actions .sp-btn{flex:1}.sp-accept{background:#0ba875}.sp-decline,.sp-hangup{background:#ec5363}.sp-hangup{display:block;margin:12px auto 0;min-width:152px}.sp-call-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:18px}.sp-call-controls button{min-height:45px;padding:5px;border:1px solid #e4e7f2;border-radius:12px;background:#f8f9fd;color:#4a5775;font-size:11px;cursor:pointer}.sp-call-controls button[aria-pressed=true]{border-color:#6359e0;background:#efedff;color:#4438bb}.sp-audio-button{margin:8px auto 0;border:0;background:none;color:#4f46d9;text-decoration:underline;cursor:pointer}.sp-dial.sp-in-call{display:none}.sp-dial.sp-in-call.sp-show-keypad{display:block}.sp-dial.sp-in-call .sp-dial-button{display:none}.sp-transfer-form{padding:10px 0 17px}.sp-transfer-form>div{display:flex;gap:8px}.sp-transfer-form input{width:100%;min-width:0;border:1px solid #dce1f0;border-radius:12px;padding:9px;font-size:16px}.sp-transfer-form button{border:0;border-radius:12px;background:#5046d7;color:#fff;padding:0 14px;cursor:pointer}.sp-recents{border-top:1px solid #e9ecf4;margin-top:22px;padding-top:16px}.sp-recents h3{font-size:13px;font-weight:800;margin:0 0 9px}.sp-recent{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--sp-ink);cursor:pointer;text-align:right}.sp-recent:hover{background:#f5f5fc}.sp-recent b{direction:ltr}.sp-recent small{color:var(--sp-muted);font-size:11px}.sp-hint{font-size:11px;color:#8792a9;line-height:1.7;margin:15px 0 0}.sp-root button:focus-visible,.sp-root input:focus-visible{outline:2px solid #6d62f2;outline-offset:2px}@media(max-width:767px){.sp-launch{left:auto;right:16px;bottom:calc(90px + env(safe-area-inset-bottom));width:55px;height:55px;border-radius:18px}.sp-panel{left:0;right:0;bottom:0;width:100%;max-height:min(92dvh,820px);border-radius:26px 26px 0 0;padding-bottom:env(safe-area-inset-bottom)}.sp-head{padding:15px 19px}.sp-content{padding:16px 20px 24px}.sp-keypad{margin:13px auto}.sp-keypad button{height:45px}}@media(max-height:660px){.sp-panel{max-height:calc(100dvh - 20px)}.sp-keypad button{height:39px}}