.browser-phone{z-index:80;justify-items:end;gap:8px;margin-left:auto;display:grid;position:relative}.browser-phone audio{display:none}.browser-phone-toggle{background:var(--ops-blue);color:#fff;cursor:pointer;border:1px solid #0b54c8;border-radius:999px;align-items:center;gap:9px;padding:10px 14px;font-size:11px;font-weight:800;display:flex;box-shadow:0 8px 24px #075fea33}.browser-phone-toggle svg{flex:none}.browser-phone-dot{background:#89938f;border-radius:50%;width:8px;height:8px}.browser-phone-dot.ready{background:#77e0bd;box-shadow:0 0 0 3px #77e0bd25}.browser-phone-dot.connecting{background:#f4ca67}.browser-phone-dot.degraded{background:#f18b82}.browser-phone-panel{right:18px;top:calc(var(--ops-header) + 8px);width:min(560px,100vw - 30px);max-height:calc(100vh - var(--ops-header) - 20px);background:#fbfcfe;border:1px solid #a8bdd9;padding:16px;position:fixed;overflow:auto;box-shadow:0 14px 40px #15233d38}.browser-phone-head{justify-content:space-between;align-items:start;gap:15px;display:flex}.browser-phone-head>div{gap:4px;display:grid}.browser-phone-head strong{font-size:15px}.browser-phone-capacity{color:#52617a;margin:10px 0 0;font-size:10px;font-weight:700}.browser-phone-error{color:#8c3029;background:#fff1ef;border-left:3px solid #c75249;margin:12px 0 0;padding:9px;font-size:11px;line-height:1.4}.browser-phone-ring-permission{color:#704b16;background:#fff8e7;border:1px solid #d49438;gap:8px;margin-top:12px;padding:10px;font-size:10px;line-height:1.4;display:grid}.browser-phone-dial{grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:15px;display:grid}.browser-phone-dial label,.browser-phone-transfer label,.browser-phone-handoff label{color:#59677c;gap:5px;font-size:10px;font-weight:800;display:grid}.browser-phone-dial input,.browser-phone-transfer input,.browser-phone-handoff select{background:#fff;border:1px solid #b9c6d6;width:100%;min-height:40px;padding:9px 10px}.browser-phone-handoff{border-top:1px solid #d6e0ee;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:10px;padding-top:10px;display:grid}.browser-phone-handoff>small{color:#68758a;grid-column:1/-1;font-size:9px;line-height:1.4}.browser-phone-calls{gap:10px;margin-top:15px;display:grid}.browser-phone-call{background:#edf4ff;border:1px solid #a8c6f9;gap:5px;padding:14px;display:grid}.browser-phone-call.waiting{background:#fff8e7;border-color:#d49438}.browser-phone-call.companion{background:#edf9f6;border-color:#70b8aa}.browser-phone-call.answered-by-team{background:#f6f8fb;border-color:#cbd5e3}.browser-phone-call small,.browser-phone-call>span{color:var(--muted);font-size:10px}.browser-phone-call>strong{font:700 20px/1.1 Bahnschrift,Arial Narrow,sans-serif}.browser-phone-actions,.browser-phone-transfer>div,.browser-phone-consult>div{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.browser-phone-context{background:#ffffffb3;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin:8px 0 0;padding:8px;display:grid}.browser-phone-context div{min-width:0}.browser-phone-context dt{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:800}.browser-phone-context dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:10px}.browser-phone-matches{background:#fff;border-left:3px solid #d49438;gap:6px;margin-top:4px;padding:9px;display:grid}.browser-phone-matches>strong{font-size:11px}.browser-phone-matches>p,.browser-phone-matches>small{color:#68758a;margin:0;font-size:9px;line-height:1.4}.browser-phone-matches>div{gap:6px;display:grid}.browser-phone-match{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #cbd6e2;grid-template-columns:1fr auto;gap:2px 8px;padding:8px;display:grid}.browser-phone-match>span{font-size:10px;font-weight:800}.browser-phone-match>small{color:#68758a;grid-column:1;font-size:8px}.browser-phone-match>b{color:var(--ops-blue);grid-area:1/2/3;align-self:center;font-size:9px}.browser-phone-pending,.browser-phone-job-note{color:#68758a;margin:7px 0 0;font-size:9px;line-height:1.4}.browser-phone-transfer{border-top:1px solid #d6e0ee;gap:6px;margin-top:10px;padding-top:10px;display:grid}.browser-phone-consult{background:#fff;border-left:3px solid #75a7f4;gap:4px;margin-top:10px;padding:9px;display:grid}.browser-phone-consult>strong{font-size:11px}.browser-phone-quarantine{gap:8px;margin-top:12px;display:grid}.browser-phone-quarantine section{background:#f5f7fa;border:1px solid #cbd6e2;padding:10px}.browser-phone-quarantine strong{font-size:11px}.browser-phone-quarantine p{color:#68758a;margin:4px 0 0;font-size:9px;line-height:1.4}.browser-phone dialog{background:#fff;border:1px solid #a8bdd9;width:min(420px,100vw - 40px);padding:20px;box-shadow:0 18px 50px #0d1b2e66}.browser-phone dialog::backdrop{background:#0d1b2e80}.browser-phone dialog h2{margin:0;font-size:18px}.browser-phone dialog p{font-size:12px;line-height:1.5}.browser-phone dialog>div{flex-wrap:wrap;gap:8px;display:flex}.browser-phone-note{color:var(--muted);margin:12px 0 0;font-size:9px;line-height:1.4}.live-call-supervision{color:#145a4d;background:#f2fbf8;border:1px solid #8eb8aa;padding:10px 12px}.live-call-supervision strong{letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.live-call-supervision p{margin:2px 0;font-size:12px;line-height:1.4}@media (max-width:760px){.browser-phone{flex:none;margin-left:auto;margin-right:8px;position:relative;top:auto;bottom:auto;right:auto}.browser-phone-toggle{justify-content:center;gap:0;width:42px;height:42px;padding:0}.browser-phone-toggle-label,.browser-phone-dot{display:none}.browser-phone-panel{width:auto;max-height:calc(100vh - 76px);position:fixed;top:64px;left:12px;right:12px;overflow:auto}}
.live-call-workspace{gap:12px;display:grid}.live-call-owner{color:#163f7a;background:#eef5ff;border:1px solid #b8cae7;align-items:center;gap:10px;padding:11px 12px;display:flex}.live-call-owner.self{color:#116a60;background:#edf9f6;border-color:#70b8aa}.live-call-owner.team{color:#3d4c68;background:#f6f8fb;border-color:#d5dbe7}.live-call-owner span{gap:2px;display:grid}.live-call-owner small{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.live-call-owner strong{font-size:13px}.live-call-facts{background:#dfe6f1;border:1px solid #dfe6f1;grid-template-columns:1fr 1fr;gap:1px;margin:0;display:grid}.live-call-facts>div{background:#fff;padding:10px 12px}.live-call-facts dt{letter-spacing:.06em;text-transform:uppercase;color:#64738d;font-size:10px;font-weight:800}.live-call-facts dd{color:#172a49;margin:3px 0 0;font-size:13px;font-weight:750}.live-call-facts small{color:#64738d}.live-call-next-actions{flex-wrap:wrap;gap:8px;display:flex}.live-call-next-actions .button{align-items:center;gap:6px;display:inline-flex}.live-call-transcript{border-top:1px solid #dfe6f1;padding-top:11px}.live-call-transcript header{justify-content:space-between;align-items:center;display:flex}.live-call-transcript header span{color:#188b76;font-size:11px;font-weight:800}.live-call-transcript ol{gap:8px;max-height:210px;margin:10px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.live-call-transcript li{border-left:3px solid #7899cd;padding:2px 0 2px 9px}.live-call-transcript li.customer{border-color:#188b76}.live-call-transcript li small{text-transform:uppercase;color:#687791;font-size:10px;font-weight:800}.live-call-transcript li p,.live-call-transcript-empty{color:#263956;margin:2px 0 0;font-size:13px;line-height:1.45}.live-call-transcript-empty{color:#687791}@media (max-width:620px){.live-call-facts{grid-template-columns:1fr}.live-call-next-actions{grid-template-columns:1fr 1fr;display:grid}.live-call-next-actions .button{justify-content:center}}.live-call-booking-reason{color:#8a5a00;flex-basis:100%;font-size:12px}