{
  "elmType": "div",
  "attributes": {
    "class": "ms-bgColor-themePrimary ms-fontColor-white"
  },
  "style": {
    "width": "100%",
    "box-sizing": "border-box",
    "padding": "16px 18px",
    "border-radius": "6px",
    "margin-bottom": "12px"
  },
  "children": [
    {
      "elmType": "div",
      "style": {
        "display": "flex",
        "justify-content": "space-between",
        "align-items": "center",
        "gap": "12px",
        "flex-wrap": "wrap"
      },
      "children": [
        {
          "elmType": "div",
          "children": [
            {
              "elmType": "div",
              "txtContent": "Office Support Request",
              "style": {
                "font-size": "22px",
                "font-weight": "600"
              }
            },
            {
              "elmType": "div",
              "txtContent": "=if([$Title] == '', 'New request', [$Title])",
              "style": {
                "font-size": "14px",
                "margin-top": "4px",
                "opacity": "0.9"
              }
            }
          ]
        },
        {
          "elmType": "div",
          "style": {
            "display": "flex",
            "gap": "8px",
            "align-items": "center",
            "flex-wrap": "wrap"
          },
          "children": [
            {
              "elmType": "span",
              "txtContent": "=if([$Priority] == '', 'Priority not set', [$Priority])",
              "style": {
                "padding": "4px 10px",
                "border-radius": "999px",
                "font-weight": "600",
                "background-color": "=if([$Priority] == 'High', '#fde7e9', if([$Priority] == 'Low', '#dff6dd', '#fff4ce'))",
                "color": "=if([$Priority] == 'High', '#a4262c', if([$Priority] == 'Low', '#107c10', '#605e5c'))"
              }
            },
            {
              "elmType": "span",
              "txtContent": "=if([$Status] == '', 'New', [$Status])",
              "style": {
                "padding": "4px 10px",
                "border-radius": "999px",
                "font-weight": "600",
                "background-color": "=if([$Status] == 'Completed', '#dff6dd', if([$Status] == 'In Progress', '#deecf9', if([$Status] == 'Waiting', '#fff4ce', '#f3f2f1')))",
                "color": "=if([$Status] == 'Completed', '#107c10', if([$Status] == 'In Progress', '#005a9e', if([$Status] == 'Waiting', '#8a6d1d', '#323130')))"
              }
            }
          ]
        }
      ]
    }
  ]
}