{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "TableDetailScreen",
      "name": "Restaurant/Table Detail",
      "reusable": true,
      "width": 1280,
      "height": 800,
      "fill": "$bg-page",
      "layout": "vertical",
      "clip": true,
      "children": [
        {"type": "frame", "id": "TDHeader", "width": "fill_container", "height": 64, "fill": "$bg-elevated", "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "padding": [0, 24], "justifyContent": "space_between", "alignItems": "center", "children": [
          {"type": "frame", "id": "TDHeaderLeft", "gap": 16, "alignItems": "center", "children": [
            {"type": "frame", "id": "TDBackBtn", "width": 40, "height": 40, "fill": "$bg-interactive", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "TDBackIcon", "width": 20, "height": 20, "iconFontName": "arrow-left", "iconFontFamily": "lucide", "fill": "$text-secondary"}]},
            {"type": "frame", "id": "TDTableBadge", "fill": "$orange-primary", "cornerRadius": 10, "padding": [8, 16], "children": [{"type": "text", "id": "TDTableText", "fill": "$text-primary", "content": "Bàn 03", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"}]},
            {"type": "frame", "id": "TDTableInfo", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "TDOrderNum", "fill": "$text-primary", "content": "Đơn #0089", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"}, {"type": "text", "id": "TDTimeInfo", "fill": "$text-secondary", "content": "4 khách • 1h 15p", "fontFamily": "Roboto", "fontSize": 12}]}
          ]},
          {"type": "frame", "id": "TDCustomer", "fill": "#14B8A615", "cornerRadius": 12, "padding": [10, 16], "gap": 10, "alignItems": "center", "stroke": {"thickness": 1, "fill": "#14B8A640"}, "children": [
            {"type": "frame", "id": "TDCustAvatar", "width": 32, "height": 32, "fill": "#14B8A630", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "TDCustIcon", "width": 16, "height": 16, "iconFontName": "user", "iconFontFamily": "lucide", "fill": "#14B8A6"}]},
            {"type": "frame", "id": "TDCustInfo", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "TDCustName", "fill": "$text-primary", "content": "Nguyễn Văn A", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}, {"type": "text", "id": "TDCustPoints", "fill": "#14B8A6", "content": "Gold • 2,450 điểm", "fontFamily": "Roboto", "fontSize": 11}]}
          ]}
        ]},
        {"type": "frame", "id": "TDBody", "width": "fill_container", "height": "fill_container", "children": [
          {"type": "frame", "id": "TDOrderArea", "width": "fill_container", "height": "fill_container", "layout": "vertical", "padding": 24, "gap": 20, "children": [
            {"type": "frame", "id": "TDRound1", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 16, "stroke": {"thickness": 1, "fill": "$border-default"}, "layout": "vertical", "children": [
              {"type": "frame", "id": "TDR1Header", "width": "fill_container", "padding": [14, 20], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "justifyContent": "space_between", "alignItems": "center", "children": [
                {"type": "frame", "id": "TDR1Left", "gap": 10, "alignItems": "center", "children": [{"type": "text", "id": "TDR1Title", "fill": "$text-primary", "content": "Đợt 1", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}, {"type": "text", "id": "TDR1Time", "fill": "$text-tertiary", "content": "19:15", "fontFamily": "Roboto", "fontSize": 12}]},
                {"type": "frame", "id": "TDR1Status", "fill": "#22C55E20", "cornerRadius": 6, "padding": [5, 10], "children": [{"type": "text", "id": "TDR1StatusText", "fill": "#22C55E", "content": "✓ Hoàn thành", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]}
              ]},
              {"type": "frame", "id": "TDR1Items", "width": "fill_container", "layout": "vertical", "children": [
                {"type": "frame", "id": "TDR1Item1", "width": "fill_container", "padding": [12, 20], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "TDR1I1Left", "gap": 12, "alignItems": "center", "children": [{"type": "frame", "id": "TDR1I1Qty", "width": 28, "height": 28, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "TDR1I1QtyText", "fill": "$text-primary", "content": "1", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]}, {"type": "frame", "id": "TDR1I1Info", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "TDR1I1Name", "fill": "$text-primary", "content": "Bò Lúc Lắc", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}, {"type": "frame", "id": "TDR1I1Badge", "fill": "#22C55E20", "cornerRadius": 4, "padding": [2, 6], "children": [{"type": "text", "id": "TDR1I1BadgeText", "fill": "#22C55E", "content": "Đã phục vụ", "fontFamily": "Roboto", "fontSize": 9, "fontWeight": "600"}]}]}]}, {"type": "text", "id": "TDR1I1Price", "fill": "$text-primary", "content": "185,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
                {"type": "frame", "id": "TDR1Item2", "width": "fill_container", "padding": [12, 20], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "TDR1I2Left", "gap": 12, "alignItems": "center", "children": [{"type": "frame", "id": "TDR1I2Qty", "width": 28, "height": 28, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "TDR1I2QtyText", "fill": "$text-primary", "content": "1", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]}, {"type": "frame", "id": "TDR1I2Info", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "TDR1I2Name", "fill": "$text-primary", "content": "Gà Nướng Mật Ong", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}, {"type": "frame", "id": "TDR1I2Badge", "fill": "#22C55E20", "cornerRadius": 4, "padding": [2, 6], "children": [{"type": "text", "id": "TDR1I2BadgeText", "fill": "#22C55E", "content": "Đã phục vụ", "fontFamily": "Roboto", "fontSize": 9, "fontWeight": "600"}]}]}]}, {"type": "text", "id": "TDR1I2Price", "fill": "$text-primary", "content": "165,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
                {"type": "frame", "id": "TDR1Item3", "width": "fill_container", "padding": [12, 20], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "TDR1I3Left", "gap": 12, "alignItems": "center", "children": [{"type": "frame", "id": "TDR1I3Qty", "width": 28, "height": 28, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "TDR1I3QtyText", "fill": "$text-primary", "content": "2", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]}, {"type": "frame", "id": "TDR1I3Info", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "TDR1I3Name", "fill": "$text-primary", "content": "Bia Tiger", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}, {"type": "frame", "id": "TDR1I3Badge", "fill": "#22C55E20", "cornerRadius": 4, "padding": [2, 6], "children": [{"type": "text", "id": "TDR1I3BadgeText", "fill": "#22C55E", "content": "Đã phục vụ", "fontFamily": "Roboto", "fontSize": 9, "fontWeight": "600"}]}]}]}, {"type": "text", "id": "TDR1I3Price", "fill": "$text-primary", "content": "70,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]}
              ]}
            ]},
            {"type": "frame", "id": "TDRound2", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 16, "stroke": {"thickness": 1, "fill": "#F59E0B40"}, "layout": "vertical", "children": [
              {"type": "frame", "id": "TDR2Header", "width": "fill_container", "padding": [14, 20], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "justifyContent": "space_between", "alignItems": "center", "children": [
                {"type": "frame", "id": "TDR2Left", "gap": 10, "alignItems": "center", "children": [{"type": "text", "id": "TDR2Title", "fill": "$text-primary", "content": "Đợt 2", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}, {"type": "text", "id": "TDR2Time", "fill": "$text-tertiary", "content": "19:45", "fontFamily": "Roboto", "fontSize": 12}]},
                {"type": "frame", "id": "TDR2Status", "fill": "#F59E0B20", "cornerRadius": 6, "padding": [5, 10], "children": [{"type": "text", "id": "TDR2StatusText", "fill": "#F59E0B", "content": "⏳ Đang chờ", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]}
              ]},
              {"type": "frame", "id": "TDR2Items", "width": "fill_container", "layout": "vertical", "children": [
                {"type": "frame", "id": "TDR2Item1", "width": "fill_container", "padding": [12, 20], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "TDR2I1Left", "gap": 12, "alignItems": "center", "children": [{"type": "frame", "id": "TDR2I1Qty", "width": 28, "height": 28, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "TDR2I1QtyText", "fill": "$text-primary", "content": "1", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]}, {"type": "frame", "id": "TDR2I1Info", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "TDR2I1Name", "fill": "$text-primary", "content": "Cá Hồi Sốt Cam", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}, {"type": "frame", "id": "TDR2I1Badge", "fill": "#3B82F620", "cornerRadius": 4, "padding": [2, 6], "children": [{"type": "text", "id": "TDR2I1BadgeText", "fill": "#3B82F6", "content": "Đang làm", "fontFamily": "Roboto", "fontSize": 9, "fontWeight": "600"}]}]}]}, {"type": "text", "id": "TDR2I1Price", "fill": "$text-primary", "content": "220,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
                {"type": "frame", "id": "TDR2Item2", "width": "fill_container", "padding": [12, 20], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "TDR2I2Left", "gap": 12, "alignItems": "center", "children": [{"type": "frame", "id": "TDR2I2Qty", "width": 28, "height": 28, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "TDR2I2QtyText", "fill": "$text-primary", "content": "1", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]}, {"type": "frame", "id": "TDR2I2Info", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "TDR2I2Name", "fill": "$text-primary", "content": "Rượu Vang Đỏ", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}, {"type": "frame", "id": "TDR2I2Badge", "fill": "#F59E0B20", "cornerRadius": 4, "padding": [2, 6], "children": [{"type": "text", "id": "TDR2I2BadgeText", "fill": "#F59E0B", "content": "Chờ bếp", "fontFamily": "Roboto", "fontSize": 9, "fontWeight": "600"}]}]}]}, {"type": "text", "id": "TDR2I2Price", "fill": "$text-primary", "content": "450,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]}
              ]}
            ]},
            {"type": "frame", "id": "TDActions", "width": "fill_container", "gap": 12, "children": [
              {"type": "frame", "id": "TDAddItem", "height": 44, "fill": "$bg-interactive", "cornerRadius": 10, "padding": [0, 16], "gap": 8, "alignItems": "center", "stroke": {"thickness": 1, "fill": "$border-default"}, "children": [{"type": "icon_font", "id": "TDAddIcon", "width": 18, "height": 18, "iconFontName": "plus", "iconFontFamily": "lucide", "fill": "$text-secondary"}, {"type": "text", "id": "TDAddText", "fill": "$text-secondary", "content": "Thêm món", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
              {"type": "frame", "id": "TDEditOrder", "height": 44, "fill": "$bg-interactive", "cornerRadius": 10, "padding": [0, 16], "gap": 8, "alignItems": "center", "stroke": {"thickness": 1, "fill": "$border-default"}, "children": [{"type": "icon_font", "id": "TDEditIcon", "width": 18, "height": 18, "iconFontName": "pencil", "iconFontFamily": "lucide", "fill": "$text-secondary"}, {"type": "text", "id": "TDEditText", "fill": "$text-secondary", "content": "Sửa đơn", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
              {"type": "frame", "id": "TDVoid", "height": 44, "fill": "#EF444415", "cornerRadius": 10, "padding": [0, 16], "gap": 8, "alignItems": "center", "stroke": {"thickness": 1, "fill": "#EF444450"}, "children": [{"type": "icon_font", "id": "TDVoidIcon", "width": 18, "height": 18, "iconFontName": "trash-2", "iconFontFamily": "lucide", "fill": "#EF4444"}, {"type": "text", "id": "TDVoidText", "fill": "#EF4444", "content": "Void item", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]}
            ]}
          ]},
          {"type": "frame", "id": "TDBillPanel", "width": 360, "height": "fill_container", "fill": "$bg-elevated", "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["left"]}, "layout": "vertical", "children": [
            {"type": "frame", "id": "TDBillHeader", "width": "fill_container", "padding": [16, 20], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "children": [{"type": "text", "id": "TDBillTitle", "fill": "$text-primary", "content": "Hóa đơn", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "600"}]},
            {"type": "frame", "id": "TDBillContent", "width": "fill_container", "height": "fill_container", "layout": "vertical", "padding": 20, "gap": 12, "children": [
              {"type": "frame", "id": "TDBillSubtotal", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "TDBillSubLabel", "fill": "$text-secondary", "content": "Tạm tính", "fontFamily": "Roboto", "fontSize": 14}, {"type": "text", "id": "TDBillSubValue", "fill": "$text-primary", "content": "1,090,000₫", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
              {"type": "frame", "id": "TDBillService", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "TDBillSerLabel", "fill": "$text-secondary", "content": "Phí dịch vụ 5%", "fontFamily": "Roboto", "fontSize": 14}, {"type": "text", "id": "TDBillSerValue", "fill": "$text-primary", "content": "54,500₫", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
              {"type": "frame", "id": "TDBillVAT", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "TDBillVATLabel", "fill": "$text-secondary", "content": "VAT 10%", "fontFamily": "Roboto", "fontSize": 14}, {"type": "text", "id": "TDBillVATValue", "fill": "$text-primary", "content": "109,000₫", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
              {"type": "frame", "id": "TDBillDivider", "width": "fill_container", "height": 1, "fill": "$border-subtle"},
              {"type": "frame", "id": "TDBillTotal", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "TDBillTotalLabel", "fill": "$text-primary", "content": "Tổng cộng", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"}, {"type": "text", "id": "TDBillTotalValue", "fill": "$orange-primary", "content": "1,253,500₫", "fontFamily": "Roboto", "fontSize": 22, "fontWeight": "700"}]}
            ]},
            {"type": "frame", "id": "TDBillActions", "width": "fill_container", "layout": "vertical", "padding": 16, "gap": 12, "children": [
              {"type": "frame", "id": "TDDiscount", "width": "fill_container", "height": 44, "fill": "$bg-interactive", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "stroke": {"thickness": 1, "fill": "$border-default"}, "children": [{"type": "icon_font", "id": "TDDiscIcon", "width": 18, "height": 18, "iconFontName": "percent", "iconFontFamily": "lucide", "fill": "$text-secondary"}, {"type": "text", "id": "TDDiscText", "fill": "$text-secondary", "content": "Áp dụng giảm giá", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
              {"type": "frame", "id": "TDSplit", "width": "fill_container", "height": 44, "fill": "$bg-interactive", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "stroke": {"thickness": 1, "fill": "$border-default"}, "children": [{"type": "icon_font", "id": "TDSplitIcon", "width": 18, "height": 18, "iconFontName": "split", "iconFontFamily": "lucide", "fill": "$text-secondary"}, {"type": "text", "id": "TDSplitText", "fill": "$text-secondary", "content": "Tách bill", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
              {"type": "frame", "id": "TDPrint", "width": "fill_container", "height": 44, "fill": "$bg-interactive", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "stroke": {"thickness": 1, "fill": "$border-default"}, "children": [{"type": "icon_font", "id": "TDPrintIcon", "width": 18, "height": 18, "iconFontName": "printer", "iconFontFamily": "lucide", "fill": "$text-secondary"}, {"type": "text", "id": "TDPrintText", "fill": "$text-secondary", "content": "In bill tạm tính", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]}
            ]},
            {"type": "frame", "id": "TDPayBtn", "width": "fill_container", "height": 64, "fill": {"type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": {"height": 1}, "colors": [{"color": "#FF5C00", "position": 0}, {"color": "#FF8A4C", "position": 1}]}, "gap": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "TDPayIcon", "width": 22, "height": 22, "iconFontName": "credit-card", "iconFontFamily": "lucide", "fill": "$text-primary"}, {"type": "text", "id": "TDPayText", "fill": "$text-primary", "content": "Thanh toán 1,253,500₫", "fontFamily": "Roboto", "fontSize": 17, "fontWeight": "600"}]}
          ]}
        ]}
      ]
    }
  ],
  "variables": {
    "bg-elevated": {"type": "color", "value": "#1A1A1D"},
    "bg-interactive": {"type": "color", "value": "#2A2A2E"},
    "bg-page": {"type": "color", "value": "#0A0A0B"},
    "bg-surface": {"type": "color", "value": "#111113"},
    "border-default": {"type": "color", "value": "#2A2A2E"},
    "border-subtle": {"type": "color", "value": "#1F1F23"},
    "orange-primary": {"type": "color", "value": "#FF5C00"},
    "text-primary": {"type": "color", "value": "#FFFFFF"},
    "text-secondary": {"type": "color", "value": "#ADADB0"},
    "text-tertiary": {"type": "color", "value": "#8B8B90"}
  }
}
