{
  "_comment": "Example status-pill state vocabulary (the /returns/ lifecycle). Copy into a page as <script type=\"application/json\" data-status-pill>…</script>. Each key is a data-state value; variant maps to a .status-pill--<variant> CSS class (which owns the colour + ::before icon); label is the composed text (data-detail is appended after a · separator). icon is informational — the live glyph comes from CSS.",
  "awaiting-delivery":      { "label": "Awaiting delivery",        "variant": "neutral" },
  "in-return-window":       { "label": "In return window",         "variant": "neutral" },
  "awaiting-approval":      { "label": "Awaiting seller approval",  "variant": "neutral" },
  "dropped-repair":         { "label": "Dropped at repair shop",    "variant": "neutral" },
  "rma-issued":             { "label": "RMA issued",                "variant": "neutral" },
  "shipped-back":           { "label": "Shipped back",              "variant": "neutral" },
  "refund-pending":         { "label": "Refund pending",            "variant": "alert" },
  "delivered-not-received": { "label": "Delivered not received",     "variant": "alert" },
  "refund-issued":          { "label": "Resolved · refund issued",  "variant": "resolved", "icon": "✓" },
  "service-complete":       { "label": "Service complete",          "variant": "service",  "icon": "🔧" }
}