/* Immersive call presentation. SDK view IDs and the transport lifecycle are unchanged. */
/* Native and fallback dialogs must never expose the idle call shell. */
.managed-call-panel[hidden],.managed-call-panel:not([open]){display:none!important}
.managed-call-panel{color-scheme:dark;color:#f1f5f8;background:radial-gradient(ellipse at 50% 28%,#2a3d4f 0,#1d2b3b 42%,#111b26 100%);border:1px solid #354657;border-radius:28px;width:min(440px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);margin:auto;padding:0;overflow:auto;text-align:center;box-shadow:0 22px 70px #07101c55;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.managed-call-panel::backdrop{background:#101a29b3}
.managed-call-panel .managed-call-layout{display:flex;flex-direction:column;min-height:590px;padding:28px 32px 30px}
.managed-call-panel .managed-call-brand{display:flex;align-items:center;gap:10px;text-align:left;font-size:12px;line-height:1.35;color:#dce5ec;flex-shrink:0}
.managed-call-panel .managed-brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff0b;font-size:16px;color:#bfcfdd}
.managed-call-panel .managed-call-brand p{margin:4px 0 0;font-size:10px;color:#96a9bb;letter-spacing:.5px}
.managed-call-panel .managed-call-person{display:flex;flex-direction:column;align-items:center;margin:55px 0 32px;min-width:0}
.managed-call-panel .managed-call-avatar{position:relative;display:grid;place-items:center;flex-shrink:0;width:104px;height:104px;border-radius:50%;background:linear-gradient(145deg,#4b6277,#33495e);color:#dce8f2;font-size:43px;line-height:1;font-weight:400;margin-bottom:30px;isolation:isolate}
.managed-call-panel .managed-call-avatar::before,.managed-call-panel .managed-call-avatar::after{content:"";position:absolute;border:1px solid #dce8f219;border-radius:inherit;inset:-10px;z-index:-1}
.managed-call-panel .managed-call-avatar::after{inset:-21px;border-color:#dce8f20b}
.managed-call-panel #call-name{font-size:30px;font-weight:600;line-height:1.35;letter-spacing:.4px;color:#f1f5f8;margin:0;max-width:100%;overflow-wrap:anywhere}
.managed-call-panel .managed-call-peer-name{font-size:12px;color:#9cafbf;margin:10px 0 0;line-height:1.5;overflow-wrap:anywhere;max-width:100%}
.managed-call-panel #call-status{color:#b7c9d8;font-size:14px;font-weight:400;line-height:1.65;margin:24px 0 0;max-width:100%;overflow-wrap:anywhere}
.managed-call-panel .managed-call-timer{margin:12px 0 0;font-size:18px;line-height:1.5;letter-spacing:1.3px;font-variant-numeric:tabular-nums;color:#c4d7e6}
.managed-call-panel .call-videos{position:relative;min-height:0;margin:0 0 24px;border:1px solid #ffffff12;border-radius:16px;overflow:hidden;flex-shrink:0;background:#101a26}
.managed-call-panel .managed-remote-view{width:100%;height:min(32vh,260px);height:min(32dvh,260px);min-height:150px;background:#152332;position:relative}
.managed-call-panel .managed-local-view{position:absolute;right:10px;bottom:10px;width:86px;height:112px;border:1px solid #ffffff30;border-radius:10px;overflow:hidden;background:#223448}
.managed-call-panel.audio-only .call-videos{display:none}
.managed-call-panel.is-incoming .call-videos{display:none}
.managed-call-panel video{width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0;background:#152332}
.managed-call-panel .managed-call-footer{margin-top:auto}
.managed-call-panel .managed-call-assistance{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.managed-call-panel .managed-call-utility{color:#d9eaf6;background:#ffffff0e;border:1px solid #ffffff1f;min-height:48px;border-radius:12px;padding:10px 16px;font-size:13px;line-height:1.5;max-width:100%;white-space:normal;transition:none}
.managed-call-panel .call-controls{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:22px;margin:0}
.managed-call-panel .managed-call-action{display:flex;flex-direction:column;align-items:center;gap:12px;width:86px;min-height:106px;padding:0;border:0;background:none;color:#e2ebf2;font-size:12px;font-weight:400;line-height:1.35;border-radius:12px;transition:none;-webkit-tap-highlight-color:transparent}
.managed-call-panel .managed-action-disc{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#ffffff12;color:#edf5fa;border:1px solid #ffffff0c}
.managed-call-panel .managed-action-label{max-width:100%;overflow-wrap:anywhere}
.managed-call-panel .managed-action-disc svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.managed-call-panel .managed-call-accept .managed-action-disc{background:#32a673;border-color:transparent;color:#fff}
.managed-call-panel .managed-call-end .managed-action-disc{background:#cc5361;border-color:transparent;color:#fff}
.managed-call-panel .managed-control-off{display:none}
.managed-call-panel .is-off .managed-control-off{display:block}
.managed-call-panel .is-off .managed-action-disc{background:#dce6ee;color:#263f52}
.managed-call-panel.is-incoming .managed-action-disc{width:76px;height:76px}
.managed-call-panel.is-incoming .call-controls{gap:64px}
.managed-call-panel button:hover:not(:disabled){filter:none;background:inherit}
.managed-call-panel .managed-call-utility:hover:not(:disabled){background:#ffffff17}
.managed-call-panel button:focus-visible{outline:3px solid #9bc8ec;outline-offset:5px}
.managed-call-panel button:disabled{opacity:.45;cursor:wait}
.managed-call-panel.is-connected .managed-call-person{margin-top:42px;margin-bottom:30px}
.managed-call-panel.is-video .managed-call-layout{min-height:0}
.managed-call-panel.is-video .managed-call-person{margin:24px 0 20px}
.managed-call-panel.is-video .managed-call-avatar{width:64px;height:64px;font-size:27px;margin-bottom:20px}
.managed-call-panel.is-video #call-name{font-size:25px}
.managed-call-panel.is-video #call-status{margin-top:14px;font-size:13px}
.managed-call-panel.is-video.is-connected .managed-call-avatar{display:none}
.managed-call-panel.is-video .managed-call-timer{font-size:15px;margin-top:6px}
.managed-call-notice{font-size:12px;color:#627681;margin:4px 0}
.managed-call-notice button{margin-left:8px;min-height:48px}
@media(max-width:700px){
 .managed-call-panel{position:fixed;inset:0;width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border:0;border-radius:0;margin:0;box-shadow:none}
 .managed-call-panel .managed-call-layout{min-height:100%;padding:calc(24px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) calc(36px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px))}
 .managed-call-panel .managed-call-person{margin-top:clamp(46px,11vh,105px);margin-top:clamp(46px,11dvh,105px);margin-bottom:36px}
 .managed-call-panel .managed-call-avatar{width:112px;height:112px;font-size:46px;margin-bottom:34px}
 .managed-call-panel #call-name{font-size:32px}
 .managed-call-panel.is-connected .managed-call-person{margin-top:clamp(34px,8vh,76px);margin-top:clamp(34px,8dvh,76px)}
 .managed-call-panel.is-video .managed-call-layout{min-height:100%}
 .managed-call-panel.is-video .managed-call-person{margin-top:26px;margin-bottom:20px}
 .managed-call-panel.is-video .managed-call-avatar{width:76px;height:76px;font-size:31px;margin-bottom:25px}
 .managed-call-panel.is-video #call-name{font-size:26px}
 .managed-call-panel .managed-remote-view{height:min(36vh,340px);height:min(36dvh,340px)}
 .managed-call-panel .managed-call-action{width:82px}
 .managed-call-panel .call-controls{gap:clamp(12px,4vw,22px)}
 .managed-call-panel.is-incoming .call-controls{gap:clamp(40px,16vw,78px)}
}
@media(max-height:640px){.managed-call-panel .managed-call-person{margin-top:28px;margin-bottom:24px}.managed-call-panel .managed-call-avatar{width:82px;height:82px;font-size:34px;margin-bottom:24px}.managed-call-panel .managed-call-layout{min-height:0}.managed-call-panel .managed-remote-view{height:180px;min-height:120px}.managed-call-panel.is-video .managed-call-person{margin-top:18px}.managed-call-panel.is-video .managed-call-avatar{width:56px;height:56px;margin-bottom:18px}.managed-call-panel .managed-call-footer{margin-top:12px}}
@media(max-width:700px) and (max-height:640px){.managed-call-panel .managed-call-layout,.managed-call-panel.is-video .managed-call-layout{min-height:100%}.managed-call-panel .managed-call-layout{padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.managed-call-panel,.managed-call-panel *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}