.phone-panel .panel-head { align-items:flex-start; }
.phone-number { font-variant-numeric:tabular-nums; font-weight:700; white-space:nowrap; }
.phone-state { display:inline-flex; align-items:center; gap:7px; padding:5px 10px; border-radius:999px; font-size:12px; font-weight:700; }
.phone-state::before { content:""; width:8px; height:8px; border-radius:50%; background:currentColor; }
.phone-state.active { color:#19704a; background:#e8f7ef; }
.phone-state.paused { color:#8a5a13; background:#fff4dc; }
.phone-state.calling { color:#b23b35; background:#fdeceb; }
.phone-actions { display:flex; gap:7px; flex-wrap:wrap; }
.phone-actions button { white-space:nowrap; }
.phone-notice { margin:16px 0 0; font-size:12px; }
@media(max-width:700px) { .phone-panel .panel-head { display:grid; gap:14px; } }