.call-media-controls { display: flex; flex-wrap: wrap; align-items:center; justify-content:center; gap: 4px; width: 100%; margin: 4px auto 0; }
.call-media-controls button { flex: 0 0 auto; width: auto; min-height: 34px; padding: 5px 7px; border: 0; border-radius: 5px; color: #17464a; background: transparent; font: inherit; font-size: 12px; font-weight: 500; cursor: pointer; }
.call-media-controls button:hover { background:#edf7f7; }
.call-media-controls button[aria-pressed=true] { color: white; background: #0d6971; }
.call-media-controls button:disabled { opacity: .6; cursor: default; }
.call-control-status { flex-basis: 100%; font-size: 12px; }
.call-control-status:empty { display: none; }
.call-phone-unavailable { flex-basis: 100%; color: #737970; font-size: 11px; text-align: center; }
.call-phone-panel { flex-basis:100%; max-width:440px; display:flex; align-items:center; justify-content:center; gap:5px; margin:2px auto 0; }
.call-phone-panel[hidden] { display:none; }
.call-phone-panel input { min-width:0; flex:1; min-height:34px; border:0; border-bottom:1px solid #b8cbcc; border-radius:0; padding:4px; font:inherit; }
@media(pointer:coarse) { .call-media-controls button, .call-phone-panel input { min-height:44px; } }