.call-overlay{background:linear-gradient(180deg,#17315d,#0c1525)}
.call-window-control,.call-restore{position:absolute;z-index:8;left:16px;top:16px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:12px;background:#17243deb;color:white;cursor:pointer}
.call-restore,.call-drag-handle{display:none}
.conference-grid{display:none}
.conference-call .conference-grid{position:absolute;inset:120px 16px 260px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:12px;z-index:2;overflow:auto}
.conference-call #localVideo,.conference-call #remoteVideo,.conference-call .call-avatar,.conference-call .call-swap-video{display:none!important}
.conference-call.audio-call .call-identity{bottom:auto;top:16px}
.conference-tile{position:relative;min-width:0;min-height:100px;background:#23385b;border-radius:16px;overflow:hidden;display:grid;place-items:center}
.conference-tile video{width:100%;height:100%;object-fit:contain}
.conference-name{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#0009;border-radius:6px;color:white;padding:3px 7px;font-size:12px}
.conference-avatar{border-radius:50%;width:72px;height:72px;background:#3d63c3;color:white;display:grid;place-items:center;font-size:28px}
.call-overlay.call-minimized{inset:auto 18px 90px auto;width:240px;height:300px;min-width:180px;min-height:220px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border:1px solid #6a82ad;border-radius:16px;resize:both;overflow:hidden;box-shadow:0 12px 40px #0007;z-index:10050}
.call-minimized .call-window-control,.call-minimized .call-encryption,.call-minimized #localVideo,.call-minimized .call-swap-video,.call-minimized .call-more-menu{display:none!important}
.call-minimized .call-restore{display:grid;left:auto;right:8px;top:8px;width:32px;height:32px}
.call-minimized .call-drag-handle{position:absolute;display:block;left:8px;top:8px;z-index:8;color:white;background:#142239bf;border-radius:6px;padding:0 8px;cursor:move;touch-action:none;user-select:none}
.call-overlay.call-minimized .call-identity{inset:48px 8px auto;transform:none;width:auto;bottom:auto;display:block}
.call-minimized .call-identity h2{font-size:15px;margin:0}
.call-minimized .call-identity #callStatus{font-size:11px;padding:3px 6px;min-width:0}
.call-overlay.call-minimized .call-avatar{width:64px;height:64px;font-size:24px;margin:24px auto 8px}
.call-minimized:not(.audio-call) .call-identity{top:auto;bottom:66px;pointer-events:none}
.call-minimized .call-control-panel{bottom:8px;width:auto;left:50%;padding:4px 8px;display:flex;gap:8px;background:#142239df;border-radius:30px}
.call-minimized .call-control-panel button{display:none}
.call-minimized .call-control-panel #callMute,.call-minimized .call-control-panel #hangupCall{display:grid}
.call-minimized .call-control-panel button>span{width:34px;height:34px}
.call-minimized .call-control-panel button>b{display:none}
.call-minimized.conference-call .conference-grid{inset:44px 6px 100px;gap:4px}
.call-minimized.conference-call .conference-tile{min-height:45px;border-radius:8px}
.call-minimized.conference-call .conference-avatar{width:34px;height:34px;font-size:16px}
.call-minimized.conference-call .conference-name{font-size:10px;padding:1px 3px;left:3px;bottom:3px}
.call-minimized.conference-call .call-identity{top:auto;bottom:58px}