Screen ID: CON-083
Flow: Order History → Active Order → Tracking
Previous: CON-082 Order Detail (or direct from push notification)
Next: CON-080 Order History (after delivery)

Header: White header with back button, "Track Order" title, and a phone icon on the right to call support. The phone icon provides quick access to customer support.

Order ID Bar: Thin bar below the header showing the order number "Order #FFM-20260211-001" for reference.

ETA Banner: Dark green (#043F2D) banner with estimated delivery time (2:00 - 3:00 PM) and a lime accent countdown badge showing "~45 min". This updates in real-time.

Status Timeline: Vertical timeline using .status-timeline component with 5 steps:
1. Order Placed (1:15 PM) — completed, green dot with checkmark, green connecting line
2. Order Confirmed (1:16 PM) — completed
3. Being Picked (1:25 PM) — completed
4. Out for Delivery (1:52 PM) — active, primary-colored dot with CSS pulse animation
5. Delivered — pending, grey dot with no time

Driver Card: Shows driver info: avatar circle with initial "T" for Themba M., star rating (4.9). Two action buttons: "Call Driver" (dark primary) and "Message" (secondary/outline), both with inline SVG icons.

Map Placeholder: Simplified map view showing a route line with start dot (store), end dot (delivery address), and a truck icon representing the driver's current position at ~65% along the route.

Your Items: Collapsed section showing "Your items (4)" with a chevron toggle. Tapping expands to reveal the ordered items list. Keeps the main tracking view uncluttered.

Real-time Updates: In production, this screen would use WebSocket or polling to update the timeline, ETA countdown, and map position in real-time. Push notifications trigger navigation to this screen for status changes.

No Bottom Nav: This is a focused tracking screen. User navigates back via the header back button.