/* R51: explicit control states and touch-sized, contained call actions. */
#call-actions { gap:12px; flex-wrap:wrap; }
#call-actions .call-ctrl { min-width:64px; min-height:64px; max-width:120px; touch-action:manipulation; }
#call-actions .call-ctrl span { white-space:normal; line-height:1.25; overflow-wrap:anywhere; text-align:center; }
#call-actions .call-ctrl[aria-pressed="false"] { box-shadow:inset 0 0 0 2px currentColor; }
#call-prejoin :is(button,.call-tgl), #btn-group-call { min-height:44px; min-width:44px; touch-action:manipulation; }
#call-prejoin .call-tgl { gap:8px; white-space:normal; line-height:1.35; }
#call-prejoin button:disabled { cursor:not-allowed; opacity:.65; }
#call-prejoin :is(button,select):focus-visible, #call-actions button:focus-visible { outline:3px solid var(--accent,#7564d8); outline-offset:4px; }
#call-prejoin .call-prejoin__toggles { gap:8px; }
#call-prejoin .call-prejoin__err { overflow-wrap:anywhere; line-height:1.5; }
@media(max-width:380px) { #call-actions { gap:8px; } #call-actions .call-ctrl { min-width:56px; max-width:88px; } #call-prejoin .call-tgl { flex:1 1 120px; } }
@media(prefers-reduced-motion:reduce) { #call-overlay :is(.call-ctrl,.call-tgl) { animation:none!important; transition:none!important; } }

/* R52: retain the original media nodes while the entire call floats over chats. */
#call-overlay .call-window-minimize {
 position:absolute;z-index:12;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));
 width:48px;height:48px;border:1px solid #ffffff40;border-radius:16px;background:#132038de;color:#fff;display:grid;place-items:center;cursor:pointer;
}
#call-overlay .call-window-bar {display:none}
html[data-theme] #call-overlay.is-call-minimized, #call-overlay.is-call-minimized {
 inset:auto!important;left:var(--call-window-x,16px)!important;top:var(--call-window-y,80px)!important;
 width:min(304px,calc(100vw - 16px))!important;height:min(248px,calc(100dvh - 16px))!important;
 min-height:0!important;border-radius:22px!important;border:1px solid #ffffff35!important;
 box-shadow:0 12px 42px #0007!important;z-index:130!important;background:#101b2d!important;color:#fff!important;
}
#call-overlay.is-call-minimized > .call-overlay__panel {display:none!important}
#call-overlay.is-call-minimized > .call-overlay__video {inset:0 0 104px!important;display:block!important;background:#101b2d!important}
#call-overlay.is-call-minimized #call-grid {inset:0!important;width:100%!important;height:100%!important;padding:0!important}
#call-overlay.is-call-minimized .call-tile--main {inset:0!important;width:100%!important;height:100%!important;border-radius:0!important}
#call-overlay.is-call-minimized .call-tile--mini {width:62px!important;height:78px!important;max-width:30%!important;right:8px!important;top:8px!important;left:auto!important;border-radius:12px!important}
#call-overlay.is-call-minimized .call-tile__name {font-size:11px;max-width:calc(100% - 16px)}
#call-overlay.is-call-minimized .call-tile__ava {width:52px;height:52px;font-size:20px}
#call-overlay.is-call-minimized .call-tile__ph-text {font-size:12px}
#call-overlay.is-call-minimized .call-tile__pin {width:44px;height:44px}
#call-overlay.is-call-minimized #call-reconnect {font-size:12px;padding:8px}
#call-overlay.is-call-minimized .call-reconnect__orb {display:none}
#call-overlay.is-call-minimized .call-window-bar {
 position:absolute;z-index:14;inset:auto 0 0;display:grid;grid-template-columns:repeat(3,48px);justify-content:center;
 grid-template-rows:48px 48px;gap:0 8px;padding:0 8px 8px;background:#101b2d;color:#fff;
}
#call-overlay .call-window-drag {grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:48px;width:100%;padding:0 4px;border:0;background:transparent;color:#fff;touch-action:none;cursor:grab;font:600 13px/1.3 system-ui}
#call-overlay .call-window-title,#call-overlay .call-window-status {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block}
#call-overlay .call-window-status {font-size:11px;color:#c5d2e8;font-weight:400}
#call-overlay .call-window-action {width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:16px;background:#26364f;color:#fff;cursor:pointer;touch-action:manipulation}
#call-overlay .call-window-end {background:#ce2544;color:#fff;border-color:transparent}
#call-overlay .call-window-action.is-muted {background:#fbe5e8!important;color:#9f1530!important}
#call-overlay .call-window-action > svg {width:22px!important;height:22px!important;color:inherit!important;stroke:currentColor!important;fill:none!important;background:transparent!important;box-shadow:none!important}
#call-overlay .call-window-action:not(.is-muted) .call-window-mic-off {display:none}
#call-overlay :is(.call-window-action,.call-window-minimize,.call-window-drag):focus-visible {outline:3px solid #a9c6ff;outline-offset:-3px}
#call-overlay.is-call-window-dragging .call-window-drag {cursor:grabbing}
@media(max-height:360px){#call-overlay.is-call-minimized{height:min(196px,calc(100dvh - 16px))!important}}