{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/row-formatting.schema.json",
  "hideSelection": true,
  "hideColumnHeader": true,
  "rowFormatter": {
    "elmType": "div",
    "style": {
      "text-align": "left",
      "font-family": "Segoe UI",
      "width": "95.2%",
      "padding": "16px 16px 0px 16px",
      "background-color": "#f3f2f1"
    },
    "children": [
      {
        "elmType": "div",
        "style": {
          "width": "100%",
          "padding-bottom": "16px",
          "border-bottom": "solid 1px #e1dfdd"
        },
        "children": [
          {
            "elmType": "div",
            "style": {
              "font-size": "16px",
              "color": "#323130",
              "line-height": "21px",
              "font-weight": "600"
            },
            "txtContent": "[$Milestone]"
          },
          {
            "elmType": "span",
            "style": {
              "font-size": "14px",
              "color": "#323130",
              "font-weight": "normal",
              "line-height": "20px"
            },
            "txtContent": "='Vendor: '+[$Vendor.lookupValue]"
          },
          {
            "elmType": "div",
            "style": {
              "font-size": "14px",
              "color": "=if([$Complete],'#107c10','#a80000')",
              "font-weight": "600",
              "line-height": "20px"
            },
            "txtContent": "=if([$Complete],'Completed','Incomplete')"
          },
          {
            "elmType": "div",
            "style": {
              "display": "flex"
            },
            "children": [
              {
                "elmType": "div",
                "style": {
                  "font-size": "14px",
                  "color": "#606e5c",
                  "font-weight": "600",
                  "line-height": "20px",
                  "flex": "1"
                },
                "txtContent": "Amount"
              },
              {
                "elmType": "div",
                "style": {
                  "font-size": "16px",
                  "color": "#323130",
                  "font-weight": "600",
                  "line-height": "20px"
                },
                "txtContent": "='$'+[$AmountCal]"
              }
            ]
          },
          {
            "elmType": "div",
            "style": {
              "display": "flex"
            },
            "children": [
              {
                "elmType": "div",
                "style": {
                  "font-size": "14px",
                  "color": "#606e5c",
                  "font-weight": "600",
                  "line-height": "20px",
                  "flex": "1"
                },
                "txtContent": "Balance remaining"
              },
              {
                "elmType": "div",
                "style": {
                  "font-size": "16px",
                  "color": "#323130",
                  "font-weight": "600",
                  "line-height": "20px"
                },
                "txtContent": "='$'+[$Balance_x0020_Remaining]"
              }
            ]
          }
        ]
      }
    ]
  }
}