.call-page,.call-active{display:grid;gap:16px;padding:16px;max-width:720px;margin:0 auto;font-size:calc(15px * var(--font-scale,1))}
.call-page h2,.call-active h2{font-size:calc(19px * var(--font-scale,1));margin:0}
.call-hint{margin:0;color:var(--muted,#65717d);line-height:1.5}
.call-warning{margin:0;padding:12px;border-radius:8px;background:#fff2e8;color:#8e3f16;line-height:1.5}
.call-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line,#d9e0e5);border-radius:12px}
.call-switch input{width:22px;height:22px;flex:none}
#call-form{display:grid;gap:12px;padding:16px;border:1px solid var(--line,#d9e0e5);border-radius:12px}
#call-form label{display:grid;gap:8px}
#call-login{width:100%;box-sizing:border-box;min-width:0;min-height:44px;padding:8px 12px;border:1px solid var(--line,#d9e0e5);border-radius:8px;font:inherit}
.call-dial,.call-actions,.call-row-actions{display:flex;gap:8px;flex-wrap:wrap}
.call-dial button,.call-actions button,.call-row-actions button{min-height:44px;border:0;border-radius:8px;padding:8px 14px;background:var(--accent,#1269a8);color:#fff;font:inherit;cursor:pointer}
.call-actions .danger,.call-row-actions .danger{background:#b63636}
.call-dial button:disabled,.call-actions button:disabled,.call-row-actions button:disabled{opacity:.5;cursor:default}
.call-recent{display:grid;gap:4px}
.call-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:12px 0;border-bottom:1px solid var(--line,#d9e0e5)}
.call-row span{min-width:0;overflow-wrap:anywhere}
.call-row small{display:block;color:var(--muted,#65717d);margin-top:4px}
.call-active{min-height:70vh;background:#10251e;color:#fff;border-radius:12px}
.call-active .call-hint{color:#b9c9c3}
.call-status{text-align:center;padding:18px 0}
.call-status p{margin:8px 0 0;color:#d5e4dc}
.call-videos{display:grid;gap:8px}
.call-videos video{width:100%;object-fit:contain;background:#07140f;border-radius:12px}
#call-remote-video{max-height:42vh;min-height:180px}
#call-local-video{max-height:18vh;min-height:80px}
.call-active audio{width:100%;height:40px}
.call-actions{justify-content:center}
.call-actions button{background:#e4f2ec;color:#16392b;padding:12px 14px}
.call-actions .danger{background:#b42318;color:#fff}
@media(max-width:360px){.call-page,.call-active{padding:12px}.call-dial button{flex:1 1 120px}}