.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-panel th:last-child,.phone-panel td:last-child { text-align:center; }
.phone-actions { display:flex; justify-content:center; align-items:center; gap:7px; flex-wrap:wrap; }
.phone-actions button { white-space:nowrap; }
.phone-actions .phone-guide-link { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:9px 13px; border:1px solid var(--line); border-radius:9px; background:#fff; color:#445149; font-weight:650; text-decoration:none; white-space:nowrap; }
.phone-notice { margin:16px 0 0; font-size:12px; }
@media(max-width:700px) { .phone-panel .panel-head { display:grid; gap:14px; } }