/* Round 1, rules 6 and 7: status as pills, numbers as small tiles.
   Muted pastel fills with dark text. Never a hero number. */

/* Not .badge. That class belongs to the sign inside the Blind-ID button, and
   nothing else on the site uses it, so styling it here painted a pale grey pill
   behind the red eye: the "weird outline" on every wallet button (owner,
   2026-09-23). The kit's own classes are never restyled from here. */
.status-pill, .console-mode, .chip {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .04rem .4rem;
  border-radius: 999px;
  font-size: var(--fs-label);
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: none;
  background: #eceff2;
  color: #374151;
  border: 0;
}
.status-pill::before, .console-mode::before { content: none; }

/* Belt and braces: whatever this round adds, the brand button is drawn by the
   kit alone. */
.blindid-btn, .blindid-btn * { background-image: none; }
.blindid-btn .badge { background: none; border-radius: 0; padding: 0; border: 0; }

.status-pill.status-active, .console-mode-live { background: var(--ok-bg); color: var(--ok-fg); }
.status-pill.status-pending, .status-pill.status-expiring { background: var(--warn-bg); color: var(--warn-fg); }
.status-pill.status-revoked, .status-pill.status-expired { background: var(--bad-bg); color: var(--bad-fg); }
.status-pill.status-testing { background: var(--info-bg); color: var(--info-fg); }

/* KPI tiles: a row of small figures. 11px label, 22px value, 12px sub-line. */
.admin-figures, .kpi-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: .5rem;
  margin: 0 0 var(--gap);
}
.admin-figure, .kpi {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: .55rem .7rem;
  display: grid;
  gap: .1rem;
}
.admin-figure b, .kpi b {
  font-size: var(--fs-kpi);
  font-weight: 700;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
  order: 2;
}
.admin-figure span, .kpi span {
  font-size: var(--fs-label);
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--muted);
  order: 1;
}
.admin-figure span + span, .kpi .sub { order: 3; font-size: .72rem; text-transform: none; letter-spacing: 0; }