.sales-dialpad-wrap{justify-content:center;align-items:flex-start;gap:24px;height:100%;padding-top:12px;display:flex}.sales-dialpad-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff05;border:1px solid #ffffff05;border-color:#ffffff1f #ffffff05 #ffffff05 #ffffff1f;border-radius:28px;flex-direction:column;flex-shrink:0;align-items:center;gap:18px;width:300px;padding:28px 24px;display:flex;box-shadow:0 20px 50px -20px #000c}.sales-dialpad-status{text-transform:uppercase;letter-spacing:.12em;color:#fff6;font-size:11px;font-weight:700}.sales-dialpad-status-in-call{color:#78dca0f2}.sales-dialpad-status-error{color:#ff8c8ce6}.sales-dialpad-status-ringing,.sales-dialpad-status-connecting{color:#fff}.sales-dialpad-status-row{justify-content:space-between;align-items:center;width:100%;display:flex}.sales-dialpad-status-left{align-items:center;gap:8px;display:flex}.sales-dialpad-dot{background:#fff3;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:all .2s}.sales-dialpad-dot.on{background:#78dca0e6;box-shadow:0 0 8px #78dca099}.sales-dialpad-available-toggle{color:#ffffff80;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:100px;align-items:center;gap:10px;width:100%;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sales-dialpad-available-toggle:hover:not(:disabled){background:#ffffff0a}.sales-dialpad-available-toggle:disabled{cursor:default;opacity:.6}.sales-dialpad-available-toggle.on{color:#ffffffe6;border-color:#78dca033}.sales-dialpad-toggle-track{background:#ffffff1a;border-radius:100px;flex-shrink:0;width:30px;height:17px;transition:background .2s;position:relative}.sales-dialpad-available-toggle.on .sales-dialpad-toggle-track{background:#78dca0cc}.sales-dialpad-toggle-thumb{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px}.sales-dialpad-available-toggle.on .sales-dialpad-toggle-thumb{transform:translate(13px)}.sales-dialpad-test-link{color:#ffffff4d;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;font-size:10px;font-weight:700;text-decoration:underline}.sales-dialpad-test-link:hover:not(:disabled){color:#fff9}.sales-dialpad-test-link:disabled{cursor:default;opacity:.5}.sales-dialpad-test-result{color:#fff9;background:#ffffff08;border-radius:8px;width:100%;padding:8px 10px;font-size:11px}.sales-dialpad-test-passed{color:#78dca0e6;background:#78dca012}.sales-dialpad-test-failed{color:#ff8c8ce6;background:#ff505012}.sales-dialpad-input-row{align-items:center;gap:8px;width:100%;display:flex}.sales-dialpad-plus{color:#ffffff80;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:32px;height:32px;font-size:16px;font-weight:700;transition:all .15s}.sales-dialpad-plus:hover{background:#ffffff14}.sales-dialpad-plus.active{color:#000;background:#fff;border-color:#0000}.sales-dialpad-input-row .sales-dialpad-display{flex:1}.sales-dialpad-display{color:#fff;text-align:center;width:100%;font-size:22px;font-weight:700;font-family:var(--font-mono),monospace;letter-spacing:.03em;background:0 0;border:none;border-bottom:1px solid #ffffff1a;padding:8px 4px 14px}.sales-dialpad-display:focus{border-bottom-color:#ffffff4d;outline:none}.sales-dialpad-display::placeholder{color:#fff3;font-family:var(--font-inter),sans-serif;font-weight:500}.sales-dialpad-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.sales-dialpad-key{aspect-ratio:1;color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:all .15s;display:flex}.sales-dialpad-key-digit{font-size:17px;font-weight:600;line-height:1}.sales-dialpad-key-letters{letter-spacing:.1em;color:#ffffff59;font-size:8px;font-weight:700;line-height:1}.sales-dialpad-key:hover{background:#ffffff17;transform:translateY(-1px)}.sales-dialpad-key:active{background:#ffffff26;transform:translateY(0)}.sales-dialpad-actions{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.sales-dialpad-call,.sales-dialpad-hangup{cursor:pointer;border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 28px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.sales-dialpad-call{color:#06170d;background:#78dca0e6}.sales-dialpad-call:hover:not(:disabled){background:#8cebaf}.sales-dialpad-call:disabled{opacity:.3;cursor:not-allowed}.sales-dialpad-hangup{color:#1a0505;background:#ff5a5ae6;justify-content:center;width:100%}.sales-dialpad-hangup:hover{background:#ff6e6e}.sales-dialpad-backspace{color:#fff9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sales-dialpad-backspace:disabled{opacity:.2;cursor:not-allowed}.sales-dialpad-error{color:#ff8c8ce6;text-align:center;font-size:12px}.sales-dialpad-log{flex:1;min-width:280px;max-width:420px}.sales-dialpad-log-empty{color:#ffffff4d;padding:20px 0;font-size:13px}.sales-dialpad-log-list{flex-direction:column;gap:2px;max-height:400px;display:flex;overflow-y:auto}.sales-dialpad-log-row{border-bottom:1px solid #ffffff0a;grid-template-columns:16px 1.3fr .9fr .6fr .7fr;align-items:center;gap:8px;padding:10px 4px;font-size:12px;display:grid}.sales-dialpad-log-direction{border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.sales-dialpad-log-direction.dir-inbound{color:#78dca0cc;background:#78dca01a}.sales-dialpad-log-direction.dir-outbound{color:#fff6;background:#ffffff0d}.sales-dialpad-log-number{color:#ffffffd9;font-weight:600;font-family:var(--font-mono),monospace}.sales-dialpad-log-status{color:#fff6;text-transform:capitalize}.sales-dialpad-log-status.status-completed{color:#78dca0d9}.sales-dialpad-log-status.status-failed,.sales-dialpad-log-status.status-no-answer{color:#ff8c8cd9}.sales-dialpad-log-duration{color:#ffffff80;font-family:var(--font-mono),monospace}.sales-dialpad-log-time{color:#ffffff4d;text-align:right}.sales-incoming-overlay{z-index:500;-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);background:#030304e0;justify-content:center;align-items:center;animation:.25s sales-incoming-fade-in;display:flex;position:fixed;inset:0}@keyframes sales-incoming-fade-in{0%{opacity:0}to{opacity:1}}.sales-incoming-card{flex-direction:column;align-items:center;gap:10px;padding:48px 40px 40px;display:flex}.sales-incoming-ring{justify-content:center;align-items:center;width:108px;height:108px;margin-bottom:12px;display:flex;position:relative}.sales-incoming-ring-pulse{background:radial-gradient(circle,#78dca059 0%,#0000 70%);border-radius:50%;animation:1.8s cubic-bezier(.16,1,.3,1) infinite sales-incoming-pulse;position:absolute;inset:0}.sales-incoming-ring-pulse.delay{animation-delay:.6s}@keyframes sales-incoming-pulse{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(2.1)}}.sales-incoming-avatar{color:#ffffffd9;background:linear-gradient(165deg,#ffffff1a 0%,#ffffff05 100%);border:1px solid #ffffff0a;border-color:#fff3 #ffffff0a #ffffff0a #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative;box-shadow:0 20px 50px -15px #000000e6}.sales-incoming-label{text-transform:uppercase;letter-spacing:.14em;color:#78dca0d9;font-size:12px;font-weight:700}.sales-incoming-number{letter-spacing:-.01em;color:#fff;font-size:26px;font-weight:800;font-family:var(--font-mono),monospace;margin-bottom:20px}.sales-incoming-actions{align-items:flex-start;gap:56px;display:flex}.sales-incoming-action{flex-direction:column;align-items:center;gap:10px;display:flex}.sales-incoming-action span{color:#ffffff80;font-size:12px;font-weight:600}.sales-incoming-accept,.sales-incoming-decline{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 12px 30px -8px #000000b3}.sales-incoming-accept{color:#06170d;background:#78dca0f2;animation:1.4s ease-in-out infinite sales-incoming-bounce}.sales-incoming-accept:hover{background:#8cebaf;transform:scale(1.05)}@keyframes sales-incoming-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.sales-incoming-decline{color:#1a0505;background:#ff5a5af2}.sales-incoming-decline:hover{background:#ff6e6e;transform:scale(1.05)}.dialpad-fab{z-index:400;color:#fff;cursor:pointer;background:#15803d;border:none;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 14px;transition:transform .15s,box-shadow .15s;animation:2s ease-in-out infinite dialpad-fab-pulse;display:flex;position:fixed;top:16px;right:24px;box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff14}.dialpad-fab:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000080,0 0 0 1px #ffffff1f}@keyframes dialpad-fab-pulse{0%,to{box-shadow:0 4px 20px #15803d66,0 0 0 1px #ffffff14}50%{box-shadow:0 4px 26px #15803db3,0 0 0 1px #ffffff1f}}.dialpad-fab-elapsed{white-space:nowrap;font-size:12.5px;font-weight:600}.dialpad-fab-dot{background:#fff;border-radius:50%;width:9px;height:9px}.dialpad-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3000;background:#000000a6;justify-content:center;align-items:center;padding:24px;animation:.15s dialpad-modal-fade-in;display:flex;position:fixed;inset:0}@keyframes dialpad-modal-fade-in{0%{opacity:0}to{opacity:1}}.dialpad-modal-overlay .sales-dialpad-panel{animation:.18s dialpad-panel-in;box-shadow:0 12px 48px #00000080,0 0 0 1px #ffffff14}@keyframes dialpad-panel-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dialpad-floating-close{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:color .15s,background .15s;display:flex}.dialpad-floating-close:hover{color:#fff;background:#ffffff14}@media (max-width:640px){.dialpad-fab{top:calc(12px + env(safe-area-inset-top,0px));right:16px}.dialpad-modal-overlay{padding:16px}.dialpad-modal-overlay .sales-dialpad-panel{width:min(300px,100vw - 32px)}}