.call-panel { position: fixed; z-index: 1600; right: 24px; bottom: 24px; width: min(430px,calc(100vw - 24px));
  background: #173d39; color: white; padding: 22px; border-radius: 18px; box-shadow: 0 15px 60px #0004; }
.call-heading { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; }
.call-heading b { font-size: 16px; }.call-person { text-align: center; padding: 20px 0 10px; }
.call-person .avatar { margin: 0 auto; width: 60px; height: 60px; }.call-person h3 { margin: 10px 0; }
.call-media { position: relative; height: 240px; background: #0a2522; border-radius: 12px; overflow: hidden; }
.call-media video { width: 100%; height: 100%; object-fit: contain; }
.call-media #call-local { position: absolute; right: 8px; bottom: 8px; width: 100px; height: 80px; background: #233c3a; border-radius: 8px; object-fit: cover; }
.call-media.audio-only { height: 0; overflow: hidden; }.call-clock { text-align: center; }
.call-controls { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.call-controls button { padding: 10px 13px; border-radius: 9px; }.call-controls .danger { background: #e44c53; color: white; }
.call-controls .secondary { color: #173d39; background: #f3f7f6; border: 1px solid #c7d8d4; }
.call-controls .primary { color: white; background: #26776e; }
.call-record { font-size: 13px; }
.call-record { display: inline-flex; align-items: center; gap: 7px; }
.call-record-icon { display: inline-flex; align-items: center; vertical-align: middle; margin-right: 4px; }
.call-record-icon svg { width: 17px; height: 17px; flex: none; }
.sound-settings { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; }
.sound-settings h2,.sound-settings p,.sound-settings .modal-footer { grid-column: 1 / -1; }
.sound-settings p { font-size: 12px; color: var(--muted); }
.sound-settings label { display: grid; gap: 7px; }
.sound-settings > button { align-self: end; padding: 10px; border: 1px solid var(--line); border-radius: 8px; }
.composer-bottom { gap: 4px; }.composer-send-tools { margin-left: auto; }
@media(max-width:650px){.call-panel{right:12px;bottom:12px;padding:16px;}.call-media{height:210px;}}