/* Rep Monitor (Vici + Yay) — extends board.css */

/* This page doesn't use the offset-sticky header (the 64px offset assumes the
   Time Board's bar height and ends up mid-screen here): let the topbar scroll
   and pin the column header to the very top instead. */
.topbar{position:static}
.board.reps thead th{top:0}

.repwrap{padding-top:14px}

/* rep name column */
.board.reps td.repname{border-right:1px solid var(--line); vertical-align:middle; min-width:150px}
.board.reps td.repname .agent{font-size:22px; display:block}
.board.reps td.repname .agentcode{margin-left:0; display:block; margin-top:3px}

/* three rows per rep (Vici / Yay / Total): faint dividers inside the group,
   strong line between reps */
.board.reps tbody tr.repfirst td,
.board.reps tbody tr.repmid td{border-bottom:1px dashed rgba(138,152,181,.22)}
.board.reps tbody tr.reptotal td,
.board.reps tbody tr.repfirst td.repname{border-bottom:2px solid var(--line)}
.board.reps tbody tr.reptotal td{background:rgba(39,194,129,.05); font-weight:600}
.board.reps tbody tr:hover{background:transparent}
.board.reps tbody tr.reptotal:hover{background:rgba(39,194,129,.05)}
.board.reps td{vertical-align:middle}

/* source badges */
.srcb{display:inline-block; padding:3px 10px; border-radius:6px; font-weight:800;
  font-size:12px; letter-spacing:.5px; text-transform:uppercase; min-width:74px; text-align:center}
.srcb.vici{background:rgba(59,130,246,.16); color:#7ab0ff}
.srcb.yay{background:rgba(240,180,41,.16); color:var(--ok)}
.srcb.total{background:var(--good-bg); color:var(--good)}

/* yay idle pill */
.vc-idle{background:transparent; color:var(--muted); border:1px solid var(--line)}

/* manual-dial reps: most of their voice is on the Yay handset */
.onyay{display:block; color:var(--ok); font-weight:700; letter-spacing:.2px}

/* numbers */
.callsn{font-weight:800; font-size:19px}
.wkmo{display:block; color:var(--dim); font-size:11.5px; margin-top:2px; font-weight:500}
.ansn{color:var(--good); font-weight:700}
.noann{color:var(--bad); font-weight:700}

#feedwarn{color:var(--bad); padding:8px 22px; font-weight:600; font-size:13.5px;
  background:var(--bad-bg); border-bottom:1px solid var(--line)}

/* ---- wallboard / TV scaling ----
   board.css pumps table fonts/padding up hard at >=1500px, which makes this
   11-column table wider than the screen (the Rep column scrolls off). Override
   with compact sizes so the whole table always fits, and let the page scroll
   if it ever has to (board.css sets overflow:hidden for the Time Board). */
@media (min-width:1500px){
  body{overflow:auto}
  .repwrap{padding:0 14px 12px}
  .board.reps th,.board.reps td{padding:6px 10px}
  .board.reps .mono{font-size:19px}
  .board.reps .vc{font-size:15px; min-width:84px; padding:4px 10px}
  .board.reps .pcode{font-size:13px}
  .board.reps .campsub{font-size:11px}
  .board.reps thead th{font-size:13px}
  .board.reps td.repname .agent{font-size:26px}
  .board.reps td.repname .agentcode{font-size:13px}
  .srcb{font-size:13px; min-width:80px; padding:3px 10px}
  .callsn{font-size:24px}
  .wkmo{font-size:12px}
  .ansn,.noann{font-size:21px}
  .repwrap .legend{font-size:13px}
}
@media (min-width:1900px){
  .board.reps .mono{font-size:22px}
  .board.reps td.repname .agent{font-size:30px}
  .callsn{font-size:27px}
  .ansn,.noann{font-size:24px}
}
@media (max-width:1000px){
  .board.reps td.repname .agent{font-size:17px}
}