/* Feed status pill in the HUD. Additive — styles.css untouched.
 *
 * Four states, and the colour has to earn its meaning: only a genuinely
 * live quote gets the accent. "bundled tape" must not look like a warning
 * (nothing is broken, the page is honest about its source) and must not
 * look green either (it is not live). It reads as neutral chrome.
 */
#feedstate {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: 3px 7px;
  border: 1px solid #ffffff26;
  color: #8f9a8b;
  white-space: nowrap;
  cursor: help;
}
#feedstate[data-state="live"] {
  color: var(--pitch);
  background: #9fd45f;
  border-color: #9fd45f;
}
#feedstate[data-state="stale"] {
  color: #f0e0a8;
  border-color: #f0e0a866;
}
#feedstate[data-state="offline"] {
  color: #b9b5aa;
  border-color: #ffffff26;
}
#feedstate[data-state="connecting"] {
  color: #8f9a8b;
}

/* The tape carries real prices once the feed lands, so give the row a
   subtle mark that it is quoting rather than replaying. */
body[data-feed="live"] .tape { border-bottom-color: #5e7c2f66; }