.customer-group td:first-child{border-left:3px solid #1591db}
.group-count{display:inline-block;margin-left:7px;padding:2px 7px;border-radius:999px;background:#e9f4fc;color:#0878c9;font-size:11px;font-weight:700}
.state.caller_returned{background:#e8f7ee;color:#18794e}
.call-legend{display:grid;grid-template-columns:auto repeat(4,minmax(150px,1fr));gap:12px;margin-top:14px;padding:13px 15px;border:1px solid #dbe4ee;border-radius:10px;background:#f8fafc;color:#53647a;font-size:11px;line-height:1.45}
.call-legend strong{color:#17243a}
.call-legend b{color:#33445b}
.timeline{margin-top:18px}
.timeline-leg{position:relative;margin:0 0 14px 8px;padding:0 0 4px 25px;border-left:2px solid #cfe1ef}
.timeline-leg h3{margin:0 0 10px;color:#25364d}
.timeline-event{position:relative;display:grid;grid-template-columns:70px 1fr;gap:12px;margin:8px 0;color:#53647a;font-size:13px}
.timeline-event::before{content:'';position:absolute;left:-31px;top:4px;width:10px;height:10px;border-radius:50%;background:#178fd5;border:3px solid #eaf5fc}
.timeline-event.success::before{background:#21a366}
.timeline-event.missed::before{background:#e44a55}
.timeline-event time{font-variant-numeric:tabular-nums;color:#718096}
.group-summary{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.group-summary span{padding:6px 9px;border-radius:7px;background:#f1f5f9;color:#42536a;font-size:12px}
@media(max-width:900px){.call-legend{grid-template-columns:1fr 1fr}.timeline-event{grid-template-columns:55px 1fr}}