.status-badge{--tone:var(--color-faint);--tone-border:var(--color-border);--tone-background:transparent;font-family:var(--font-mono);font-size:var(--font-size-small);text-transform:uppercase;color:var(--tone);border:1px solid color-mix(in srgb, var(--tone) 30%, var(--tone-border));border-radius:var(--border-radius);background:color-mix(in srgb, var(--tone) 5%, var(--color-bg));padding:.125rem var(--space-1);align-items:center;gap:.375rem;font-weight:700;display:inline-flex}.status-badge[data-tone=accent]{--tone:var(--color-accent);--tone-border:var(--color-accent);--tone-background:var(--color-accent)}.status-badge[data-tone=attention]{--tone:var(--color-warning);--tone-border:var(--color-warning);--tone-background:var(--color-warning)}