/*! Voice Desk softphone. Frame 360px wide, height by content up to 480px; pill 240x44 (272x44 talking). */
@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/inter-latin-Dx4kXJAl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/inter-vietnamese-CBcvBZtf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}.vd-webphone{right:1rem;bottom:calc(var(--vd-bottom-offset,1rem) + env(safe-area-inset-bottom,0px));z-index:40;--vd-accent:oklch(45% .12 145);--vd-accent-hover:oklch(40% .12 145);--vd-accent-soft:oklch(95.5% .03 145);--vd-fg:#1c1f24;--vd-fg-2:#4b5563;--vd-fg-3:#6b7280;--vd-line:#e6e8eb;--vd-soft:#f3f4f6;--vd-soft-2:#e9ebee;--vd-danger:#c4332b;--vd-danger-hover:#a92a23;--vd-danger-soft:#fdeeed;--vd-warn:#b7791f;--vd-off:#9aa1ac;--vd-radius:12px;--vd-radius-ctl:8px;--vd-font:"Inter", system-ui, sans-serif;--vd-shadow:0 10px 28px #1018281f, 0 1px 3px #10182814;width:360px;max-width:calc(100vw - 2rem);position:fixed}.vd-webphone.vd-pos-bottom-left{left:1rem;right:auto}.vd-webphone,.vd-webphone *{box-sizing:border-box}.vd-webphone .vd-panel,.vd-webphone .vd-pill{font:400 13px/20px var(--vd-font);color:var(--vd-fg);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;border:1px solid var(--vd-line);box-shadow:var(--vd-shadow);background:#fff}.vd-webphone .vd-panel{border-radius:var(--vd-radius);flex-direction:column;width:360px;max-height:480px;display:flex;overflow:hidden}.vd-webphone p{margin:0}.vd-webphone .num{font-variant-numeric:tabular-nums}.vd-webphone .vd-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.vd-webphone .vd-head{border-top:1px solid var(--vd-line);flex:none;align-items:center;gap:8px;height:44px;padding:0 6px 0 16px;display:flex}.vd-webphone .vd-panel>.vd-head:first-child{border-top:0}.vd-webphone .vd-status{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.vd-webphone .vd-head-aside{color:var(--vd-fg-2);align-items:center;gap:2px;margin-left:auto;display:flex}.vd-webphone .vd-pill-time,.vd-head-aside .num{font-variant-numeric:tabular-nums;color:var(--vd-fg-2);padding:0 6px;font-size:13px}.vd-webphone .vd-dot{background:var(--vd-off);border-radius:50%;flex:none;width:8px;height:8px}.vd-webphone .vd-dot-live{background:var(--vd-accent)}.vd-webphone .vd-dot-ring{background:var(--vd-accent);box-shadow:0 0 0 4px var(--vd-accent-soft)}.vd-webphone .vd-dot-warn{background:var(--vd-warn)}.vd-webphone .vd-dot-off{background:var(--vd-off)}.vd-webphone .vd-bar{background:var(--vd-line);flex:none;height:2px}.vd-webphone .vd-bar>i{background:oklch(66% .13 145);height:100%;font-style:normal;display:block}.vd-webphone .vd-bar-neutral>i{background:var(--vd-off)}.vd-webphone .vd-body{border-top:1px solid var(--vd-line);flex-direction:column;gap:14px;padding:16px;display:flex;overflow-y:auto}.vd-webphone .vd-idle{color:var(--vd-fg-3);text-align:center;padding:6px 0}.vd-webphone .vd-note{color:var(--vd-fg-2)}.vd-webphone .vd-hint{color:var(--vd-fg-3);font-size:12px}.vd-webphone .vd-who{align-items:flex-start;gap:12px;display:flex}.vd-webphone .vd-who-copy{flex:1;min-width:0}.vd-webphone .vd-who-name{letter-spacing:-.1px;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;line-height:22px;overflow:hidden}.vd-webphone .vd-who-meta{color:var(--vd-fg-2);margin-top:2px;font-size:13px}.vd-webphone .vd-link{color:var(--vd-accent);white-space:nowrap;border-radius:4px;align-items:center;gap:3px;font-weight:500;line-height:22px;text-decoration:none;display:inline-flex}.vd-webphone .vd-link .vd-icon{width:14px;height:14px}.vd-webphone .vd-link:hover{text-underline-offset:2px;text-decoration:underline}.vd-webphone .vd-btn{font:500 13px/1 var(--vd-font);border-radius:var(--vd-radius-ctl);cursor:pointer;white-space:nowrap;height:40px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.vd-webphone .vd-btn:focus-visible,.vd-webphone .vd-icon-btn:focus-visible,.vd-webphone .vd-link:focus-visible,.vd-webphone .vd-op:focus-within{outline:2px solid var(--vd-accent);outline-offset:2px}.vd-webphone .vd-btn-primary{background:var(--vd-accent);color:#fff}.vd-webphone .vd-btn-primary:hover:not(:disabled){background:var(--vd-accent-hover)}.vd-webphone .vd-btn-danger{background:var(--vd-danger);color:#fff}.vd-webphone .vd-btn-danger:hover:not(:disabled){background:var(--vd-danger-hover)}.vd-webphone .vd-btn-decline{color:var(--vd-danger);box-shadow:inset 0 0 0 1px var(--vd-line);background:#fff}.vd-webphone .vd-btn-decline:hover:not(:disabled){background:var(--vd-danger-soft);box-shadow:none}.vd-webphone .vd-btn-quiet{background:var(--vd-soft);color:var(--vd-fg)}.vd-webphone .vd-btn-quiet:hover:not(:disabled){background:var(--vd-soft-2)}.vd-webphone .vd-btn-text{color:var(--vd-fg-2);background:0 0;height:32px;padding:0 10px}.vd-webphone .vd-btn-text:hover:not(:disabled){background:var(--vd-soft);color:var(--vd-fg)}.vd-webphone .vd-btn-block{width:100%}.vd-webphone .vd-row{gap:8px;display:flex}.vd-webphone .vd-row>.vd-grow,.vd-webphone .vd-spacer{flex:1}.vd-webphone .vd-icon-btn{border-radius:var(--vd-radius-ctl);background:var(--vd-soft);width:40px;height:40px;color:var(--vd-fg);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.vd-webphone .vd-icon-btn:hover:not(:disabled){background:var(--vd-soft-2)}.vd-webphone .vd-icon-flat{color:var(--vd-fg-2);background:0 0;width:32px;height:32px}.vd-webphone .vd-icon-flat:hover:not(:disabled){background:var(--vd-soft);color:var(--vd-fg)}.vd-webphone .vd-icon-btn[aria-pressed=true]{background:var(--vd-accent-soft);color:var(--vd-accent)}.vd-webphone .vd-icon-toggle[aria-pressed=true]{background:var(--vd-danger-soft);color:var(--vd-danger)}.vd-webphone .vd-icon-btn:disabled,.vd-webphone .vd-btn:disabled{opacity:.4;cursor:default}.vd-webphone .vd-icon-end{background:var(--vd-danger);color:#fff}.vd-webphone .vd-problem{border-radius:var(--vd-radius-ctl);background:var(--vd-danger-soft);gap:10px;padding:12px;display:flex}.vd-webphone .vd-problem .vd-icon{color:var(--vd-danger);margin-top:1px}.vd-webphone .vd-problem strong{font-weight:600;display:block}.vd-webphone .vd-problem p{color:var(--vd-fg-2);margin-top:2px}.vd-webphone .vd-error{color:var(--vd-danger);background:var(--vd-danger-soft);border-radius:var(--vd-radius-ctl);overflow-wrap:anywhere;padding:10px 12px}.vd-webphone .vd-notice{color:var(--vd-fg-2)}.vd-webphone .vd-sec{justify-content:space-between;align-items:center;display:flex}.vd-webphone .vd-sec h3{color:var(--vd-fg-3);margin:0;font-size:12px;font-weight:500}.vd-webphone .vd-ops{border:1px solid var(--vd-line);border-radius:var(--vd-radius-ctl);flex-direction:column;max-height:160px;display:flex;overflow:hidden auto}.vd-webphone .vd-op{cursor:pointer;align-items:center;gap:10px;height:40px;padding:0 12px;display:flex}.vd-webphone .vd-op+.vd-op{border-top:1px solid var(--vd-line)}.vd-webphone .vd-op input{accent-color:var(--vd-accent);width:16px;height:16px;margin:0}.vd-webphone .vd-op:has(input:checked){background:var(--vd-accent-soft)}.vd-webphone .vd-op .vd-dot{margin-left:auto}.vd-webphone .vd-field{border:1px solid var(--vd-line);border-radius:var(--vd-radius-ctl);width:100%;height:36px;font:400 13px var(--vd-font);color:var(--vd-fg);background:#fff;padding:0 12px}.vd-webphone .vd-field::placeholder{color:var(--vd-fg-3)}.vd-webphone .vd-pill{text-align:left;cursor:pointer;border:1px solid var(--vd-line);border-radius:22px;align-items:center;gap:8px;width:240px;height:44px;padding:0 6px 0 14px;display:flex}.vd-webphone .vd-pill-talking{width:272px}.vd-webphone .vd-pill .vd-status{flex:1}.vd-webphone .vd-pill-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.vd-webphone .vd-pill .vd-icon-btn{border-radius:16px;width:32px;height:32px}.vd-webphone .vd-pill .vd-icon-btn .vd-icon{width:16px;height:16px}.vd-webphone .vd-pill .vd-icon-end{background:var(--vd-danger);color:#fff}.vd-webphone .vd-spin{border:2px solid var(--vd-line);border-top-color:var(--vd-warn);border-radius:50%;flex:none;width:12px;height:12px}@media (prefers-reduced-motion:no-preference){.vd-webphone .vd-dot-ring{animation:1.4s ease-out infinite vd-ring}.vd-webphone .vd-spin{animation:.9s linear infinite vd-spin}}@keyframes vd-ring{0%{box-shadow:0 0 oklch(45% .12 145/.35)}to{box-shadow:0 0 0 7px oklch(45% .12 145/0)}}@keyframes vd-spin{to{transform:rotate(360deg)}}.vd-webphone .vd-dialpad{flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.vd-webphone .vd-dialpad h2{display:none}.vd-webphone .vd-dialpad>label{color:var(--vd-fg-3);font-size:12px}.vd-webphone .vd-number-row{border-bottom:1px solid var(--vd-line);align-items:center;display:flex}.vd-webphone .vd-number-row input{width:100%;min-width:0;color:inherit;font:20px/1.5 var(--vd-font);background:0 0;border:0;padding:4px}.vd-webphone .vd-number-row button{color:inherit;cursor:pointer;background:0 0;border:0;min-height:36px;padding:4px 8px;font-size:16px}.vd-webphone .vd-number-tools{justify-content:space-between;align-items:center;display:flex}.vd-webphone .vd-number-tools button{color:var(--vd-fg-2);cursor:pointer;background:0 0;border:0;min-height:32px;font-size:12px}.vd-webphone .vd-keypad{grid-template-columns:repeat(3,1fr);gap:4px 12px;margin:0 auto;display:grid}.vd-webphone .vd-keypad button{border-radius:var(--vd-radius-ctl);background:var(--vd-soft);min-height:40px;color:inherit;cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;padding:2px;display:flex}.vd-webphone .vd-keypad span{font-size:18px;line-height:1.2}.vd-webphone .vd-keypad small{letter-spacing:1.5px;color:var(--vd-fg-3);font-size:8px}.vd-webphone .vd-dial-submit{border-radius:var(--vd-radius-ctl);background:var(--vd-accent);color:#fff;width:100%;height:40px;font:500 13px var(--vd-font);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;display:flex}.vd-webphone .vd-dial-submit:hover:not(:disabled){background:var(--vd-accent-hover)}