.phone-console{position:relative;max-width:790px;min-height:440px;margin:0 auto 28px;padding:26px 30px 30px;border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow);overflow:hidden;text-align:center;color:var(--ink)}
.phone-console>*{position:relative;z-index:1}
.phone-console-top{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left}
.phone-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--muted)}
.phone-eyebrow .icon{width:15px;height:15px}
.phone-availability{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--line);border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap;color:var(--muted)}
.phone-availability i{width:7px;height:7px;border-radius:50%;background:#e7a54b}.phone-availability.online i{background:#12b788;box-shadow:0 0 0 4px #12b78820}
.phone-person{display:flex;flex-direction:column;align-items:center;margin:26px auto 12px}.phone-person.idle{margin-top:34px}
.phone-orb{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;border:1px solid var(--line);background:radial-gradient(circle at 30% 18%,#b1beff75,#5a82ff2d 53%,#6b45be28 100%);box-shadow:inset 0 1px 1px #ffffff70,0 18px 48px #2234682b}
.phone-orb .icon{width:50px;height:50px;stroke:var(--action-fill);stroke-width:1.55}.phone-person h2{margin:18px 0 3px;font-size:clamp(22px,3vw,30px);line-height:1.2;color:var(--ink)}
.phone-person p{max-width:490px;margin:0;color:var(--muted);font-size:14px;line-height:1.55}.phone-timer{display:inline-block;margin-top:12px;font:700 18px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:var(--ink)}
.phone-wave{display:flex;align-items:center;justify-content:center;gap:5px;height:65px;margin:15px auto 18px}.phone-wave i{width:5px;height:var(--h);border-radius:99px;background:linear-gradient(180deg,#7f92ff,#bd9fff);opacity:.88}.phone-console:has(.phone-availability.online) .phone-wave i{animation:phone-wave 1.4s ease-in-out infinite alternate;animation-delay:calc(var(--h) * -16ms)}
@keyframes phone-wave{from{transform:scaleY(.48);opacity:.55}to{transform:scaleY(1);opacity:1}}
.phone-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;max-width:610px;margin:0 auto}
.phone-control{display:flex;min-height:79px;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px solid var(--line);border-radius:20px;background:#9fb3ff18;color:var(--ink);font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;cursor:pointer;transition:transform .18s,background .18s,border-color .18s}.phone-control .icon{width:23px;height:23px}.phone-control:hover:not(:disabled){transform:translateY(-2px);background:#96a6ff35}.phone-control.selected{background:#786cf248;border-color:#7875ef88}.phone-control.danger{background:#f0366852;border-color:#f04f75;color:#7d1032}.phone-control.danger:hover{background:#ee345f75}.phone-control:disabled{opacity:.42;cursor:not-allowed}
.phone-dial{max-width:550px;margin:34px auto 0;text-align:left}.phone-dial label,.phone-transfer label{display:block;margin-bottom:8px;font-size:12px;font-weight:700;color:var(--muted)}.phone-dial-row,.phone-transfer-row{display:flex;gap:10px}.phone-dial input,.phone-transfer input{min-width:0;flex:1;height:49px;padding:0 15px;border:1px solid var(--line);border-radius:16px;background:#ffffff54;color:var(--ink);font-family:inherit;font-size:16px;font-weight:600;line-height:1.2;outline:none}.phone-dial input:focus,.phone-transfer input:focus{border-color:var(--action-fill);box-shadow:0 0 0 3px #5a88ff26}.phone-dial-row .button,.phone-transfer-row .button{white-space:nowrap;border-radius:16px}.phone-caption{margin:15px auto 0;color:var(--muted);font-size:12px}.phone-enable{margin:18px auto 0}
.phone-mode{display:flex;gap:8px;max-width:550px;margin:24px auto 0}.phone-mode button{flex:1;min-height:43px;padding:8px 11px;border:1px solid var(--line);border-radius:15px;background:#ffffff29;color:var(--ink);font-family:inherit;font-size:12px;font-weight:700;line-height:1.25;cursor:pointer}.phone-mode button.selected,.phone-staff button.selected{border-color:#69bfa599;background:#85ddba55;box-shadow:inset 0 1px 0 #ffffff8c,0 7px 20px #2d8a6940}.phone-mode+.phone-dial{margin-top:16px}.phone-staff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.phone-staff button{display:flex;min-width:0;flex-direction:column;gap:3px;padding:11px 13px;border:1px solid var(--line);border-radius:15px;background:#ffffff28;color:var(--ink);text-align:left;cursor:pointer}.phone-staff strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.phone-staff small{color:var(--muted);font-size:11px}.phone-staff p{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}.phone-bridge-steps{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px auto}.phone-bridge-steps span{padding:10px 14px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:12px}.phone-bridge-steps span.current{background:#d7e4ff71;color:var(--ink)}.phone-bridge-steps span.done{background:#9ee5c071;color:#0c754c}.phone-bridge-actions{display:flex;justify-content:center}.phone-bridge-actions .button{min-width:190px}.phone-bridge-actions .danger{background:#f0366852;border-color:#f04f75;color:#801632}
.phone-live{max-width:550px;margin:25px auto 0;padding-top:18px;border-top:1px solid var(--line);text-align:left}.phone-live h3{margin:0 0 9px;font-size:14px;color:var(--ink)}.phone-live>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.phone-live>div span{display:flex;flex-direction:column;gap:3px;min-width:0}.phone-live>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.phone-live>div small,.phone-live>p{font-size:12px;color:var(--muted)}.phone-live>div .button{flex:none}.phone-monitor-tools{display:flex;align-items:center;justify-content:center;gap:13px;margin:12px auto 18px}.phone-monitor-tools label{font-size:12px;color:var(--muted)}.phone-monitor-tools input{width:130px;accent-color:#7e86fa}.phone-person.monitor .phone-orb{background:radial-gradient(circle at 30% 18%,#9beed0a8,#65c5a24f 65%,#60a6e535)}
.phone-routing{max-width:550px;margin:18px auto 0;padding:13px 16px;border:1px solid var(--line);border-radius:17px;text-align:left;color:var(--muted);font-size:12px}.phone-routing summary{cursor:pointer;font-weight:700;color:var(--ink)}.phone-routing p{line-height:1.5}.phone-routing .button{margin-top:2px}
.phone-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:260px;margin:20px auto 0}.phone-keypad button{height:45px;border:1px solid var(--line);border-radius:14px;background:#a0b5ff22;color:var(--ink);font-size:20px;font-weight:700;cursor:pointer}.phone-keypad button:hover{background:#a0b5ff50}
.phone-transfer{max-width:520px;margin:20px auto 0;padding:16px;border:1px solid var(--line);border-radius:20px;text-align:left}.phone-team{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.phone-team button{padding:8px 11px;border:1px solid var(--line);border-radius:99px;background:#adbcff24;color:var(--ink);cursor:pointer}
.phone-transcribe{display:flex;align-items:center;justify-content:center;gap:9px;max-width:550px;margin:16px auto 0;padding:11px 13px;border:1px solid var(--line);border-radius:16px;background:#9cbafa1b;color:var(--ink);font-size:13px;font-weight:700;cursor:pointer}.phone-transcribe input{width:17px;height:17px;accent-color:#0fa86a}.phone-transcribe small{margin-left:auto;color:var(--muted);font-size:11px;font-weight:500}.phone-recording-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:10px auto 0;color:#117458;font-size:12px;font-weight:650}.phone-recording-note .icon{width:16px;height:16px}.phone-media-status{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:3px auto 0}.phone-media-status span{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid #56bf9c70;border-radius:99px;background:#a6efd05c;color:#087452;font-size:11px;font-weight:700}.phone-media-status .icon{width:13px;height:13px}.phone-media-status strong{color:#ab2748;font-size:11px}.phone-bridge-number{margin-top:3px;color:var(--muted)}
.phone-transfer-modal{position:fixed;left:50%;top:50%;z-index:9991;transform:translate(-50%,-50%);width:min(540px,calc(100vw - 24px));max-height:min(760px,calc(100dvh - 28px));overflow:auto;padding:23px;border:1px solid var(--line);border-radius:27px;background:#e5efffe9;box-shadow:0 28px 80px #07153760;color:var(--ink);text-align:left}.phone-transfer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.phone-transfer-head h2{margin:7px 0 0;font-size:22px;line-height:1.2}.phone-transfer-close{display:grid;place-items:center;flex:none;width:37px;height:37px;border:1px solid var(--line);border-radius:12px;background:#ffffff45;color:var(--ink);cursor:pointer}.phone-transfer-close .icon{width:18px;height:18px}.phone-transfer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:21px 0 17px;padding:4px;border:1px solid var(--line);border-radius:15px;background:#91a9dc23}.phone-transfer-tabs button{min-height:37px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-family:inherit;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer}.phone-transfer-tabs button.selected{background:#97dec489;color:#075b41;box-shadow:0 3px 13px #23795b20}.phone-transfer-label{display:block;margin:0 0 7px;font-size:12px;font-weight:700;color:var(--muted)}.phone-transfer-modal input{width:100%;height:43px;padding:0 12px;border:1px solid var(--line);border-radius:13px;background:#ffffff70;color:var(--ink);font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;outline:none}.phone-transfer-modal input:focus{border-color:#4c9dcb;box-shadow:0 0 0 3px #5a88ff24}.phone-transfer-list{display:flex;flex-direction:column;gap:6px;min-height:60px;max-height:210px;overflow:auto;margin:9px 0 17px;padding-right:2px}.phone-transfer-person{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:53px;padding:8px 11px;border:1px solid var(--line);border-radius:13px;background:#ffffff36;color:var(--ink);font-family:inherit;text-align:left;cursor:pointer}.phone-transfer-person:hover,.phone-transfer-person.selected{border-color:#67bca4;background:#a6e7cf64}.phone-transfer-person span{display:flex;flex-direction:column;gap:3px;min-width:0}.phone-transfer-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.phone-transfer-person small{color:var(--muted);font-size:11px}.phone-transfer-person em{flex:none;color:var(--muted);font-size:12px;font-style:normal}.phone-transfer-empty{margin:11px;color:var(--muted);font-size:12px}.phone-transfer-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0;padding:10px 12px;border:1px solid #66bea17b;border-radius:13px;background:#a6e7cf40}.phone-transfer-choice small{color:var(--muted);font-size:11px}.phone-transfer-choice strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:13px}.phone-transfer-submit{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:46px}.phone-transfer-submit:disabled{opacity:.5;cursor:not-allowed}
.phone-busy{position:relative;cursor:progress!important}.phone-control.phone-busy:disabled{opacity:1}.phone-control:active:not(:disabled),.phone-transfer-person:active,.phone-transfer-tabs button:active,.phone-answer:active,.phone-decline:active{transform:scale(.96)}
.call-recording-segments{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 9px}.call-recording-segments button{min-height:36px;padding:7px 13px;border:1px solid var(--line);border-radius:12px;background:#ffffff38;color:var(--ink);font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;cursor:pointer}.call-recording-segments button.selected{border-color:#62bca0;background:#a6e7cf77;color:#075b41}
#phone-overlay:empty{display:none}.phone-overlay-scrim{position:fixed;inset:0;z-index:9990;background:#07153775;backdrop-filter:blur(8px)}.phone-incoming{position:fixed;left:50%;top:50%;z-index:9991;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;width:min(440px,calc(100vw - 30px));padding:34px 25px;border:1px solid var(--line);border-radius:30px;background:#e5efffe0;box-shadow:0 30px 90px #0616385e;text-align:center;color:var(--ink)}.phone-incoming .phone-orb{width:105px;height:105px;margin-top:22px}.phone-incoming .phone-orb .icon{width:39px;height:39px}.phone-incoming .ringing{animation:phone-ring 1.2s ease-in-out infinite}.phone-incoming h2{margin:19px 0 4px;font-size:25px}.phone-incoming p{margin:0 0 24px;color:var(--muted)}.phone-incoming-actions{display:flex;gap:11px;width:100%}.phone-incoming-actions button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:50px;border-radius:16px;border:1px solid var(--line);font-weight:800;cursor:pointer}.phone-incoming-actions .icon{width:18px;height:18px}.phone-answer{background:#b7f4d2;color:#075b38}.phone-decline{background:#ffe5ec;color:#a62946}
@keyframes phone-ring{0%,100%{transform:rotate(-6deg) scale(.97)}50%{transform:rotate(6deg) scale(1.04)}}
.phone-dock{position:fixed;right:22px;bottom:22px;z-index:9980;display:flex;align-items:center;gap:12px;min-width:250px;padding:14px 16px;border:1px solid var(--line);border-radius:20px;background:#dceaffd9;box-shadow:var(--shadow);text-align:left;color:var(--ink);cursor:pointer}.phone-dock>.icon:first-child{width:23px;height:23px;color:#0baf75}.phone-dock>.icon:last-child{width:16px;height:16px;margin-left:auto}.phone-dock span{display:flex;flex-direction:column;gap:3px}.phone-dock small{color:var(--muted)}
:root[data-voice-mode="dark"] .phone-console,:root[data-voice-mode="dark"] .phone-transfer-modal,:root[data-voice-mode="dark"] .phone-incoming,:root[data-voice-mode="dark"] .phone-dock{background:#14213ce8}:root[data-voice-mode="dark"] .phone-dial input,:root[data-voice-mode="dark"] .phone-transfer-modal input{background:#172b4caa}:root[data-voice-mode="dark"] .phone-control.danger,:root[data-voice-mode="dark"] .phone-bridge-actions .danger{color:#ffdce6}
@media(max-width:700px){.phone-console{padding:21px 16px 25px;border-radius:24px;min-height:0}.phone-console-top{flex-wrap:wrap}.phone-orb{width:105px;height:105px}.phone-orb .icon{width:43px;height:43px}.phone-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.phone-control{min-height:74px;border-radius:16px}.phone-dial-row{flex-direction:column}.phone-dial-row .button{justify-content:center}.phone-staff{grid-template-columns:1fr}.phone-dock{left:12px;right:12px;bottom:12px}.phone-transfer-modal{padding:18px}.phone-transfer-head h2{font-size:19px}.phone-transfer-person em{font-size:11px}.phone-transcribe{flex-wrap:wrap}.phone-transcribe small{margin-left:0}}
@media(prefers-reduced-motion:reduce){.phone-wave i,.phone-incoming .ringing{animation:none!important}.phone-control{transition:none}}