.call-panel { background: #f4faf8; border-bottom: 1px solid #cadbd5; padding: 12px; max-height: 65%; overflow: auto; flex-shrink: 0; }
.call-incoming { background: #d7f5e6; padding: 14px; border-bottom: 2px solid #128c7e; }
.call-incoming strong { display: block; margin-bottom: 8px; }
.call-controls { display:flex; flex-wrap:wrap; gap:6px; margin:6px 0; }
.call-panel button,.call-incoming button,.call-panel select { padding:9px; border:1px solid #c3d6ce; border-radius:8px; background:white; color:#075e54; font:inherit; cursor:pointer; }
.call-panel button:disabled { opacity:.5; }
.call-panel .call-hangup { background:#a62828; color:white; }
#callStatus,#callMembers { font-size:13px; overflow-wrap:anywhere; }
#callMedia { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:8px; }
.call-tile { background:#173a32; color:white; border-radius:8px; overflow:hidden; }
.call-tile video { display:block; width:100%; max-height:200px; object-fit:contain; }
.call-tile span { display:block; padding:5px; font-size:12px; }
.call-panel[hidden],.call-incoming[hidden] { display:none; }