.handoff-metrics { grid-template-columns:repeat(3,1fr); }
#handoffsPage { display:grid; gap:20px; }
#handoffsPage.hidden { display:none; }
#handoffsPage .metrics { margin-bottom:0; }
.handoff-phone { font-variant-numeric:tabular-nums; font-weight:700; }
.handoff-actions { display:flex; gap:7px; flex-wrap:wrap; }
.handoff-actions button { white-space:nowrap; }
button.danger { border:1px solid #efc8cb; background:#fff5f5; border-radius:9px; padding:9px 13px; color:var(--red); font-weight:700; }
button.danger:hover { background:#f9e2e3; }
.handoff-topic { white-space:normal; min-width:220px; max-width:420px; line-height:1.5; }
.badge.in_progress { background:#e7eefc; color:#3d5f9c; }
.badge.attempted { background:#fff0cf; color:var(--amber); }
.badge.failed { background:#f9e2e3; color:var(--red); }
.request-source { display:inline-block; padding:5px 9px; border-radius:999px; font-size:11px; font-weight:750; }
.request-source.auto { background:#e8f7ef; color:#19704a; }
.request-source.voice { background:#e7eefc; color:#3d5f9c; }
.request-source.admin { background:#eef1f4; color:#53616b; }
.callback-create.hidden { display:none; }
@media(max-width:900px) { .handoff-metrics { grid-template-columns:repeat(3,1fr); } }
@media(max-width:620px) { .handoff-metrics { grid-template-columns:1fr; } #handoffsPage .panel-head { display:grid; gap:13px; } }