@layer halo-v277-interaction {
body.call-active #call-screen{background:radial-gradient(ellipse at 8% 0%,#215f6159,transparent 48%),radial-gradient(ellipse at 95% 80%,#3e256c55,transparent 60%),linear-gradient(140deg,#091922,#0e1228 65%,#0a2325)!important}
body.call-active #call-screen .call-header{background:linear-gradient(100deg,#ffffff09,transparent)!important;border-bottom:1px solid #a8d8fa12!important}
body.call-active #call-screen #video-stage{border:1px solid #84e1f448!important;border-radius:30px!important;box-shadow:0 0 0 5px #aad7ff05,0 20px 50px #0004,0 0 65px #54cdd50b!important}
body.call-active #call-screen #remote-card{background:radial-gradient(circle at 50% 40%,#24485c,transparent 55%),linear-gradient(155deg,#142d3c,#19192f)!important}
body.call-active #call-screen #local-card{border:1px solid #bce5ff66!important;box-shadow:0 8px 30px #0006,0 0 0 4px #ffffff08!important;border-radius:22px!important}
body.call-active #call-screen .controls{gap:12px!important}
body.call-active #call-screen .controls>.control-button,body.call-active #call-screen .controls>div>button.control-button{border:1px solid #bbdcfa27!important;background:linear-gradient(145deg,#c2dfff24,#76a9dc0a)!important;border-radius:22px!important;box-shadow:inset 0 1px 0 #ffffff20,0 5px 15px #0002!important;color:#eaf7ff!important;transition:background .15s,border-color .15s!important}
body.call-active #call-screen .controls button:hover{border-color:#8eefd977!important}
body.call-active #call-screen .controls .control-icon svg,body.call-active #call-screen .halo-call-window-button svg,body.call-active #call-screen #sidebar-toggle svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.call-active #call-screen :is(#mute-button,#camera-button)[aria-pressed=true]::after{content:none!important;display:none!important}
body.call-active #call-screen :is(#mute-button,#camera-button)[aria-pressed=true]{background:linear-gradient(145deg,#673b51,#3e2238)!important;border-color:#ef9aaf55!important;color:#ffc4d0!important}
body.call-active #call-screen #end-button{background:linear-gradient(140deg,#ff7c83,#d73364)!important;border:1px solid #ffb1bb66!important;box-shadow:0 5px 24px #eb3d5c3b,inset 0 1px 0 #ffffff38!important}
body.call-active #call-screen .video-label{border:1px solid #c5e8ff29!important;background:#071b29b0!important;border-radius:20px!important}
body.call-active #call-screen .audio-call-stage{background:radial-gradient(ellipse at 50% 40%,#3e6d7840,transparent 60%)!important}
body.call-active #call-screen .audio-call-avatar{border:1px solid #b6f3ff77!important;box-shadow:0 0 0 12px #86dfff07,0 0 0 28px #86dfff04,0 0 60px #78e9e629!important;background:linear-gradient(140deg,#366c7e,#4a387a)!important}
body.call-active #call-screen .waiting-rings{filter:drop-shadow(0 0 15px #82e2ff55)}
body.call-active #call-screen :is(.halo-call-window-button,#sidebar-toggle,.halo-device-settings-button){background:linear-gradient(140deg,#c7eaff18,#8ca8e008)!important;box-shadow:inset 0 1px 0 #ffffff12!important;border-color:#c0d9ff26!important}
body.call-active #call-screen #room-sidebar{background:linear-gradient(155deg,#193744ed,#1d203bed)!important;border:1px solid #b8d5ff24!important;box-shadow:inset 0 1px 0 #ffffff0c!important}
body.halo-direct-call-floating #call-screen .halo-call-quality{display:none!important}
@media(max-width:600px){body.call-active #call-screen .controls{gap:7px!important}body.call-active #call-screen #video-stage{border-radius:24px!important}}
}
.halo-call-quality{position:absolute;left:16px;top:16px;z-index:25;display:flex;flex-wrap:wrap;gap:7px;max-width:calc(100% - 32px);font:12px system-ui,sans-serif;color:#d8efff}
.halo-call-quality button{display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 12px;border-radius:15px;border:1px solid #b5ddff36;background:#0a1c2ee8;color:inherit;font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff10}
.halo-call-quality button:focus-visible{outline:2px solid #93f1da;outline-offset:2px}.halo-call-quality button:disabled{opacity:.55;cursor:wait}.halo-call-quality [data-hq][aria-pressed=true]{background:linear-gradient(130deg,#19625a,#354d78);border-color:#8af3d7;color:#dffff4;box-shadow:0 0 18px #61ddc12b}
.halo-call-quality svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.halo-call-quality i{display:flex;gap:2px;align-items:flex-end;height:15px}.halo-call-quality i b{display:block;width:3px;border-radius:2px;background:#486070}.halo-call-quality i b:nth-child(1){height:5px}.halo-call-quality i b:nth-child(2){height:8px}.halo-call-quality i b:nth-child(3){height:11px}.halo-call-quality i b:nth-child(4){height:15px}
.halo-call-quality [data-level="1"] i b:nth-child(-n+1){background:#ff9caa}.halo-call-quality [data-level="2"] i b:nth-child(-n+2){background:#ffd28a}.halo-call-quality [data-level="3"] i b:nth-child(-n+3),.halo-call-quality [data-level="4"] i b{background:#88efd0}
.halo-call-quality [data-detail]{flex-basis:100%;margin:0;padding:12px 14px;max-width:360px;background:#081723f5;border:1px solid #b5ddff36;border-radius:16px;font-size:11px;line-height:1.6;box-sizing:border-box}.halo-call-quality [data-detail][hidden]{display:none}
@media(max-width:600px){.halo-call-quality{left:10px;top:10px;max-width:calc(100% - 20px);font-size:10px}.halo-call-quality button{padding:7px 10px;min-height:36px;gap:5px}}
@layer halo-v277-interaction {
#halo-direct-call-layer:not([hidden]){position:fixed!important;inset:0!important;z-index:2147483600!important;display:grid!important;place-items:center!important;padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom))!important;box-sizing:border-box!important;background:radial-gradient(ellipse at 20% 10%,#265d688c,transparent 50%),radial-gradient(ellipse at 90% 90%,#603a7d66,transparent 50%),#071421ed!important;backdrop-filter:blur(12px)!important;overflow:auto!important}
#halo-direct-call-layer .halo-direct-call-card{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;max-width:440px!important;width:100%!important;box-sizing:border-box!important;padding:44px 28px 30px!important;background:linear-gradient(150deg,#bce5ff16,#c3bbff05)!important;border:1px solid #bee5ff33!important;border-radius:36px!important;box-shadow:inset 0 1px 0 #ffffff1f,0 30px 100px #0004!important;color:#eefaff!important;text-align:center!important}
#halo-direct-call-layer .halo-call-pulse{position:relative!important;display:grid!important;place-items:center!important;width:112px!important;height:112px!important;flex:none!important;border:1px solid #a8edf773!important;border-radius:36px!important;background:linear-gradient(140deg,#4b8d9b55,#544e9155)!important;box-shadow:0 0 0 12px #a0dcff06,0 0 0 26px #a0dcff03,0 10px 50px #8bdfdd20!important;animation:none!important;margin:10px 0 18px!important}
#halo-direct-call-layer .halo-call-pulse img{border-radius:20px!important;width:64px!important;height:64px!important}
#halo-direct-call-layer #halo-call-kicker{font-size:10px!important;font-weight:700!important;letter-spacing:3px!important;color:#99e9df!important;margin:0!important}
#halo-direct-call-layer #halo-call-name{font-size:clamp(24px,5vw,36px)!important;letter-spacing:-1px!important;line-height:1.2!important;margin:0!important;overflow-wrap:anywhere!important;color:#f2fbff!important}
#halo-direct-call-layer #halo-call-copy{font-size:13px!important;line-height:1.6!important;color:#afc3dc!important;margin:0!important;max-width:330px!important}
#halo-direct-call-layer .halo-direct-call-card>div{display:flex!important;justify-content:center!important;gap:20px!important;width:100%!important;margin-top:28px!important}
#halo-direct-call-layer :is(#halo-call-decline,#halo-call-accept){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:128px!important;min-height:86px!important;border-radius:24px!important;border:1px solid #ffffff20!important;background:linear-gradient(145deg,#973c57,#532c46)!important;color:#ffe7ed!important;font-size:13px!important;box-shadow:inset 0 1px 0 #ffffff26,0 8px 24px #0002!important;cursor:pointer!important}
#halo-direct-call-layer #halo-call-accept{background:linear-gradient(145deg,#62e9c4,#3d9fa7)!important;color:#072c2e!important;border-color:#b0ffe688!important;box-shadow:0 8px 30px #51dfbf29,inset 0 1px 0 #ffffff88!important}
#halo-direct-call-layer #halo-call-accept[hidden]{display:none!important}#halo-direct-call-layer button:focus-visible{outline:3px solid #b4fff0!important;outline-offset:4px!important}
#halo-direct-call-layer .halo-ring-icon svg{width:28px!important;height:28px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
@media(max-height:480px){#halo-direct-call-layer .halo-direct-call-card{display:grid!important;grid-template-columns:90px 1fr!important;gap:8px 24px!important;padding:22px!important;max-width:600px!important;text-align:left!important}#halo-direct-call-layer .halo-call-pulse{grid-row:1/5!important;width:80px!important;height:80px!important;margin:0!important}#halo-direct-call-layer .halo-direct-call-card>div{grid-column:2!important;margin-top:8px!important;justify-content:flex-start!important}#halo-direct-call-layer :is(#halo-call-decline,#halo-call-accept){flex-direction:row!important;min-height:54px!important;width:130px!important;border-radius:18px!important}}
@media(max-width:600px){#halo-direct-call-layer:not([hidden]){backdrop-filter:none!important}}
}