.cx-live-demo-section{position:relative;padding:clamp(60px,10vh,120px) 0 clamp(80px,12vh,140px);overflow:hidden;isolation:isolate;background:#07071a;color:white;content-visibility:auto;contain-intrinsic-size:1200px 1200px}.cx-live-demo-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 60% at 20% 20%,rgba(139,92,246,0.30),transparent 60%),radial-gradient(ellipse 60% 60% at 80% 80%,rgba(59,130,246,0.25),transparent 60%),linear-gradient(180deg,#07071a 0%,#0b0824 50%,#07071a 100%)}.cx-live-demo-bg::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 80%)}html[data-theme="light"] .cx-live-demo-section,html:not([data-theme="dark"]) .cx-live-demo-section{background:#f6f4ff;color:#1a1630}html[data-theme="light"] .cx-live-demo-bg,html:not([data-theme="dark"]) .cx-live-demo-bg{background:radial-gradient(ellipse 60% 60% at 20% 20%,rgba(139,92,246,0.18),transparent 60%),radial-gradient(ellipse 60% 60% at 80% 80%,rgba(59,130,246,0.15),transparent 60%),linear-gradient(180deg,#f6f4ff 0%,#ecebff 50%,#f6f4ff 100%)}html:not([data-theme="dark"]) .cx-live-demo-bg::before{background-image:linear-gradient(rgba(80,40,160,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(80,40,160,0.05) 1px,transparent 1px)}.cx-live-demo-inner{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px);position:relative}.cx-live-demo-head{text-align:center;margin-bottom:clamp(40px,6vh,72px)}.cx-live-demo-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;background:rgba(139,92,246,0.12);border:1px solid rgba(139,92,246,0.35);color:inherit;font:500 12px/1 'JetBrains Mono','Courier New',monospace;letter-spacing:0.18em;text-transform:uppercase;backdrop-filter:blur(10px)}.cx-live-demo-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:cxLdDot 1.6s ease-in-out infinite;will-change:opacity}@keyframes cxLdDot{0%,100%{opacity:1}50%{opacity:0.4}}.cx-live-demo-title{font-family:'Inter Tight','Inter',sans-serif;font-size:clamp(48px,7vw,96px);font-weight:700;letter-spacing:-0.04em;line-height:1;margin:18px 0 16px}.cx-live-demo-title em{font-style:italic;font-weight:500;background:linear-gradient(120deg,#8b5cf6,#6d28d9,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;padding-right:0.18em;margin-right:-0.06em}.cx-live-demo-lead{max-width:700px;margin:0 auto;font-size:clamp(15px,1.3vw,17px);line-height:1.55;opacity:0.8}.cx-live-demo-stage{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:center;justify-items:center;padding:40px 0;position:relative;contain:layout}.cx-live-demo-stage[data-skeleton="1"]{min-height:720px}@media (max-width:980px){.cx-live-demo-stage[data-skeleton="1"]{min-height:1320px}}@media (max-width:700px){.cx-live-demo-stage[data-skeleton="1"]{min-height:1100px}}.softphone::after,.phone .scr::after,.cx-live-demo-sp .sp-popup::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:url('/icon.png');background-size:150px 150px;background-repeat:repeat;opacity:0.07;transform:rotate(-22deg);transform-origin:center;pointer-events:none;z-index:1000;mix-blend-mode:multiply}.cx-live-demo-sp .sp-popup{position:relative}.cx-live-demo-stage .softphone,.cx-live-demo-stage .phone{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;opacity:1!important;transform-origin:center center!important}.cx-live-demo-sp,.cx-live-demo-ph{display:flex;justify-content:center}.cx-live-demo-sp .softphone,.cx-live-demo-ph .phone{box-shadow:0 24px 60px rgba(0,0,0,0.4)}.cx-live-demo-sp{position:relative}.cx-live-demo-hints{list-style:none;padding:0;margin:clamp(20px,4vh,40px) auto 0;max-width:900px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;font-size:13px;line-height:1.55}.cx-live-demo-hints li{background:rgba(255,255,255,0.04);border:1px solid rgba(139,92,246,0.25);padding:14px 18px;border-radius:14px;backdrop-filter:blur(10px)}html:not([data-theme="dark"]) .cx-live-demo-hints li{background:rgba(255,255,255,0.7);border-color:rgba(139,92,246,0.2)}.cx-live-demo-hints b{color:#a78bfa;font-weight:700}html:not([data-theme="dark"]) .cx-live-demo-hints b{color:#6d28d9}.cx-live-demo-hints em{font-style:normal;font-weight:600}@media (max-width:980px){.cx-live-demo-stage{grid-template-columns:1fr;gap:40px}.cx-live-demo-hints{grid-template-columns:1fr}}@media (max-width:760px){.cx-live-demo-sp,.cx-live-demo-ph{min-width:0;width:100%;max-width:100%;overflow:visible}.cx-live-demo-sp .softphone{transform:scale(min(1,calc((100vw - 32px) / 440)));transform-origin:top center;margin-bottom:calc((min(1,calc((100vw - 32px) / 440)) - 1) * 650px)}.cx-live-demo-ph .phone{transform:scale(min(1,calc((100vw - 32px) / 320)));transform-origin:top center;margin-bottom:calc((min(1,calc((100vw - 32px) / 320)) - 1) * 620px)}}@media (max-width:380px){.sp-popup.sp-pop-pinfo{width:min(440px,92vw);max-width:92vw}}@media (max-width:980px){.cx-live-demo-sp .sp-popup-layer,.sp-popup-layer{z-index:2000}}.softphone .contact .av .av-img,.softphone .userhd .avw .av-img,.softphone .sp-history .sp-h-av .av-img,.softphone .spc-av .av-img,.phone .dirgrid .p .avbox .av-img,.phone .mch-av .av-img,.phone .panel .reg .av .av-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:1;pointer-events:none}.softphone .sp-history .sp-h-av,.softphone .spc-av,.phone .panel .reg .av{position:relative;overflow:hidden}.phone .mch-av{position:relative}.softphone .userhd .gear{display:flex;gap:6px;margin-top:6px}.softphone .userhd .gear svg{width:14px;height:14px;color:#6b7280;cursor:pointer}.softphone .tabrow{position:relative}.softphone .tabrow .tab{cursor:pointer;transition:background .15s}.softphone .tabrow .tab:hover{background:rgba(255,255,255,0.14)}.softphone .winctrl .b{cursor:pointer;transition:background .1s}.softphone .winctrl .b:hover{background:#e5e7eb}.softphone .searchbar .dept{position:relative}.softphone .deptmenu{position:absolute;right:10px;top:100%;margin-top:4px;background:white;border:1px solid #d1d5db;box-shadow:0 10px 24px -8px rgba(0,0,0,0.18);border-radius:4px;min-width:230px;z-index:20;display:none}.softphone .deptmenu.on{display:block}.softphone .deptmenu .header{padding:10px 16px;font-size:13px;color:#1f2937;border-bottom:1px solid #e5e7eb}.softphone .deptmenu .item{padding:9px 16px;font-size:13px;color:#1f2937;display:flex;align-items:center;gap:10px;cursor:pointer}.softphone .deptmenu .item:hover{background:#f3f4f6}.softphone .deptmenu .item .mark{width:8px;text-align:center;color:#1a9ee0;font-weight:700}.softphone .contact{cursor:pointer;transition:background .1s;position:relative}.softphone .contact:hover{background:#f9fafb}.softphone .contact.sel{background:#eef6fb}.softphone .contact .av .st{display:flex;align-items:center;justify-content:center;color:white}.softphone .contact .av .st svg{width:9px;height:9px;display:block}.softphone .contact .av .st.ring{background:#1a9ee0}.softphone .contact .av .st.incall{background:#ef4444}.softphone .contact .av .st.away{background:#f59e0b}.softphone .contact .av .st.dnd{background:#ef4444}.softphone .contact .av .st.dnd svg{stroke-width:3}@keyframes spRingBadgePulse{0%,100%{opacity:1}50%{opacity:0.55}}.softphone .contact .av .st.ring{animation:spRingBadgePulse 1.2s ease-in-out infinite}@keyframes spRowRingGlow{0%,100%{box-shadow:inset 3px 0 0 0 rgba(26,158,224,0)}50%{box-shadow:inset 3px 0 0 0 rgba(26,158,224,0.9)}}.softphone .contact.is-ringing{animation:spRowRingGlow 1.4s ease-in-out infinite}.softphone .contact.is-incall{box-shadow:inset 3px 0 0 0 rgba(239,68,68,0.7)}.softphone .contact .n-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.softphone .contact .n-wrap .n{flex:0 0 auto}.softphone .contact .n-sub{font-size:11px;color:#6b7280;letter-spacing:0.01em;display:flex;align-items:center;gap:5px}.softphone .contact .n-sub.ringing{color:#1a9ee0;font-weight:600}.softphone .contact .n-sub.ringing::before{content:'';width:6px;height:6px;border-radius:50%;background:#1a9ee0;animation:spRingBadgePulse 1.2s ease-in-out infinite}.softphone .contact[data-status="offline"] .av,.softphone .contact[data-status="offline"] .n{opacity:0.6}.softphone .contact[data-status="dnd"] .n{color:#6b7280}.softphone .contact[data-status="away"] .n{color:#6b7280}.softphone .contact .c-act{flex-shrink:0;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#1a9ee0;cursor:pointer;transition:background .12s,color .12s,transform .08s}.softphone .contact .c-act:hover{background:#e0f2fe;color:#0369a1}.softphone .contact .c-act.sp-pulse{animation:spRingBadgePulse 0.5s ease-out;background:rgba(239,68,68,0.15);color:#ef4444}.softphone .userhd .avw{cursor:pointer}.softphone .userhd .avw .status{transition:background .12s}.softphone .userhd .avw .status.on{background:#22c55e}.softphone .userhd .avw .status.busy{background:#ef4444}.softphone .userhd .avw .status.away{background:#f59e0b}.softphone .userhd .avw .status.dnd{background:#ef4444}.softphone .userhd .avw .status:not(.on):not(.busy):not(.away):not(.dnd){background:#9ca3af}.softphone .userhd .avw-wrap{position:relative;flex-shrink:0}.softphone .sp-us-menu{position:absolute;left:0;top:calc(100% + 6px);min-width:260px;background:white;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 18px 40px -12px rgba(0,0,0,0.22);padding:4px 0;z-index:90;display:none;font-family:'Inter',sans-serif;color:#1f2937;overflow:hidden}.softphone .sp-us-menu.on{display:block;animation:dpCidIn .14s cubic-bezier(.2,.8,.2,1)}.softphone .sp-us-item{padding:7px 14px;display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;white-space:nowrap;user-select:none}.softphone .sp-us-item:hover{background:#e0f2fe;color:#0c4a6e}.softphone .sp-us-sep{height:1px;background:#e5e7eb;margin:4px 0}.softphone .sp-us-dot{width:10px;height:10px;border-radius:50%;background:#e5e7eb;flex-shrink:0}.softphone .sp-us-dot.sp-us-dot-on{background:#22c55e}.softphone .sp-us-dot.sp-us-dot-busy{background:#ef4444}.softphone .sp-us-dot.sp-us-dot-away{background:#f59e0b}.softphone .sp-us-dot.sp-us-dot-dnd{background:#ef4444;border:2px solid #7f1d1d}.softphone .sp-us-item .sp-us-lbl{flex:1}.softphone .sp-us-item .sp-us-arr{color:#9ca3af;font-size:12px}.softphone .sp-us-item.has-sub{color:#374151}.sp-popup.sp-pop-pinfo{width:440px;max-width:92vw;padding-bottom:0;font-family:'Inter',sans-serif}.sp-popup.sp-pop-pinfo .sp-pop-bar{background:#f3f5f8;border-bottom:1px solid #e5e7eb}.sp-popup.sp-pop-pinfo .sp-pop-t{color:#1f2937;font-weight:600;display:flex;align-items:center;gap:8px}.sp-popup.sp-pop-pinfo .sp-pop-t::before{content:'';width:18px;height:18px;border-radius:50%;background:#1a9ee0;color:white;display:inline-block;background-image:linear-gradient(135deg,#1a9ee0,#0c4a6e)}.sp-pinfo-body{padding:22px 28px 12px;display:flex;flex-direction:column;align-items:center;text-align:center}.sp-pinfo-av{width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;position:relative;overflow:hidden;background:linear-gradient(135deg,#7a6a5a,#4a3a2a);color:white;font-weight:700;font-size:32px}.sp-pinfo-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:1}.sp-pinfo-av .sp-pinfo-initials{z-index:0}.sp-pinfo-nm{font-size:18px;color:#1a9ee0;font-weight:500}.sp-pinfo-ext{font-size:16px;color:#1a9ee0;font-weight:500;margin-top:2px}.sp-pinfo-rows{width:100%;max-width:360px;margin:18px auto 4px;display:flex;flex-direction:column;gap:6px;text-align:left}.sp-pinfo-row{display:grid;grid-template-columns:110px 1fr;gap:8px;font-size:13px;color:#1f2937}.sp-pinfo-row .k{color:#4b5563}.sp-pinfo-row .v{color:#1f2937}.sp-pinfo-devhdr{margin-top:8px;background:#1a9ee0;color:white;padding:8px 14px;font-size:13px;text-align:center;font-weight:500}.sp-pinfo-devrow{padding:14px 28px;display:flex;align-items:center;gap:14px;font-size:13px;color:#1f2937;border-bottom:1px solid #e5e7eb}.sp-pinfo-devic{width:40px;height:40px;border-radius:6px;background:#f3f5f8;border:1px solid #e5e7eb;color:#4b5563;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sp-pinfo-footer{padding:14px 20px 18px;display:flex;justify-content:flex-end}.sp-pinfo-close{background:#1a9ee0;color:white;border:0;padding:8px 28px;border-radius:999px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s}.sp-pinfo-close:hover{background:#1588c2}.sp-popup.sp-pop-unavail{width:320px}.sp-popup.sp-pop-unavail .sp-pop-body{padding:18px 20px 16px}.sp-unavail-msg{font-size:13px;color:#1f2937;margin-bottom:14px;line-height:1.45}.sp-pop-actions.sp-unavail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.sp-pop-actions.sp-unavail-actions .sp-pop-btn{width:100%;margin:0;padding:8px 10px;font-size:12px}.sp-popup.sp-pop-dial{width:300px}.sp-popup.sp-pop-dial .sp-dial-body{padding:10px 16px 14px;display:flex;flex-direction:column}.sp-pop-dial .dp-cid{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;font-size:13px;color:#1a9ee0;cursor:pointer;user-select:none;position:relative;transition:background .12s}.sp-pop-dial .dp-cid:hover{background:#f1f8fd}.sp-pop-dial .dp-cid svg{color:#6b7280;transition:transform .2s}.sp-pop-dial .dp-cid[aria-expanded="true"] svg{transform:rotate(180deg)}.sp-pop-dial .dp-cid-menu{position:absolute;left:8px;right:8px;top:100%;margin-top:4px;background:white;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 28px -8px rgba(0,0,0,0.18);z-index:40;display:none;max-height:280px;overflow-y:auto}.sp-pop-dial .dp-cid-menu.on{display:block;animation:dpCidIn .18s cubic-bezier(.2,.8,.2,1)}@keyframes dpCidIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.sp-pop-dial .dp-cid-item{padding:10px 14px;display:flex;flex-direction:column;gap:2px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .12s}.sp-pop-dial .dp-cid-item:last-child{border-bottom:0}.sp-pop-dial .dp-cid-item:hover{background:#eef6fb}.sp-pop-dial .dp-cid-item.on{background:#dbeefa}.sp-pop-dial .dp-cid-item .dp-cid-num{font-size:13px;color:#1f2937;font-weight:600;font-family:'Inter',sans-serif;letter-spacing:0.01em}.sp-pop-dial .dp-cid-item.on .dp-cid-num{color:#1a9ee0}.sp-pop-dial .dp-cid-item .dp-cid-meta{font-size:11px;color:#6b7280}.sp-pop-dial .dp-num{padding:10px 4px 4px;font-size:13px;color:#9ca3af;min-height:22px;text-align:left;font-style:italic}.sp-pop-dial .dp-num.typed{color:#1f2937;font-size:20px;font-style:normal;letter-spacing:0.02em}.sp-pop-dial .dp-grid{padding:6px 10px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px 6px}.sp-pop-dial .dp-key{width:54px;height:54px;margin:0 auto;border-radius:50%;background:white;border:1.5px solid #cbd5e1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;user-select:none;transition:background .1s,transform .08s;color:#1f2937}.sp-pop-dial .dp-key:hover{background:#f1f5f9}.sp-pop-dial .dp-key:active{transform:scale(0.94);background:#e0f2fe}.sp-pop-dial .dp-key .n{font-size:20px;font-weight:500;line-height:1}.sp-pop-dial .dp-key .l{font-size:8px;color:#6b7280;margin-top:1px;letter-spacing:0.1em;font-weight:600}.sp-pop-dial .dp-call{margin:10px auto 0;width:48px;height:48px;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;box-shadow:0 6px 16px -4px rgba(34,197,94,0.5);transition:transform .12s,background .12s}.sp-pop-dial .dp-call:hover{background:#16a34a;transform:scale(1.05)}.sp-pop-dial .dp-call:active{transform:scale(0.92)}.sp-pop-dial .dp-cid{padding:7px 10px;font-size:12px}.sp-pop-dial .dp-cid-item{padding:7px 12px}.cx-live-demo-sp .sp-popup.sp-pop-ongoing{width:340px}.sp-pop-ongoing .sp-oc-blue{padding:9px 14px;font-size:13.5px}.sp-pop-ongoing .sp-oc-icons{display:flex;align-items:center;gap:12px;color:white}.sp-pop-ongoing .sp-oc-icons svg{cursor:pointer;opacity:.9;transition:opacity .1s}.sp-pop-ongoing .sp-oc-icons svg:hover{opacity:1}.sp-pop-ongoing .sp-oc-body{padding:12px 14px 12px;display:flex;flex-direction:column;gap:10px;background:white}.sp-pop-ongoing .sp-oc-toprow{display:flex;align-items:center;justify-content:space-between;font-size:11.5px}.sp-pop-ongoing .sp-oc-dialpad-btn{display:flex;align-items:center;gap:6px;color:#6b7280;cursor:pointer;transition:color .1s}.sp-pop-ongoing .sp-oc-dialpad-btn:hover{color:#1a9ee0}.sp-pop-ongoing .sp-oc-quality{display:flex;align-items:center;gap:6px}.sp-pop-ongoing .sp-oc-quality-lbl{display:flex;flex-direction:column;font-size:10px;line-height:1.2;color:#6b7280;align-items:flex-end}.sp-pop-ongoing .sp-oc-quality-lbl .sp-oc-q-ok{color:#22c55e;font-weight:600}.sp-pop-ongoing .sp-oc-bars{display:flex;align-items:flex-end;gap:1.5px;height:14px}.sp-pop-ongoing .sp-oc-bars i{width:3px;background:#22c55e;border-radius:1px;display:block}.sp-pop-ongoing .sp-oc-bars i:nth-child(1){height:4px}.sp-pop-ongoing .sp-oc-bars i:nth-child(2){height:6px}.sp-pop-ongoing .sp-oc-bars i:nth-child(3){height:9px}.sp-pop-ongoing .sp-oc-bars i:nth-child(4){height:11px}.sp-pop-ongoing .sp-oc-bars i:nth-child(5){height:14px;background:#cbd5e1}.sp-pop-ongoing .sp-oc-contact{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0 0}.sp-pop-ongoing .sp-oc-av{width:74px;height:74px;border-radius:50%;background:#c9ced4;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:24px;border:2px solid #f3f4f6}.sp-pop-ongoing .sp-oc-av.p1{background:linear-gradient(135deg,#5b7fa8,#2e4a6b)}.sp-pop-ongoing .sp-oc-av.p2{background:linear-gradient(135deg,#7a6a5a,#4a3a2a)}.sp-pop-ongoing .sp-oc-av.p3{background:linear-gradient(135deg,#a88a6b,#6b4e2a)}.sp-pop-ongoing .sp-oc-av.p4{background:linear-gradient(135deg,#8b4a3c,#5a2e22)}.sp-pop-ongoing .sp-oc-av.p5{background:linear-gradient(135deg,#6b5b8a,#3a2e5a)}.sp-pop-ongoing .sp-oc-av.p6{background:linear-gradient(135deg,#4a6b8b,#2a4a6b)}.sp-pop-ongoing .sp-oc-av.p7{background:linear-gradient(135deg,#c4a07a,#8a6a47)}.sp-pop-ongoing .sp-oc-av.p8{background:linear-gradient(135deg,#9ca3af,#6b7280)}.sp-pop-ongoing .sp-oc-av.p9{background:linear-gradient(135deg,#a16b8b,#6b2e4a)}.sp-pop-ongoing .sp-oc-av.gray{background:#c9ced4}.sp-pop-ongoing .sp-oc-name{font-size:16px;font-weight:600;color:#1f2937;margin-top:4px}.sp-pop-ongoing .sp-oc-ext{font-size:14px;color:#1f2937;font-weight:600}.sp-pop-ongoing .sp-oc-state{font-size:13px;color:#1f2937;font-weight:500}.sp-pop-ongoing .sp-oc-drop{text-align:center;color:#9ca3af;font-style:italic;font-size:12px;padding:4px 0;border-top:1px dashed transparent}.sp-pop-ongoing .sp-oc-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 10px}.sp-pop-ongoing .sp-oc-btn{padding:9px 4px;font-size:11px;font-weight:700;letter-spacing:.06em;background:white;border:1.5px solid #cbd5e1;color:#4b5563;border-radius:22px;cursor:pointer;transition:background .12s,color .12s,transform .08s}.sp-pop-ongoing .sp-oc-btn:hover{background:#eef6fb;color:#1a9ee0;border-color:#1a9ee0}.sp-pop-ongoing .sp-oc-btn.active{background:#1a9ee0;color:white;border-color:#1a9ee0}.sp-pop-ongoing .sp-oc-btn.pulse{transform:scale(0.94)}.sp-pop-ongoing .sp-oc-btn.sp-oc-hangup{background:#ef6b6b;color:white;border-color:#ef6b6b}.sp-pop-ongoing .sp-oc-btn.sp-oc-hangup:hover{background:#dc2626;border-color:#dc2626}.sp-pop-ongoing .sp-oc-foot{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid #f3f4f6;font-size:10.5px;font-weight:700;letter-spacing:.08em;color:#6b7280}.sp-pop-ongoing .sp-oc-sound,.sp-pop-ongoing .sp-oc-mode{display:flex;align-items:center;gap:4px;cursor:pointer;transition:color .1s}.sp-pop-ongoing .sp-oc-sound:hover,.sp-pop-ongoing .sp-oc-mode:hover{color:#1a9ee0}.sp-pop-ongoing .sp-oc-rec{display:flex;align-items:center;gap:6px}.sp-pop-ongoing .sp-oc-dot{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .08s}.sp-pop-ongoing .sp-oc-dot:active{transform:scale(0.9)}.sp-pop-ongoing .sp-oc-dot.rec{background:#ef4444}.sp-pop-ongoing .sp-oc-dot.stop{background:#1f2937}.sp-pop-ongoing .sp-oc-dot.stop span{width:7px;height:7px;background:white;border-radius:1px;display:block}.sp-pop-ongoing .sp-oc-dot.pau{background:white;border:1.5px solid #1f2937;display:flex;gap:2px;align-items:center;justify-content:center}.sp-pop-ongoing .sp-oc-dot.pau span{width:2px;height:8px;background:#1f2937;display:block}.phone .status .bat{width:22px;height:10px;border:1px solid currentColor;border-radius:3px;position:relative;padding:1px}.phone .status .bat::after{content:'';position:absolute;right:-3px;top:3px;width:2px;height:4px;background:currentColor;border-radius:0 1px 1px 0}.phone .batfr{width:26px;height:12px;border:1px solid #000;border-radius:3px;padding:1px;position:relative}.phone .batfr::after{content:'';position:absolute;right:-3px;top:3px;width:2px;height:4px;background:#000;border-radius:0 1px 1px 0}.phone .batfr>span{display:block;width:100%;height:100%;background:#000;border-radius:1px}.phone.mview-detail .view.v-detail{display:flex}.phone.mview-ringing .view.v-ringing{display:flex}.phone.mview-panel .view.v-panel{display:flex}.phone .bigav,.phone .ringav{margin:28px 0 10px;width:104px;height:104px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:34px;position:relative;overflow:hidden;background:linear-gradient(135deg,#c4a07a,#8a6a47)}.phone .bigav .av-img,.phone .ringav .av-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:1;pointer-events:none}.phone .bigav.av-a1,.phone .ringav.av-a1{background:linear-gradient(135deg,#5b7fa8,#2e4a6b)}.phone .bigav.av-a2,.phone .ringav.av-a2{background:linear-gradient(135deg,#7a6a5a,#4a3a2a)}.phone .bigav.av-a3,.phone .ringav.av-a3{background:linear-gradient(135deg,#c4a07a,#8a6a47)}.phone .bigav.av-a4,.phone .ringav.av-a4{background:linear-gradient(135deg,#8b4a3c,#5a2e22)}.phone .bigav.av-a5,.phone .ringav.av-a5{background:linear-gradient(135deg,#6b5b8a,#3a2e5a)}.phone .bigav.av-a6,.phone .ringav.av-a6{background:linear-gradient(135deg,#4a6b8b,#2a4a6b)}.phone .bigav.av-a7,.phone .ringav.av-a7{background:linear-gradient(135deg,#a16b8b,#6b2e4a)}.phone .bigav.av-a8,.phone .ringav.av-a8{background:linear-gradient(135deg,#a88a6b,#6b4e2a)}.phone .bigav.av-gray,.phone .ringav.av-gray{background:#c9ced4}.phone .det{flex:1;padding:0 16px 16px;display:flex;flex-direction:column;align-items:center;position:relative;overflow-y:auto}.phone .det .back{position:absolute;top:8px;left:16px;width:38px;height:38px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#1a9ee0;cursor:pointer;z-index:10}.phone .det .name{font-size:21px;color:#1a9ee0;font-weight:500;text-align:center}.phone .det .ext{font-size:16px;color:#1f2937;margin-top:2px;font-weight:400}.phone .det .dept{font-size:12px;color:#6b7280;margin-top:2px}.phone .det .stat{font-size:13px;color:#22c55e;margin-top:2px;font-weight:500}.phone .det .grid4{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}.phone .det .qb{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.phone .det .qb .ic{width:50px;height:50px;border-radius:50%;border:1.5px solid #1a9ee0;display:flex;align-items:center;justify-content:center;color:#1a9ee0}.phone .det .qb .lbl{font-size:12px;color:#1f2937;font-weight:500}.phone .det .callbtn{margin-top:14px;margin-bottom:4px;width:56px;height:56px;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;box-shadow:0 6px 16px -4px rgba(34,197,94,0.5);transition:transform .15s;flex-shrink:0}.phone .det .callbtn:hover{transform:scale(1.06)}.phone .det .callbtn:active{transform:scale(0.94)}.phone .ring-wrap{flex:1;padding:0 16px;display:flex;flex-direction:column;align-items:center;position:relative}.phone .ring-wrap .back,.phone .ring-wrap .kebab{position:absolute;top:8px;width:38px;height:38px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.phone .ring-wrap .back{left:16px;color:#1a9ee0}.phone .ring-wrap .kebab{right:16px;color:#6b7280}.phone .ring-wrap .rec{position:absolute;top:16px;right:0;background:#dc2626;color:white;padding:4px 12px 4px 14px;border-radius:14px 0 0 14px;font-size:13px;font-weight:700;letter-spacing:0.04em;display:flex;align-items:center;gap:6px;z-index:10}.phone .ring-wrap .rec::after{content:'';width:10px;height:10px;border-radius:50%;border:2px solid white;animation:cxLdRec 1.2s ease-in-out infinite;will-change:opacity}@keyframes cxLdRec{0%,100%{opacity:1}50%{opacity:0.3}}.phone .ring-wrap .ringav{margin:62px 0 14px;width:110px;height:110px;font-size:34px}.phone .ring-wrap .name{font-size:22px;color:#1a9ee0;font-weight:500}.phone .ring-wrap .ext{font-size:16px;color:#1f2937;margin-top:4px}.phone .ring-wrap .state{font-size:15px;color:#6b7280;margin-top:4px;display:flex;align-items:center;gap:8px;justify-content:center}.phone .ring-wrap .state .bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.phone .ring-wrap .state .bars span{display:block;width:3px;background:#22c55e;border-radius:1px;animation:cxLdWv 1.2s ease-in-out infinite;will-change:transform;transform-origin:bottom center}.phone .ring-wrap .state .bars span:nth-child(1){height:5px;animation-delay:0s}.phone .ring-wrap .state .bars span:nth-child(2){height:9px;animation-delay:.15s}.phone .ring-wrap .state .bars span:nth-child(3){height:13px;animation-delay:.3s}@keyframes cxLdWv{0%,100%{transform:scaleY(0.4)}50%{transform:scaleY(1)}}.phone .ring-ctrls{margin:26px 0 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px 14px;padding:0 14px;justify-items:center}.phone .ring-ctrls .rb{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;user-select:none}.phone .ring-ctrls .rb .ic{width:54px;height:54px;border-radius:50%;border:1.5px solid #1a9ee0;display:flex;align-items:center;justify-content:center;color:#1a9ee0;transition:background .15s,color .15s}.phone .ring-ctrls .rb.active .ic{background:#1a9ee0;color:white}.phone .ring-ctrls .rb .lbl{font-size:11px;color:#1f2937;font-weight:500}.phone .hangup{margin:26px auto 14px;width:62px;height:62px;border-radius:50%;background:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;box-shadow:0 6px 16px -4px rgba(239,68,68,0.5);transition:transform .15s,background .15s}.phone .hangup:hover{background:#dc2626;transform:scale(1.05)}.phone .hangup:active{transform:scale(0.92)}.phone .panel{flex:1;overflow-y:auto;padding:0 0 16px;position:relative}.phone .panel .back{position:absolute;top:8px;left:16px;width:38px;height:38px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#1a9ee0;cursor:pointer;z-index:10}.phone .panel .ttl{padding:16px 16px 0;text-align:center;font-size:17px;color:#1a9ee0;font-weight:500}.phone .panel .userrow{padding:10px 16px 14px;display:flex;align-items:center;gap:12px}.phone .panel .userrow .av{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#c4a07a,#8a6a47);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:16px;position:relative;overflow:hidden;flex-shrink:0}.phone .panel .userrow .av .av-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:1;pointer-events:none}.phone .panel .userrow .n{font-size:18px;color:#1f2937;font-weight:500}.phone .panel .userrow .st{font-size:13px;color:#22c55e;display:flex;align-items:center;gap:4px;margin-top:2px}.phone .panel h3{padding:0 16px;margin:14px 0 6px;font-size:16px;color:#1f2937;font-weight:600}.phone .panel .sub{padding:0 16px;font-size:12px;color:#6b7280}.phone .panel .reglist{margin:10px 16px 0;background:#f3f4f6;border-radius:12px;padding:4px 14px}.phone .panel .reg{padding:10px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(0,0,0,0.04)}.phone .panel .reg:last-child{border-bottom:0}.phone .panel .reg .av{width:32px;height:32px;border-radius:50%;background:#9ca3af;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:12px}.phone .panel .reg .av.a-fl{background:linear-gradient(135deg,#7a6a5a,#4a3a2a)}.phone .panel .reg .name{font-size:14px;color:#1f2937;flex:1}.phone .panel .reg .meta{font-size:11px;color:#6b7280}.phone .panel .reg .meta .arr{display:inline-block;color:#22c55e}.phone .panel .reg .meta .arrout{color:#1a9ee0}.phone .panel .qgrid{margin:10px 16px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.phone .panel .qg{background:#f3f4f6;border-radius:12px;padding:14px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.phone .panel .qg .ic{width:42px;height:42px;border-radius:50%;background:#1a9ee0;display:flex;align-items:center;justify-content:center;color:white}.phone .panel .qg .lbl{font-size:11px;color:#1f2937;text-align:center;line-height:1.2}.phone .view{display:none;flex-direction:column;position:absolute;inset:0;padding-top:42px}.phone.mview-directorio .view.v-directorio{display:flex}.phone.mview-picker .view.v-picker{display:flex}.ring-wrap .cd-overlay{position:absolute;inset:0;background:rgba(10,10,14,0.92);color:white;display:none;flex-direction:column;align-items:center;padding:18px 16px 16px;z-index:30}.ring-wrap.dp-open .cd-overlay{display:flex;animation:cdFadeUp .28s cubic-bezier(.2,.8,.2,1)}@keyframes cdFadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ring-wrap.dp-open>:not(.cd-overlay):not(.rec):not(.kebab):not(.back){opacity:0.16;pointer-events:none;transition:opacity .25s}.cd-overlay .cd-back,.cd-overlay .cd-kebab{position:absolute;top:8px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.10);display:flex;align-items:center;justify-content:center;cursor:pointer;color:white}.cd-overlay .cd-back{left:14px}.cd-overlay .cd-kebab{right:14px}.cd-overlay .cd-rec{position:absolute;top:16px;right:0;background:#dc2626;color:white;padding:4px 12px 4px 14px;border-radius:14px 0 0 14px;font-size:13px;font-weight:700;letter-spacing:.04em;display:none}.cd-overlay .cd-grid{margin-top:80px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px 18px;width:100%;max-width:260px}.cd-overlay .cd-key{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,0.97);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#1a9ee0;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:transform .08s;margin:0 auto}.cd-overlay .cd-key:active{transform:scale(0.94)}.cd-overlay .cd-key .n{font-size:24px;font-weight:500;line-height:1}.cd-overlay .cd-key .l{font-size:9px;color:#6b7280;margin-top:2px;letter-spacing:.1em;font-weight:600}.cd-overlay .cd-hangup{margin-top:auto;width:56px;height:56px;border-radius:50%;background:#ef4444;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px -4px rgba(239,68,68,0.55)}.ring-wrap .dev-switch{position:absolute;left:16px;right:16px;bottom:16px;background:white;border-radius:18px;box-shadow:0 20px 50px -10px rgba(0,0,0,0.35),0 6px 20px rgba(0,0,0,0.15);padding:12px;display:none;z-index:25;overflow:hidden}.ring-wrap.dev-open .dev-switch{display:block;animation:dsSlideUp .28s cubic-bezier(.2,.8,.2,1)}@keyframes dsSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.ring-wrap.dev-open::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.35);z-index:24}.dev-switch .ds-head{display:flex;align-items:center;gap:10px;padding:6px 8px 12px;border-bottom:1px solid #f3f4f6;margin-bottom:8px}.dev-switch .ds-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#c4a07a,#8a6a47);color:white;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center}.dev-switch .ds-name{font-size:15px;color:#1f2937;font-weight:600}.dev-switch .ds-sub{font-size:12px;color:#6b7280}.dev-switch .ds-opt{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;border-radius:12px;font-size:14px;color:#1f2937}.dev-switch .ds-opt:hover{background:#f9fafb}.dev-switch .ds-opt.dark{background:#1a1a22;color:white}.dev-switch .ds-opt.dark.on{background:#111114}.dev-switch .ds-opt .ds-ic{width:32px;height:32px;border-radius:50%;background:rgba(139,92,246,0.10);color:#6d28d9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dev-switch .ds-opt.dark .ds-ic{background:rgba(255,255,255,0.12);color:white}.dev-switch .ds-opt span{flex:1}.dev-switch .ds-check{color:white;font-weight:700;margin-left:auto}.dev-switch .ds-opt:not(.on) .ds-check{opacity:0.3}.ring-wrap .sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.4);display:none;align-items:flex-end;z-index:40}.ring-wrap.sheet-open .sheet-backdrop{display:flex;animation:sbFade .22s ease-out}@keyframes sbFade{from{opacity:0}to{opacity:1}}.ring-wrap .sheet{width:100%;background:white;border-radius:18px 18px 0 0;padding:18px 18px 22px;box-shadow:0 -12px 32px rgba(0,0,0,0.2);animation:sheetUp .32s cubic-bezier(.2,.8,.2,1)}@keyframes sheetUp{from{transform:translateY(100%)}to{transform:none}}.sheet h4{margin:0 0 6px;font-size:16px;font-weight:600;color:#1f2937}.sheet p{margin:0 0 14px;font-size:12px;color:#6b7280}.sheet .so{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#1f2937;cursor:pointer}.sheet .so:last-of-type{border-bottom:0}.sheet .so input[type="radio"]{accent-color:#1a9ee0;width:16px;height:16px}.sheet .so-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.sheet .so-ok,.sheet .so-cancel{border:0;background:none;padding:12px;font-size:15px;color:#1a9ee0;font-weight:500;cursor:pointer;border-top:1px solid #e5e7eb}.sheet .so-ok{font-weight:600}.phone .v-picker{background:white;color:#1f2937}.phone .picker-top{display:flex;align-items:center;gap:8px;padding:10px 14px 4px;position:relative}.phone .picker-top .back{width:38px;height:38px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#1a9ee0;cursor:pointer}.phone .picker-top .pttl{flex:1;text-align:center;font-size:16px;color:#1a9ee0;font-weight:500}.phone .picker-top .p-icons{color:#1a9ee0;display:flex;align-items:center;padding:8px}.phone .v-picker .tabs{display:flex;gap:14px;justify-content:center;padding:8px 0 10px;font-size:14px;color:#9ca3af;border-bottom:1px solid #f3f4f6}.phone .v-picker .tabs .t.on{color:#1a9ee0;font-weight:600}.phone .p-filter{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12px;color:#6b7280;border-bottom:1px solid #f3f4f6}.phone .p-filter .p-search-ic{margin-left:auto;display:flex;align-items:center;gap:6px;color:#9ca3af}.phone .p-list{flex:1;overflow-y:auto;padding:4px 0}.phone .p-row{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;border-bottom:1px solid #f9fafb}.phone .p-row .p-chk{width:20px;height:20px;border-radius:50%;border:1.5px solid #d1d5db;flex-shrink:0;position:relative;transition:all .15s}.phone .p-row.on .p-chk{background:#1a9ee0;border-color:#1a9ee0}.phone .p-row.on .p-chk::after{content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;border-right:2px solid white;border-bottom:2px solid white;transform:rotate(45deg)}.phone .p-row .p-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:13px;flex-shrink:0}.phone .p-row .p-av.a1{background:linear-gradient(135deg,#5b7fa8,#2e4a6b)}.phone .p-row .p-av.a2{background:linear-gradient(135deg,#7a6a5a,#4a3a2a)}.phone .p-row .p-av.a3{background:linear-gradient(135deg,#c4a07a,#8a6a47)}.phone .p-row .p-av.a4{background:linear-gradient(135deg,#8b4a3c,#5a2e22)}.phone .p-row .p-av.a5{background:linear-gradient(135deg,#6b5b8a,#3a2e5a)}.phone .p-row .p-av.a6{background:linear-gradient(135deg,#4a6b8b,#2a4a6b)}.phone .p-row .p-av.a7{background:linear-gradient(135deg,#a16b8b,#6b2e4a)}.phone .p-row .p-av.a8{background:linear-gradient(135deg,#a88a6b,#6b4e2a)}.phone .p-row .p-av.gray{background:#c9ced4}.phone .p-row .p-name{font-size:14px;color:#1f2937}.phone .p-row .p-meta{font-size:11px;color:#9ca3af}.phone .p-row .p-hint{font-style:normal;color:#dc2626;margin-left:4px}.softphone .menubar{position:relative;z-index:60}.softphone .menubar .m{position:relative}.softphone .menubar .m.open{background:#eef2f7}.softphone .menubar .mdrop{display:none;position:absolute;top:100%;left:0;min-width:210px;background:#f7f7f9;border:1px solid #d1d5db;box-shadow:0 8px 24px -6px rgba(0,0,0,.18);padding:4px 0;z-index:70}.softphone .menubar .m.open .mdrop{display:block;animation:mDropIn .12s ease-out}@keyframes mDropIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.softphone .menubar .mitem{padding:7px 18px;font-size:12px;color:#1f2937;cursor:pointer;white-space:nowrap}.softphone .menubar .mitem:hover{background:#0a66c2;color:white}.softphone .menubar .msep{height:1px;background:#d1d5db;margin:4px 0}.softphone .tabrow .more{position:relative}.softphone .moremenu{display:none;position:absolute;top:100%;right:0;min-width:210px;background:#f7f7f9;border:1px solid #d1d5db;box-shadow:0 8px 24px -6px rgba(0,0,0,.18);padding:3px 0;z-index:35;text-align:left}.softphone .moremenu.on{display:block;animation:mmIn .14s ease-out}@keyframes mmIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.softphone .moremenu .mmi{padding:4px 18px;font-size:12px;color:#1f2937;cursor:pointer;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;font-weight:400;line-height:1.4}.softphone .moremenu .mmi:hover{background:#0a66c2;color:white}.softphone .moremenu .mmi:hover .mmi-arr{color:white}.softphone .moremenu .mmsep{height:1px;background:#d1d5db;margin:3px 0}.softphone .moremenu .mmi-sub .mmi-arr{color:#6b7280;margin-left:24px;font-size:10px}.softphone .sp-empty{padding:40px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.softphone .sp-empty-ic{width:72px;height:72px;border-radius:50%;background:#eef6fb;color:#1a9ee0;display:flex;align-items:center;justify-content:center}.softphone .sp-empty-t{font-size:15px;color:#1f2937;font-weight:600}.softphone .sp-empty-s{font-size:12.5px;color:#6b7280;line-height:1.45;max-width:280px}.softphone .sp-empty-b{margin-top:8px;padding:8px 16px;border-radius:18px;background:#1a9ee0;color:white;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s}.softphone .sp-empty-b:hover{background:#1786c0}.softphone .sp-history{padding:6px 0 4px}.softphone .sp-h-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer}.softphone .sp-h-row:hover{background:#f9fafb}.softphone .sp-h-ic{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.softphone .sp-h-ic.in{background:#22c55e}.softphone .sp-h-ic.out{background:#1a9ee0}.softphone .sp-h-ic.miss{background:#ef4444}.softphone .sp-h-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;font-weight:600;flex-shrink:0}.softphone .sp-h-av.p2{background:linear-gradient(135deg,#7a6a5a,#4a3a2a)}.softphone .sp-h-av.p3{background:linear-gradient(135deg,#a88a6b,#6b4e2a)}.softphone .sp-h-av.p5{background:linear-gradient(135deg,#6b5b8a,#3a2e5a)}.softphone .sp-h-av.p6{background:linear-gradient(135deg,#4a6b8b,#2a4a6b)}.softphone .sp-h-av.p8{background:linear-gradient(135deg,#9ca3af,#6b7280)}.softphone .sp-h-body{flex:1;min-width:0}.softphone .sp-h-nm{font-size:13.5px;color:#1f2937}.softphone .sp-h-cnt{color:#6b7280;font-size:12px}.softphone .sp-h-meta{font-size:11px;color:#6b7280;margin-top:1px}.softphone .sp-h-meta.sp-h-miss{color:#dc2626;font-weight:600}.softphone .sp-h-tm{font-size:11px;color:#9ca3af;flex-shrink:0}.cx-live-demo-sp .sp-popup-layer{display:none;position:absolute;top:0;right:calc(50% + 236px);z-index:40;pointer-events:none;filter:drop-shadow(0 18px 36px rgba(0,0,0,0.38))}.cx-live-demo-sp .sp-popup-layer.on{display:block;animation:spFade .16s ease-out}@keyframes spFade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.cx-live-demo-sp .sp-popup{pointer-events:auto;background:white;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.15);overflow:hidden;animation:spPop .22s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;border:1px solid #cbd5e1}@keyframes spPop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.cx-live-demo-sp .sp-pop-sm{width:290px}.cx-live-demo-sp .sp-pop-lg{width:360px;max-height:540px}@media (max-width:980px){.cx-live-demo-sp .sp-popup-layer{display:none;position:fixed;inset:0;left:0!important;top:0;background:rgba(10,12,22,.55);z-index:1000;padding:20px;pointer-events:auto;align-items:center;justify-content:center}.cx-live-demo-sp .sp-popup-layer.on{display:flex}.cx-live-demo-sp .sp-pop-lg{width:min(500px,94vw);max-height:80vh}.cx-live-demo-sp .sp-pop-sm{width:min(320px,92vw)}}.sp-pop-bar{background:white;border-bottom:1px solid #e5e7eb;padding:7px 10px;display:flex;align-items:center;justify-content:space-between}.sp-pop-t{font-size:12px;color:#1f2937;font-weight:600;display:flex;align-items:center;gap:6px}.sp-pop-t svg{color:#1a9ee0}.sp-pop-x{width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;border-radius:3px;font-size:16px;line-height:1}.sp-pop-x:hover{background:#e81123;color:white}.sp-pop-blue{background:#1a9ee0;color:white;padding:10px 14px;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:12px}.sp-pop-blue .sp-pop-ico{display:flex;gap:8px;color:white}.sp-pop-body{padding:14px 14px 14px;display:flex;flex-direction:column;gap:10px;background:white}.sp-pop-sel{border:1px solid #d1d5db;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:#1f2937;border-radius:2px;cursor:pointer}.sp-pop-sel svg{color:#6b7280}.sp-pop-chk{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#1f2937;cursor:pointer}.sp-pop-chk input{accent-color:#1a9ee0}.sp-pop-drop{border:1px dashed #cbd5e1;padding:22px;color:#9ca3af;font-size:13px;font-style:italic;text-align:center;border-radius:4px}.sp-pop-actions{display:flex;gap:10px;justify-content:center;margin-top:4px}.sp-pop-btn{padding:8px 22px;border-radius:20px;font-size:13px;font-weight:600;border:0;cursor:pointer;color:white;transition:filter .12s}.sp-pop-btn.ok{background:#22c55e}.sp-pop-btn.cancel{background:#1a9ee0}.sp-pop-btn:hover{filter:brightness(1.08)}.sp-about{align-items:center;text-align:center}.sp-about-logo{font-size:32px;font-weight:500;color:#1a9ee0;letter-spacing:.02em}.sp-about-logo span{color:#1a9ee0;font-style:italic}.sp-about-ver{font-size:12px;color:#374151}.sp-about-cp{font-size:11px;color:#9ca3af}.sp-upd{font-size:12.5px;color:#1f2937;text-align:center;padding:10px;background:#f1f8fd;border-radius:4px}.sp-upd b{color:#1a9ee0}.sp-qr{width:140px;height:140px;margin:6px auto;background:conic-gradient(from 0deg,#000 0 25%,white 25% 50%,#000 50% 75%,white 75%) top left / 20px 20px,white;border:6px solid white;box-shadow:0 0 0 1px #e5e7eb;position:relative}.sp-qr::after{content:'';position:absolute;inset:30%;background:white;border:4px solid #000}.sp-qr-tip{font-size:11px;color:#6b7280}.sp-fb{width:100%;min-height:90px;border:1px solid #d1d5db;padding:10px 12px;font-size:12.5px;font-family:inherit;border-radius:4px;resize:vertical}.spc-wrap{display:flex;flex:1;min-height:340px}.spc-sidebar{width:200px;flex-shrink:0;background:#f7f8fa;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.spc-sidehd{background:#1a9ee0;color:white;padding:10px 12px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.spc-search{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid #e5e7eb}.spc-search svg{color:#9ca3af}.spc-search input{flex:1;border:0;background:transparent;outline:0;font-size:12px;color:#374151;font-family:inherit}.spc-list{flex:1;overflow-y:auto}.spc-item{padding:8px 10px;display:flex;align-items:center;gap:8px;cursor:pointer;border-bottom:1px solid #eef0f3;transition:background .12s}.spc-item:hover{background:#eef6fb}.spc-item.on{background:#dbeefa}.spc-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:11px;font-weight:600;flex-shrink:0;background:#c9ced4}.spc-av.a1{background:linear-gradient(135deg,#5b7fa8,#2e4a6b)}.spc-av.a2{background:linear-gradient(135deg,#7a6a5a,#4a3a2a)}.spc-av.a3{background:linear-gradient(135deg,#c4a07a,#8a6a47)}.spc-av.a4{background:linear-gradient(135deg,#8b4a3c,#5a2e22)}.spc-av.a5{background:linear-gradient(135deg,#6b5b8a,#3a2e5a)}.spc-av.a6{background:linear-gradient(135deg,#4a6b8b,#2a4a6b)}.spc-av.a7{background:linear-gradient(135deg,#a16b8b,#6b2e4a)}.spc-av.a8{background:linear-gradient(135deg,#a88a6b,#6b4e2a)}.spc-av.gray{background:#c9ced4}.spc-body{flex:1;min-width:0}.spc-nm{font-size:12px;color:#1f2937;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spc-preview{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spc-tm{font-size:10px;color:#9ca3af;flex-shrink:0}.spc-main{flex:1;display:flex;flex-direction:column;min-width:0}.spc-mainhd{background:#1a9ee0;color:white;padding:8px 12px;display:flex;align-items:center;gap:8px}.spc-mainhd .spc-av{background:rgba(255,255,255,.25);color:white}.spc-mainnm{flex:1}.spc-mainnm>:first-child{font-size:13px;font-weight:600}.spc-mainsub{font-size:11px;opacity:.8}.spc-mainact{display:flex;gap:10px;color:white}.spc-thread{flex:1;overflow-y:auto;padding:14px;background:white}.spc-empty{text-align:center;color:#9ca3af;font-size:13px;padding:40px 0}.spc-day{text-align:center;font-size:11px;color:#9ca3af;margin:10px 0}.spc-msg{max-width:70%;padding:8px 12px;border-radius:12px;font-size:13px;margin-bottom:6px;line-height:1.35;position:relative;word-wrap:break-word}.spc-msg.me{background:#dbeefa;color:#0f3a54;margin-left:auto;border-bottom-right-radius:3px}.spc-msg.them{background:#f3f4f6;color:#1f2937;border-bottom-left-radius:3px}.spc-msg .spc-tm{font-size:9px;color:#94a3b8;margin-left:6px}.spc-input{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid #e5e7eb;background:white}.spc-input input{flex:1;border:0;background:transparent;outline:0;font-size:13px;font-family:inherit;color:#1f2937}.spc-iacts{display:flex;gap:10px;color:#6b7280}.sp-vm-tabs{display:flex;justify-content:center;gap:2px;padding:12px;background:white;border-bottom:1px solid #e5e7eb}.sp-vm-t{padding:8px 18px;font-size:11px;font-weight:600;letter-spacing:.08em;color:#6b7280;cursor:pointer;border:1px solid #e5e7eb;border-radius:3px}.sp-vm-t.on{background:#6b7280;color:white;border-color:#6b7280}.sp-vm-head{display:grid;grid-template-columns:2fr 2fr 1fr;background:#eef2f7;padding:8px 14px;font-size:12px;color:#1f2937;border-bottom:1px solid #e5e7eb}.sp-vm-head span{border-right:1px solid #d1d5db;padding-right:8px}.sp-vm-head span:last-child{border-right:0}.sp-vm-empty{text-align:center;padding:60px 20px;color:#1f2937;font-size:13px;background:#f3f4f6}.sp-vm-foot{padding:8px 14px;background:#f3f4f6;text-align:right;font-size:11px;color:#374151}.sp-vm-dot{color:#dc2626;font-weight:700}.sp-sms-wrap{display:flex;flex:1;min-height:320px}.sp-sms-side{width:220px;flex-shrink:0;background:#f7f8fa;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.sp-sms-search{display:flex;align-items:center;gap:6px;padding:10px;border-bottom:1px solid #e5e7eb}.sp-sms-search input{flex:1;border:0;background:transparent;outline:0;font-size:12px;color:#374151;font-family:inherit}.sp-sms-warn{margin-top:auto;padding:10px 12px;font-size:11.5px;color:#c2410c;font-weight:500;display:flex;align-items:center;gap:6px;background:#fff7ed}.sp-sms-main{flex:1;display:flex;flex-direction:column}.sp-sms-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:13px;background:white}.sp-sms-input{display:flex;align-items:center;gap:10px;padding:8px 10px;border-top:1px solid #e5e7eb;background:white}.sp-sms-input input{flex:1;border:0;outline:0;background:transparent;font-size:13px;font-family:inherit}.sp-sms-iacts{display:flex;align-items:center;gap:10px;color:#6b7280}.sp-sms-send{background:#1a9ee0;color:white;border:0;padding:6px 14px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.08em;display:flex;align-items:center;gap:6px;cursor:pointer}.sp-sms-send:hover{background:#1786c0}.phone.mview-phonedial .view.v-phonedial{display:flex}.phone.mview-chats .view.v-chats{display:flex}.phone.mview-chatdetail .view.v-chatdetail{display:flex}.phone.mview-conf .view.v-conf{display:flex}.phone.mview-masmenu .view.v-mas{display:flex}.phone.mview-perfil .view.v-perfil{display:flex}.phone.mview-sms .view.v-sms{display:flex}.phone.mview-reunion .view.v-reunion{display:flex}.phone.mview-config .view.v-config{display:flex}.phone .v-directorio .dir-section{flex:1;overflow-y:auto}.phone .contactos-agenda{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f3f4f6;color:#1f2937;font-size:14px;font-weight:500;margin:0 12px 6px;border-radius:10px}.phone .mv-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px;padding:40px 20px}.phone .mv-top{display:flex;align-items:center;gap:8px;padding:10px 16px 8px}.phone .mv-back,.phone .mv-ic{width:38px;height:38px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#1a9ee0;cursor:pointer;flex-shrink:0}.phone .mv-title{flex:1;text-align:center;font-size:16px;color:#1a9ee0;font-weight:600}.phone .mv-spacer{width:38px}.phone .mv-rgt{display:flex;gap:6px}.phone .mv-fab{position:absolute;right:18px;bottom:82px;width:50px;height:50px;border-radius:50%;background:white;box-shadow:0 6px 16px -4px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;color:#1a9ee0;cursor:pointer;z-index:5}.phone .mdial{flex:1;display:flex;flex-direction:column;padding:20px 26px 10px;overflow:hidden}.phone .mdial-top{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#1a9ee0;cursor:pointer;position:relative;user-select:none;padding:4px 8px;border-radius:4px;transition:background .12s}.phone .mdial-top:hover{background:rgba(26,158,224,.06)}.phone .mdial-top[aria-expanded="true"] svg{transform:rotate(180deg)}.phone .mdial-top svg{transition:transform .2s}.phone .mdial-cid-menu{position:absolute;left:50%;top:calc(100% + 4px);transform:translateX(-50%);width:92%;max-width:300px;background:white;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 14px 32px -8px rgba(0,0,0,0.22);z-index:40;display:none;max-height:280px;overflow-y:auto;overscroll-behavior:contain}.phone .mdial-cid-menu.on{display:block;animation:dpCidIn .18s cubic-bezier(.2,.8,.2,1)}.phone .mdial-cid-item{padding:10px 14px;display:flex;flex-direction:column;gap:2px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .12s;text-align:left;color:#1f2937}.phone .mdial-cid-item:last-child{border-bottom:0}.phone .mdial-cid-item:hover{background:#eef6fb}.phone .mdial-cid-item.on{background:#dbeefa}.phone .mdial-cid-item .num{font-size:13px;font-weight:600;letter-spacing:.01em}.phone .mdial-cid-item.on .num{color:#1a9ee0}.phone .mdial-cid-item .meta{font-size:11px;color:#6b7280}.phone .mdial-num{text-align:center;font-size:14px;color:#9ca3af;padding:18px 0 4px;min-height:48px;font-style:italic}.phone .mdial-num.typed{color:#1f2937;font-size:30px;letter-spacing:.02em;font-style:normal}.phone .mdial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 14px;margin:0 auto;max-width:280px}.phone .md-key{width:64px;height:64px;border-radius:50%;background:#f3f4f6;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;user-select:none;transition:transform .08s,background .12s}.phone .md-key:active{transform:scale(.92);background:#e5e7eb}.phone .md-key .n{font-size:26px;color:#1f2937;line-height:1;font-weight:500}.phone .md-key .l{font-size:9px;color:#6b7280;letter-spacing:.1em;font-weight:600;margin-top:2px}.phone .mdial-actions{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:14px;padding-bottom:6px}.phone .md-call{width:56px;height:56px;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;box-shadow:0 6px 16px -4px rgba(34,197,94,.55);transition:transform .12s}.phone .md-call:hover{transform:scale(1.05)}.phone .md-call:active{transform:scale(.92)}.phone .md-back,.phone .md-kb{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1a9ee0;cursor:pointer}.phone .md-back:hover,.phone .md-kb:hover{background:#f3f4f6}.phone .mch-top{display:flex;align-items:center;gap:8px;padding:10px 16px 8px}.phone .mch-spacer{width:38px}.phone .mch-title{flex:1;text-align:center;font-size:18px;color:#1a9ee0;font-weight:600}.phone .mch-menu{width:38px;height:38px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#374151;cursor:pointer}.phone .mch-list{flex:1;overflow-y:auto;padding:4px 0 80px}.phone .mch-row{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;border-bottom:1px solid #f3f4f6}.phone .mch-row:hover{background:#f9fafb}.phone .mch-av{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;font-weight:600;flex-shrink:0;position:relative;background:#c9ced4}.phone .mch-av.a1{background:linear-gradient(135deg,#5b7fa8,#2e4a6b)}.phone .mch-av.a2{background:linear-gradient(135deg,#7a6a5a,#4a3a2a)}.phone .mch-av.a3{background:linear-gradient(135deg,#c4a07a,#8a6a47)}.phone .mch-av.a4{background:linear-gradient(135deg,#8b4a3c,#5a2e22)}.phone .mch-av.a5{background:linear-gradient(135deg,#6b5b8a,#3a2e5a)}.phone .mch-av.a6{background:linear-gradient(135deg,#4a6b8b,#2a4a6b)}.phone .mch-av.a7{background:linear-gradient(135deg,#a16b8b,#6b2e4a)}.phone .mch-av.a8{background:linear-gradient(135deg,#a88a6b,#6b4e2a)}.phone .mch-av.gray{background:#c9ced4}.phone .mch-av.grp{background:#c9ced4;color:#6b7280}.phone .mch-miss{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:#dc2626;color:white;border:2px solid white;display:flex;align-items:center;justify-content:center}.phone .mch-body{flex:1;min-width:0}.phone .mch-nm{font-size:15px;color:#1f2937;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone .mch-preview{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.phone .mch-tm{font-size:11px;color:#9ca3af;flex-shrink:0;align-self:flex-start;margin-top:2px}.phone .mch-fab{position:absolute;right:18px;bottom:82px;width:52px;height:52px;border-radius:50%;background:white;box-shadow:0 6px 16px -4px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;color:#1a9ee0;cursor:pointer;z-index:5}.phone .mcd{flex:1;display:flex;flex-direction:column;overflow:hidden}.phone .mcd-top{display:flex;align-items:center;gap:8px;padding:10px 14px 8px}.phone .mcd-back,.phone .mcd-call,.phone .mcd-kebab{width:38px;height:38px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.phone .mcd-back{color:#1a9ee0}.phone .mcd-kebab{color:#6b7280}.phone .mcd-title{flex:1;text-align:center}.phone .mcd-nm{font-size:17px;color:#1a9ee0;font-weight:600}.phone .mcd-sub{font-size:12px;color:#6b7280}.phone .mcd-thread{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.phone .mcd-day{text-align:center;font-size:11px;color:#9ca3af;margin:8px 0 4px}.phone .mcd-line{display:flex;align-items:flex-end;gap:6px;margin:2px 0}.phone .mcd-line.mcd-me{justify-content:flex-end}.phone .mcd-line.mcd-them{justify-content:flex-start}.phone .mcd-bav{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:11px;font-weight:600;flex-shrink:0}.phone .mcd-bav.a3{background:linear-gradient(135deg,#c4a07a,#8a6a47)}.phone .mcd-bav.a2{background:linear-gradient(135deg,#7a6a5a,#4a3a2a)}.phone .mcd-bav.gray{background:#c9ced4}.phone .mcd-bubble{max-width:72%;padding:8px 14px;border-radius:16px;background:#dbeefa;color:#0f3a54;font-size:14px;line-height:1.35;position:relative}.phone .mcd-line.mcd-them .mcd-bubble{background:#eef2f7;color:#1f2937}.phone .mcd-bubble.mcd-link a{color:#1a9ee0;text-decoration:underline;cursor:pointer;word-break:break-all}.phone .mcd-bubble.mcd-del{background:transparent;color:#9ca3af;font-style:italic;padding-left:4px}.phone .mcd-meta{font-size:10px;color:#6b7280;margin-top:4px;display:flex;gap:4px;justify-content:flex-end;align-items:center}.phone .mcd-read{color:#1a9ee0;font-weight:700}.phone .mcd-input{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid #f3f4f6}.phone .mcd-plus,.phone .mcd-mic{width:40px;height:40px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#1a9ee0;cursor:pointer;flex-shrink:0}.phone .mcd-input input{flex:1;background:#f3f4f6;border:0;outline:0;padding:10px 14px;border-radius:20px;font-size:14px;color:#1f2937;font-family:inherit}.phone .v-mas{background:white}.phone .mas-edit{padding:6px 14px;background:#f3f4f6;border-radius:18px;font-size:13px;color:#1a9ee0;font-weight:500;cursor:pointer}.phone .mas-list{flex:1;overflow-y:auto;padding:10px 0}.phone .mas-row{display:flex;align-items:center;gap:14px;padding:14px 20px;cursor:pointer;border-bottom:1px solid #f3f4f6;color:#1f2937}.phone .mas-row:hover{background:#f9fafb}.phone .mas-ic{color:#1a9ee0;flex-shrink:0}.phone .mas-l{flex:1;font-size:17px;color:#1f2937;font-weight:400}.phone .mas-row>svg{color:#9ca3af;flex-shrink:0}.phone .v-perfil{background:white;overflow-y:auto}.phone .perfil-wrap{padding:0 16px 90px}.phone .perfil-av{width:160px;height:160px;border-radius:50%;margin:8px auto 8px;background:linear-gradient(135deg,#c4a07a,#8a6a47);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:48px;position:relative;overflow:hidden}.phone .perfil-av .av-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:1;pointer-events:none}.phone .perfil-av .perfil-edit{z-index:2}.phone .perfil-av .perfil-edit{position:absolute;bottom:6px;left:10px;width:28px;height:28px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;color:#1a9ee0;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.05)}.phone .perfil-nm{text-align:center;font-size:22px;color:#1a9ee0;font-weight:500}.phone .perfil-ext{text-align:center;font-size:17px;color:#1f2937;margin-top:2px}.phone .perfil-row{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid #f3f4f6}.phone .pf-ic{color:#1a9ee0;flex-shrink:0}.phone .pf-k{font-size:14px;color:#1f2937;flex:1}.phone .pf-v{font-size:14px;color:#1f2937}.phone .pf-v.ok{color:#22c55e}.phone .pf-block{flex:1;display:flex;flex-direction:column;gap:2px}.phone .pf-block .pf-k{font-size:13px;color:#6b7280}.phone .pf-block .pf-v{font-size:14px;color:#1f2937}.phone .perfil-sec{background:#f3f4f6;margin:10px -16px 0;padding:10px 16px;font-size:14px;color:#1f2937;font-weight:600}.phone .perfil-dev{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid #f3f4f6;color:#1a9ee0}.phone .perfil-dev .pf-k{color:#1f2937;font-size:15px}.phone .v-config{background:white;overflow-y:auto}.phone .cfg-list{flex:1;padding:6px 0 90px;overflow-y:auto}.phone .cfg-row{display:flex;align-items:flex-start;gap:14px;padding:12px 20px;border-bottom:1px solid #f3f4f6;cursor:pointer}.phone .cfg-row:hover{background:#f9fafb}.phone .cfg-ic{color:#1a9ee0;flex-shrink:0;padding-top:2px}.phone .cfg-t{font-size:17px;color:#1f2937}.phone .cfg-s{font-size:12px;color:#6b7280;margin-top:2px}@media (max-width:980px){.cx-live-demo-sp .sp-popup-layer{flex-direction:column}.cx-live-demo-sp .sp-pop-ongoing{width:min(340px,92vw);max-height:85vh;overflow-y:auto}.cx-live-demo-sp .sp-pop-dial{width:min(300px,90vw);max-height:85vh}.cx-live-demo-sp,.cx-live-demo-ph{max-width:100%}}@media (max-width:700px){.cx-live-demo-stage{padding:24px 0;gap:28px}.cx-live-demo-sp .softphone{transform:scale(0.88);transform-origin:top center;margin-bottom:-40px}.cx-live-demo-ph .phone{transform:scale(0.9);transform-origin:top center;margin-bottom:-30px}.cx-live-demo-hints{gap:10px}.cx-live-demo-hints li{padding:12px 14px;font-size:12.5px}}@media (max-width:500px){.cx-live-demo-sp .softphone{transform:scale(0.72);margin-bottom:-110px}.cx-live-demo-ph .phone{transform:scale(0.82);margin-bottom:-50px}.cx-live-demo-sp .sp-pop-lg,.cx-live-demo-sp .sp-pop-sm,.cx-live-demo-sp .sp-pop-ongoing,.cx-live-demo-sp .sp-pop-dial{width:94vw;max-width:94vw}.cx-live-demo-sp .sp-popup-layer{padding:10px}.cx-live-demo-title{font-size:clamp(40px,12vw,60px)}}.sp-pop-x:focus-visible,.sp-pop-btn:focus-visible,.sp-oc-btn:focus-visible,.softphone .tabrow .tab:focus-visible,.softphone .bottab .bt:focus-visible,.phone .dir-top .tabs .t:focus-visible,.phone .iostab .ib:focus-visible{outline:2px solid #1a9ee0;outline-offset:2px}.sp-popup [tabindex="0"]:focus-visible{outline:2px solid #1a9ee0;outline-offset:2px}.cx-live-demo-stage .softphone,.cx-live-demo-stage .phone{transform:translate3d(0,0,0);backface-visibility:hidden}.cx-live-demo-sp .sp-popup,.softphone .moremenu,.softphone .menubar .mdrop{contain:layout style}@media (prefers-reduced-motion:reduce){.cx-live-demo-dot,.cx-live-demo-title em,.sp-popup,.softphone .contact.is-ringing,.softphone .contact .av .st.ring,.softphone .contact .n-sub.ringing::before,.softphone .contact .c-act.sp-pulse,.phone .dirgrid .p .avbox .dot.ring,[class*="cxLdDot"],[class*="cxLdRec"],[class*="cxLdWv"]{animation:none!important}}