/* Shared, noninteractive Environment badges. Controls and plain-text labels are
   intentionally excluded. Fill tokens reuse the established Environment palette. */
.environment-tag[data-environment="Standing"]{--environment-badge-fill:var(--environment-standing-fill)}
.environment-tag[data-environment="Guard & Passing"]{--environment-badge-fill:var(--environment-guard-fill)}
.environment-tag[data-environment="Pins & Escapes"]{--environment-badge-fill:var(--environment-pins-fill)}
.environment-tag:is([data-environment="Standing"],[data-environment="Guard & Passing"],[data-environment="Pins & Escapes"]){--environment-badge-ink:#181521}
.workspace #view .tag.environment-tag{
  display:inline-flex;align-items:center;width:max-content;max-width:100%;min-width:0;
  margin:0;padding:5px 8px;border:0;border-radius:999px;
  background:var(--environment-badge-fill,var(--surface-secondary));
  /* Supersede the legacy Light badge ink override, without restyling other tags. */
  color:var(--environment-badge-ink,var(--text-primary))!important;
  box-shadow:none;font:700 var(--text-xs)/1.2 'DM Mono',monospace;
  letter-spacing:.45px;text-transform:uppercase;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;
}