/* pager (1 2 … current±2 … last two) + Missed Calls hub responsive table */
.pg { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; justify-content: flex-end; }
.pg-btn { min-width: 36px; height: 34px; padding: 0 10px; border-radius: 9px; border: 1px solid var(--border-subtle); background: var(--bg-tertiary); color: var(--text-main); font-size: 13px; font-weight: 600; cursor: pointer; }
.pg-btn:hover:not(:disabled) { border-color: #38bdf8; } .pg-btn.on { background: #38bdf8; color: #06202e; border-color: transparent; } .pg-btn:disabled { opacity: .35; cursor: not-allowed; }
.pg-gap { color: var(--text-dim); padding: 0 4px; }
.mc-wrap { overflow-x: auto; border: 1px solid var(--border-subtle); border-radius: 12px; }
.mc-table { min-width: 980px; } .mc-num { font-size: 14px; letter-spacing: .01em; white-space: nowrap; }
.mc-tr { max-width: 220px; font-size: 11.5px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-claim { background: rgba(56,189,248,.16); color: #7dd3fc; border-radius: 8px; padding: 3px 8px; font-size: 11.5px; font-weight: 700; margin-bottom: 4px; animation: mcpulse 1.6s infinite; }
@keyframes mcpulse { 50% { opacity: .55; } }
.mc-act { white-space: nowrap; } .mc-act .btn { padding: 6px 10px; font-size: 12px; margin-right: 6px; }
@media (max-width: 860px) {
  .mc-wrap { border: 0; overflow: visible; } .mc-table { min-width: 0; display: block; } .mc-table thead { display: none; } .mc-table tbody { display: grid; gap: 12px; }
  .mc-table tr { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; padding: 12px; border: 1px solid var(--border-subtle); border-radius: 14px; background: rgba(255,255,255,.03); }
  .mc-table td { display: block; padding: 0 !important; border: 0 !important; min-width: 0; }
  .mc-table td::before { content: attr(data-l); display: block; font-size: 10px; text-transform: uppercase; letter-spacing: .05em; color: var(--text-dim); margin-bottom: 2px; }
  .mc-table td[data-l=""]::before { display: none; } .mc-table td:nth-child(1), .mc-table td:nth-child(5), .mc-table td:nth-child(7), .mc-table td:last-child { grid-column: 1 / -1; }
  .mc-act .btn { flex: 1; } .mc-act { display: flex; gap: 8px; } .pg { justify-content: center; }
}

/* ── live wallboard ─────────────────────────────────────────────────────────── */
.wb-kpi { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; padding: 0 16px 12px; }
.wb-h { margin: 14px 16px 8px; font-size: 14px; display: flex; gap: 8px; align-items: center; }
.wb-wait { margin: 0 16px 8px; padding: 10px 14px; border-radius: 12px; background: rgba(245,158,11,.14); border: 1px solid rgba(245,158,11,.5); display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.wb-chip { background: rgba(255,255,255,.1); border-radius: 999px; padding: 3px 11px; font-size: 12px; font-weight: 700; } .wb-chip.hot { background: rgba(239,68,68,.3); color: #fecaca; animation: mcpulse 1.2s infinite; }
.wb-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 290px), 1fr)); gap: 12px; padding: 0 16px; }
.wb-card { border: 1px solid var(--border-subtle); border-radius: 14px; padding: 12px 14px; background: linear-gradient(145deg, rgba(31,41,61,.85), rgba(17,24,39,.85)); }
.wb-card.live { border-color: rgba(56,189,248,.55); box-shadow: 0 0 0 1px rgba(56,189,248,.15) inset; }
.wb-card.agent { border-left: 4px solid var(--st, #64748b); }
.wb-top { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 6px; }
.wb-timer { margin-left: auto; font: 700 15px ui-monospace, Menlo, monospace; color: #7dd3fc; }
.wb-peer { font-size: 19px; font-weight: 800; letter-spacing: .01em; margin: 2px 0 4px; }
.wb-act { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; } .wb-act .btn { flex: 1; min-width: 92px; padding: 7px 8px; font-size: 12.5px; }
.wb-dot { width: 11px; height: 11px; border-radius: 50%; background: var(--st); box-shadow: 0 0 8px var(--st); flex: none; }
.wb-name { font-size: 14.5px; } .wb-top small { color: var(--text-dim); }
.wb-now { margin: 6px 0; padding: 6px 9px; border-radius: 8px; background: rgba(239,68,68,.14); font-size: 12.5px; font-weight: 700; }
.wb-stats { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 8px; font-size: 11.5px; color: var(--text-muted); } .wb-stats b { color: #fff; }
.wb-log { margin: 16px; } .wb-log summary { cursor: pointer; font-weight: 700; }
.wb-note { position: fixed; left: 50%; bottom: 18px; transform: translate(-50%, 30px); opacity: 0; transition: .25s; z-index: 100000; max-width: min(640px, 94vw); background: #0f172a; border: 1px solid #38bdf8; border-radius: 12px; padding: 12px 16px; font-size: 13px; box-shadow: 0 12px 34px rgba(0,0,0,.55); }
.wb-note.on { opacity: 1; transform: translate(-50%, 0); }