/* Polyh: Live Signal Count.
 *
 * ⚠ MEASURED OFF THE ELEMENT THIS REPLACES, NOT CHOSEN. The hero's hardcoded "7" was a
 * heading widget whose mono face and size came from PER-ELEMENT custom_css keyed to
 * .elementor-element-af397ab — CSS that is deleted along with the element. A widget that
 * emitted the number without carrying these values would have rendered it in the theme's
 * body font at the wrong size, next to a label still in mono.
 *
 * Read off the live page 2026-08-20 before the swap:
 *   JetBrains Mono · 12px · weight 400 · #F3F5F6 · line-height 18px · display block
 *
 * tabular-nums is the one addition: this number CHANGES, and proportional digits make the
 * label beside it shift as it goes 9 → 10.
 */

.polyh-live-count {
  display: block;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #F3F5F6;
  font-variant-numeric: tabular-nums;
}

/* The em dash the widget prints when the worker could not be reached. Dimmed, because it
 * is an absence of information rather than a quantity — the same distinction the app's
 * header pill makes when it withholds its count. */
.polyh-live-count[data-polyh-unknown] {
  color: #9BA1A8;
}

/* ⚠ flex: 0 0 auto — the replaced element carried it and it is NOT decorative. The number
 * sits in a flex row beside "signals live right now"; with the default shrink of 1 a
 * two-digit count on a narrow phone compresses the digits before the label wraps, so the
 * pill deforms exactly when the product is doing well. Measured on the original before the
 * swap; the widget wrapper is what carries it, not the span. */
.elementor-widget-polyh-live-count {
  flex: 0 0 auto;
}