.call-actions{display:flex;gap:6px;margin-left:auto;flex-shrink:0}.call-actions button{width:38px;height:38px;border:1px solid #d5ded4;border-radius:13px;background:#f4f6ef;color:#476550;display:grid;place-items:center;cursor:pointer}.call-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.call-actions button:hover{background:#e5eddf}.call-actions button:disabled{opacity:.45;cursor:default}.call-dialog{padding:0;width:min(460px,calc(100vw - 24px));max-height:calc(var(--viewport,100dvh) - 28px);overflow:auto;border:1px solid #d7dece;border-radius:28px;background:#f8f5ec;color:#334c40;box-shadow:0 24px 90px #20392d38}.call-dialog::backdrop{background:#172f28a3;backdrop-filter:blur(8px)}.call-card{padding:30px 24px 22px;text-align:center;background:radial-gradient(ellipse at top right,#ead4c080,transparent 65%)}.call-kind{font-size:12px;letter-spacing:3px;color:#647b69}.call-avatar{display:grid;place-items:center;width:78px;height:78px;margin:18px auto 12px;border:1px solid #d8dfce;border-radius:26px;background:#e8eee1;font-size:39px}.call-card h2{font-size:25px;font-weight:500;margin:4px 0 9px}.call-status{min-height:24px;margin:0;color:#5b6e61;font-size:14px}.call-time{display:block;min-height:24px;margin:3px 0;font-variant-numeric:tabular-nums;letter-spacing:2px}.call-stage{position:relative}.call-stage video{display:none}.call-stage.has-video{margin:14px 0;border-radius:19px;overflow:hidden;background:#243b30;aspect-ratio:4/3}.call-stage.has-video #call-remote{display:block;width:100%;height:100%;object-fit:cover}.call-stage.has-video #call-local{display:block;position:absolute;right:10px;bottom:10px;width:26%;height:32%;object-fit:cover;border-radius:11px;border:1px solid #ffffff50;transform:scaleX(-1)}.call-controls{display:flex;justify-content:center;gap:10px;margin:12px 0}.call-controls button{border:1px solid #c9d4c6;background:#eef1e8;color:#395443;border-radius:12px;padding:10px 13px;font-size:13px;cursor:pointer}.call-controls button[aria-pressed=true]{background:#dbe5d6}.call-buttons{display:flex;justify-content:center;gap:18px;margin:22px 0 17px}.call-buttons button{border:0;border-radius:18px;min-width:115px;padding:15px 20px;color:#fff;font-size:15px;cursor:pointer}.call-accept{background:#52755c}.call-end{background:#a85f57}.call-buttons button:disabled{opacity:.5}.call-foot{font-size:11px;line-height:1.9;color:#728170;margin:0}.call-simulation{padding:7px 10px;border-radius:10px;background:#f2e6cc;font-size:12px;color:#795e33}.call-stats{display:block;font-size:11px;line-height:1.7;color:#64745e;margin-top:6px}.demo-call-option{margin:20px 0;padding:12px;background:#f2eadb;border-radius:12px}.demo-call-option label{display:flex;align-items:center;gap:8px}.demo-call-option input{width:auto;min-height:0}.demo-call-option p{font-size:12px;line-height:1.7;margin:6px 0;color:#6f715f}#call-play{margin:10px auto;display:block}.call-actions[hidden],.call-controls[hidden],.demo-call-option[hidden],#call-play[hidden]{display:none!important}@media(max-width:700px){.chat-header{gap:9px}.chat-header .chat-title{min-width:0}.chat-title h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-actions{gap:4px}.call-actions button{width:33px;height:35px;border-radius:11px}.call-card{padding:24px 18px 19px}}@media(max-height:650px){.call-card{padding-top:16px}.call-avatar{width:55px;height:55px;margin:10px auto;font-size:29px;border-radius:19px}.call-buttons{margin:12px 0}.call-stage.has-video{aspect-ratio:16/9;max-height:34vh}}

.call-card.video-connected{padding-top:18px}.video-connected .call-avatar{width:46px;height:46px;margin:9px auto 7px;border-radius:16px;font-size:27px}.video-connected h2{font-size:22px}.call-stage.has-video{max-height:32vh}.video-connected .call-buttons{margin:14px 0 12px}

.call-stage.has-video{width:100%;height:32vh;max-height:300px;aspect-ratio:auto}

@media(max-height:650px){.video-connected .call-avatar{display:none}.video-connected .call-stage.has-video{height:22vh;max-height:160px;margin-top:8px;margin-bottom:8px}.video-connected .call-time{min-height:18px;margin:0}.video-connected .call-buttons{margin:10px 0}.video-connected .call-foot{font-size:10px}.video-connected .call-controls{margin:8px 0}.video-connected .call-simulation{padding:5px 8px;margin:6px 0}}