/* dashboard-watch.css
   Styles for the admin-only Watch card (#watchBlock, dashboard-watch.js).
   Colour variables come from dashboard.css; table and empty-state classes
   (.an-table, .an-empty, .us-scroll, .us-email-addr, .us-sub) are reused
   from dashboard-analytics.css so the card matches the Accounts table. */

.wt-counts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 4px 0 14px;
}
@media (max-width: 640px) { .wt-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.wt-count {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 14px;
  border: 1px solid var(--line, #1F2733);
  border-radius: 12px;
  background: var(--panel, #10151F);
}
.wt-count-value { font-size: 22px; font-weight: 700; color: var(--ink, #F4F6FA); line-height: 1.1; }
.wt-count-label { font-size: 12px; color: var(--faint, #909AAB); }
.wt-count-stepup  .wt-count-value { color: #E0A15A; }
.wt-count-refused .wt-count-value { color: var(--red-2, #FF6A45); }
.wt-count-student .wt-count-value { color: #6FB7FF; }

.wt-table { min-width: 760px; font-size: 13px; }
.wt-table td { vertical-align: top; }
.wt-kind { white-space: nowrap; font-weight: 600; }
.wt-kind-trial_refused, .wt-kind-repeat_card, .wt-kind-prepaid_card { color: var(--red-2, #FF6A45); }
.wt-kind-stepup_required, .wt-kind-country_mismatch { color: #E0A15A; }
.wt-kind-burst_domain, .wt-kind-repeat_name, .wt-kind-repeat_device, .wt-kind-repeat_ip { color: var(--muted, #A7B0BE); }
.wt-detail { color: var(--muted, #A7B0BE); font-size: 12.5px; max-width: 360px; white-space: normal; }

.wt-gate {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  border: 1px solid var(--line-2, #2B3543);
  color: var(--muted, #A7B0BE);
  background: var(--panel, #10151F);
  white-space: nowrap;
}
.wt-gate-open    { color: #7ED9A5; border-color: rgba(126, 217, 165, 0.35); }
.wt-gate-stepup  { color: #E0A15A; border-color: rgba(224, 161, 90, 0.4); }
.wt-gate-refused { color: var(--red-2, #FF6A45); border-color: rgba(255, 106, 69, 0.4); }
.wt-gate-student { color: #6FB7FF; border-color: rgba(111, 183, 255, 0.4); }

.wt-group {
  padding: 10px 12px;
  border: 1px solid var(--line, #1F2733);
  border-radius: 12px;
  background: var(--panel, #10151F);
  margin-top: 8px;
}
.wt-group-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  font-size: 13px;
  color: var(--ink, #F4F6FA);
}
.wt-group-count { font-size: 12px; color: var(--faint, #909AAB); white-space: nowrap; }
.wt-people { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.wt-people li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
}
.wt-person-email { color: var(--ink, #F4F6FA); font-weight: 600; }
.wt-person-name, .wt-person-at { color: var(--faint, #909AAB); }

/* Badges in the Accounts table (dashboard-users.js) for the two new facts
   admin-users carries: role and trial gate. Base .us-tag lives in
   dashboard-analytics.css. */
.us-tag-student { background: rgba(111, 183, 255, 0.10); color: #6FB7FF; border: 1px solid rgba(111, 183, 255, 0.35); margin-left: 4px; }
.us-tag-gate    { background: rgba(224, 161, 90, 0.10); color: #E0A15A; border: 1px solid rgba(224, 161, 90, 0.35); margin-left: 4px; }
.us-tag-refused { background: rgba(255, 106, 69, 0.10); color: var(--red-2, #FF6A45); border-color: rgba(255, 106, 69, 0.35); }