/* Call Flow A uses the same material and contrast preferences as Call Studio. */
@layer halo-material {
body :is(#halo-direct-call-layer,#halo-call-preflight,#au-call-result){--cf-pane:var(--hm-pane);--cf-inner:var(--hm-inner);--cf-line:var(--hm-rim);--cf-ink:var(--hm-ink);--cf-muted:var(--hm-muted);--cf-blur:var(--hm-blur);--cf-backdrop:blur(10px);color:var(--cf-ink)!important;font-family:Manrope,system-ui,sans-serif!important;color-scheme:inherit}
body:is([data-halo-material=solid],[data-halo-material=reduced],[data-halo-material=fallback]) :is(#halo-direct-call-layer,#halo-call-preflight,#au-call-result){--cf-pane:var(--hm-solid);--cf-inner:var(--hm-inner);--cf-blur:none;--cf-backdrop:none}
body #halo-direct-call-layer{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;z-index:2147483600!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;background:#0a102459!important;backdrop-filter:var(--cf-backdrop)!important;-webkit-backdrop-filter:var(--cf-backdrop)!important;overflow:auto!important;pointer-events:auto!important;transform:none!important}
body #halo-direct-call-layer[hidden]{display:none!important}
body :is(#halo-direct-call-layer .halo-direct-call-card,#au-call-result){box-sizing:border-box!important;width:min(440px,100%)!important;max-width:440px!important;max-height:100%!important;min-width:0!important;padding:26px!important;border:1px solid var(--cf-line)!important;border-radius:28px!important;background:linear-gradient(140deg,var(--hm-shine),transparent 55%),var(--cf-pane)!important;color:var(--cf-ink)!important;backdrop-filter:var(--cf-blur)!important;-webkit-backdrop-filter:var(--cf-blur)!important;box-shadow:var(--hm-shadow),0 26px 80px #0003!important;overflow:auto!important;text-align:center!important;transform:none!important;isolation:isolate!important}
body :is(#halo-direct-call-layer,#au-call-result) *{box-sizing:border-box!important;text-shadow:none!important}
body .au-flow-brand{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;font-size:14px!important;font-weight:700!important;margin:0 0 28px!important;text-align:left!important;color:var(--cf-ink)!important}
body .au-flow-brand>img{width:28px!important;height:28px!important;object-fit:contain!important;border-radius:50%!important}
body .au-flow-mode{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;margin-left:auto!important;font:500 11px/1.5 system-ui!important;color:var(--cf-muted)!important}
body :is(.au-flow-mode,.au-flow-privacy) svg{width:16px!important;height:16px!important;flex:none!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body .au-flow-avatar{position:relative!important;display:grid!important;place-items:center!important;width:104px!important;height:104px!important;min-width:104px!important;border:1px solid var(--cf-line)!important;border-radius:50%!important;margin:14px auto 22px!important;background:linear-gradient(140deg,#a881ed57,#779df02e)!important;color:var(--cf-ink)!important;font:650 31px/1 system-ui!important;box-shadow:0 0 0 8px var(--cf-inner),0 0 0 9px var(--cf-line)!important;overflow:hidden!important}
body .au-flow-avatar .au-flow-initial{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;transform:none!important;text-indent:0!important;text-align:center!important;font:inherit!important;color:inherit!important;background:transparent!important;border:0!important}
body .au-flow-avatar img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
body :is(#halo-call-name,#au-flow-result-title){display:block!important;margin:0!important;padding:0!important;font:700 clamp(23px,3vw,29px)/1.25 Manrope,system-ui!important;letter-spacing:-.035em!important;overflow-wrap:anywhere!important;color:var(--cf-ink)!important}
body #halo-call-kicker{display:none!important}
body #halo-direct-call-layer .halo-direct-call-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}
body #halo-direct-call-layer .au-flow-avatar{display:grid!important;place-items:center!important;justify-content:center!important;align-content:center!important;flex:none!important;gap:0!important;text-align:center!important}
body #halo-direct-call-layer :is(#halo-call-accept,#halo-call-decline){flex-direction:row!important;gap:8px!important;width:auto!important;flex:1 1 0%!important;padding-inline:12px!important}
body #halo-direct-call-layer .halo-ring-icon{display:grid!important;place-items:center!important;flex:none!important;width:20px!important;height:20px!important;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important}
body #halo-direct-call-layer .halo-ring-icon svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
body .au-flow-state{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;font:650 14px/1.5 system-ui!important;color:var(--cf-ink)!important;margin:12px 0 8px!important}
body #halo-direct-call-layer[data-au-call-state=incoming] .au-flow-state::before,body #halo-direct-call-layer[data-au-call-state=outgoing] .au-flow-state::before,body #halo-direct-call-layer[data-au-call-state=connecting] .au-flow-state::before{content:''!important;display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#a184ff!important;box-shadow:0 0 0 4px #9676f323!important;animation:au-flow-pulse 1.8s ease-in-out infinite!important}
body :is(#halo-call-copy,.au-flow-result-copy){margin:0!important;min-height:22px!important;color:var(--cf-muted)!important;font:400 13px/1.6 system-ui!important;overflow-wrap:anywhere!important}
body #halo-direct-call-layer .au-flow-actions{display:flex!important;justify-content:center!important;align-items:stretch!important;flex-wrap:nowrap!important;gap:12px!important;margin:30px 0 0!important;padding:0!important;width:100%!important}
body :is(#halo-call-accept,#halo-call-decline,.au-flow-done){display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 130px!important;min-width:0!important;min-height:48px!important;height:auto!important;padding:13px 18px!important;border:1px solid var(--cf-line)!important;border-radius:16px!important;font:650 13px/1.5 system-ui!important;box-shadow:none!important;transform:none!important;color:var(--cf-ink)!important;background:var(--cf-inner)!important;white-space:normal!important;cursor:pointer!important}
body #halo-call-accept,body .au-flow-done{background:#7441ed!important;color:#fff!important;border-color:#bba0ff!important}
body #halo-direct-call-layer[data-au-call-state=incoming] #halo-call-decline,body #halo-direct-call-layer[data-au-call-state=outgoing] #halo-call-decline{background:#bd2544!important;color:#fff!important;border-color:#eb617c!important}
body :is(#halo-call-accept,#halo-call-decline,.au-flow-done)::before,body :is(#halo-call-accept,#halo-call-decline,.au-flow-done)::after{display:none!important;content:none!important}
body #halo-call-accept[hidden],body #halo-call-decline[hidden],body .au-flow-privacy[hidden]{display:none!important}
body :is(#halo-call-accept,#halo-call-decline,.au-flow-done):focus-visible{outline:3px solid var(--cf-ink)!important;outline-offset:4px!important}
body #halo-call-accept:disabled{opacity:.5!important;cursor:wait!important}
body .au-flow-privacy{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:22px 0 0!important;font:500 11px/1.5 system-ui!important;color:var(--cf-muted)!important}
body #au-call-result{width:min(440px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px)!important;margin:auto!important}
body #au-call-result:not([open]){display:none!important}body #au-call-result[open]{display:block!important}
body #au-call-result::backdrop,body #halo-call-preflight::backdrop{background:#0a10246b!important;backdrop-filter:var(--cf-backdrop)!important;-webkit-backdrop-filter:var(--cf-backdrop)!important}
body #au-call-result .au-flow-done{width:100%!important;margin-top:26px!important}
/* Private native preparation, restyled without replacing camera/effect controls. */
body #halo-call-preflight{width:min(1020px,calc(100vw - 32px))!important;max-width:1020px!important;max-inline-size:1020px!important;max-height:calc(100dvh - 32px)!important;min-height:0!important;margin:auto!important;padding:24px!important;border:1px solid var(--cf-line)!important;border-radius:26px!important;background:linear-gradient(135deg,var(--hm-shine),transparent 55%),var(--cf-pane)!important;box-shadow:var(--hm-shadow),0 26px 80px #0003!important;backdrop-filter:var(--cf-blur)!important;-webkit-backdrop-filter:var(--cf-blur)!important;overflow:auto!important;overscroll-behavior:contain!important}
body #halo-call-preflight[open]{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr)!important;gap:14px 24px!important}
body #halo-call-preflight header{display:flex!important;align-items:center!important;gap:12px!important;grid-column:1/-1!important;border-bottom:1px solid var(--cf-line)!important;padding-bottom:16px!important}
body #halo-call-preflight header>img{width:36px!important;height:36px!important;border-radius:50%!important;box-shadow:none!important}
body #halo-call-preflight header h2{color:var(--cf-ink)!important;font-size:24px!important}
body #halo-call-preflight :is(.overline,[data-person],[data-privacy],[data-status],[data-mask-state],label){color:var(--cf-muted)!important}
body #halo-call-preflight :is(button,select){min-height:44px!important;border:1px solid var(--cf-line)!important;border-radius:12px!important;background:var(--cf-inner)!important;color:var(--cf-ink)!important;font-family:inherit!important;box-shadow:none!important}
body #halo-call-preflight button::before,body #halo-call-preflight button::after{display:none!important}
body #halo-call-preflight .halo-preflight-preview{border:1px solid var(--cf-line)!important;border-radius:20px!important;box-shadow:none!important}
body #halo-call-preflight .halo-preflight-preview{position:relative!important;display:block!important;isolation:isolate!important;overflow:hidden!important;min-height:0!important;padding:0!important;margin:0!important}
body #halo-call-preflight .halo-preflight-preview :is(#local-video,.local-effects-preview){position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-height:0!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;aspect-ratio:auto!important}
body #halo-call-preflight .halo-preflight-controls>button{min-height:64px!important;border-radius:14px!important;font-size:12px!important}
body #halo-call-preflight .halo-preflight-controls>button[aria-pressed=true]{border-color:#9e78f7!important;background:#9066ec21!important}
body #halo-call-preflight [data-join]{background:#7441ed!important;border-color:#bba0ff!important;color:#fff!important;border-radius:14px!important;min-height:48px!important}
body #halo-call-preflight footer{border-top:1px solid var(--cf-line)!important}
body #halo-call-preflight select{background:var(--hm-menu)!important}body #halo-call-preflight select option{background:var(--hm-solid)!important;color:var(--hm-ink)!important}
body #halo-call-preflight button:focus-visible,body #halo-call-preflight input:focus-visible,body #halo-call-preflight select:focus-visible{outline:3px solid var(--cf-ink)!important;outline-offset:2px!important}
@media(max-width:700px){body #halo-call-preflight{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-inline-size:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;padding:16px!important;border-radius:22px!important}body #halo-call-preflight[open]{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}body #halo-call-preflight header h2{font-size:21px!important}body #halo-call-preflight .halo-preflight-preview{aspect-ratio:16/9!important;max-height:30dvh!important}body #halo-call-preflight .halo-preflight-controls{grid-column:1!important;grid-row:auto!important}body #halo-call-preflight footer{position:sticky!important;bottom:-16px!important;z-index:8!important;margin:0 -2px -4px!important;padding:12px 0 4px!important;background:var(--hm-menu)!important;border-radius:12px!important;backdrop-filter:var(--cf-blur)!important}body #halo-call-preflight footer button{font-size:12px!important;padding:10px!important}body #halo-call-preflight [data-join]{flex:1!important}body #halo-direct-call-layer .halo-direct-call-card{padding:22px!important;border-radius:24px!important}body .au-flow-brand{margin-bottom:24px!important}body .au-flow-avatar{width:96px!important;height:96px!important;min-width:96px!important}}
@media(max-height:520px){body #halo-direct-call-layer .halo-direct-call-card{padding:16px!important}body #halo-direct-call-layer .au-flow-brand{margin-bottom:12px!important}body #halo-direct-call-layer .au-flow-avatar{width:64px!important;height:64px!important;min-width:64px!important;margin:10px auto 16px!important;font-size:24px!important}body #halo-direct-call-layer .au-flow-actions{margin-top:16px!important}body #halo-direct-call-layer .au-flow-privacy{margin-top:12px!important}}
@keyframes au-flow-pulse{50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){body #halo-direct-call-layer .au-flow-state::before{animation:none!important}}
html[data-halo-reduce-motion=true] #halo-direct-call-layer .au-flow-state::before{animation:none!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body :is(#halo-direct-call-layer,#halo-call-preflight,#au-call-result){--cf-pane:var(--hm-solid);--cf-blur:none}}
@media(forced-colors:active){body :is(#halo-direct-call-layer .halo-direct-call-card,#au-call-result,#halo-call-preflight){background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}body :is(#halo-call-accept,#halo-call-decline,.au-flow-done){forced-color-adjust:auto!important}}
}