.badge{padding:2px var(--s-2);border-radius:var(--r-xs);font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:var(--w-semibold);text-transform:uppercase;letter-spacing:var(--tr-mono-label);white-space:nowrap;border:1px solid;align-items:center;gap:6px;line-height:1.5;display:inline-flex}.badge__dot{border-radius:var(--r-hair);flex:0 0 6px;width:6px;height:6px}.badge--ok{background:var(--emerald-50);color:var(--emerald-700);border-color:var(--emerald-300)}.badge--ok .badge__dot{background:var(--emerald-500)}.badge--warn{background:var(--amber-50);color:var(--amber-700);border-color:var(--amber-300)}.badge--warn .badge__dot{background:var(--amber-500)}.badge--err{background:var(--red-50);color:var(--red-700);border-color:var(--red-300)}.badge--err .badge__dot{background:var(--red-500)}.badge--neutral{background:var(--c-ink-04);color:var(--c-ink-80);border-color:var(--c-ink-15)}.badge--neutral .badge__dot{background:var(--c-ink-40)}.badge--off{background:var(--c-vapor);color:var(--c-ink-60);border-color:var(--c-grid)}.badge--off .badge__dot{background:var(--c-grid)}