/* Video uses only live MediaStreams. The waiting label makes missing frames explicit. */
.call-panel.video-call{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto}
.call-panel .call-heading{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.call-panel .call-heading strong{margin:0;font-size:17px}
.call-panel .call-heading p{margin:0;line-height:1.6}
#call-video-stage{position:relative;isolation:isolate;aspect-ratio:4/3;width:100%;margin:16px 0;overflow:hidden;border-radius:18px;background:#111c2b;border:1px solid rgba(255,255,255,.1)}
#call-video-stage[hidden],#call-media-actions[hidden],#call-video-waiting[hidden],#call-camera-toggle[hidden],#call-remote-video[hidden]{display:none!important}
#call-remote-video{display:block;width:100%;height:100%;object-fit:contain;background:#111c2b}
#call-local-video{position:absolute;z-index:2;right:12px;bottom:12px;width:27%;aspect-ratio:3/4;max-height:42%;object-fit:cover;background:#263345;border:2px solid rgba(255,255,255,.78);border-radius:12px;transform:scaleX(-1)}
#call-video-waiting{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:#dce7f6;text-align:center;font-size:14px;line-height:1.6}
#call-media-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:12px 0}
#call-media-actions button{min-height:42px;border-radius:14px}
#call-media-actions button[aria-pressed="true"]{background:#fff1df;color:#8f4b00;border-color:#f2bd77}
.call-panel .call-network-note{margin:12px 0 0;color:var(--muted,#728093);font-size:11px;line-height:1.6}
@media(max-width:760px){.call-panel.video-call{max-height:calc(100dvh - 116px)}}
@media(max-width:480px){.call-panel.video-call{padding:18px}#call-video-stage{aspect-ratio:3/4}#call-local-video{right:10px;bottom:10px;width:29%}}