/* =====================================================================
   Item 26 — the "N people online" readout (companion to
   item26-online-count.php / .js). The script fills the
   <span data-online-count> in the chat header with "● N people
   online" and toggles .tac-online--on when N > 0 — the ● is text,
   so it takes the span's colour.

   DESIGN: blog-design-tokens.css (load it first). Quiet slate
   (--pp-faint) while the room reads empty; the blog's green
   (--pp-green, its --brand-green) once people are in the room.
   ===================================================================== */

[data-online-count] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--pp-font-sans, "Plus Jakarta Sans", "Inter", sans-serif);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: var(--pp-faint, #64748b);
}
[data-online-count].tac-online--on { color: var(--pp-green, #15803d); }