/* Canonical compact status label, copied unchanged from the Home NEW badge.
   Keep the legacy class as an alias so its artwork/layout remain unchanged. */
:where(.ha-badge),
.vril-status-label {
  font-family:var(--font-m);
  font-size:10px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#05060b;
  background:var(--status-label-fill,#00d9c0);
  border-radius:9999px;
  padding:2px 9px;
  line-height:1.6;
  flex-shrink:0;
  white-space:nowrap;
}
/* Component-owned palette: legacy pages resolve --p differently. These are
   the existing Home NEW colors, not changes to either global token family. */
[data-theme="light"] :is(.ha-badge,.vril-status-label) {
  --status-label-fill:#008a7e;
}