I've updated all the task cards to include proper status badges that match the Figma design. The changes include:
Status Badge Updates:
- No Booking Confirmation - Red badge with X icon and red background/border
- Partial Confirmation - Orange badge with warning triangle icon and orange background/border
- Late Shipment - Blue badge with clock icon and blue background/border
- Cannot Fulfill - Red badge with XCircle icon and red background/border
Design Features:
- Each badge now has proper padding (
px-2 py-1) - Icons are integrated within the badge with proper spacing
- Colors match the Figma design with appropriate background, text, and border colors
- Call-Off ID remains positioned next to each badge as shown in the design
The badges now provide clear visual hierarchy and match the exact styling shown in your Figma reference.