{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "BaristaQueue",
      "name": "Screen/Barista-Queue",
      "reusable": true,
      "width": 1400,
      "height": 900,
      "fill": "$bg-page",
      "layout": "vertical",
      "children": [
        {
          "type": "frame", "id": "Header", "width": "fill_container", "padding": [16, 24], "fill": "$bg-elevated",
          "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]},
          "justifyContent": "space_between", "alignItems": "center",
          "children": [
            {"type": "frame", "id": "HeaderLeft", "gap": 16, "alignItems": "center", "children": [
              {"type": "icon_font", "id": "Logo", "width": 32, "height": 32, "iconFontName": "coffee", "iconFontFamily": "lucide", "fill": "$orange-primary"},
              {"type": "frame", "id": "TitleBox", "layout": "vertical", "gap": 2, "children": [
                {"type": "text", "id": "Title", "fill": "$text-primary", "content": "BARISTA QUEUE", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "700"},
                {"type": "text", "id": "Subtitle", "fill": "$text-secondary", "content": "Màn hình pha chế", "fontFamily": "Roboto", "fontSize": 12}
              ]}
            ]},
            {"type": "frame", "id": "HeaderRight", "gap": 16, "alignItems": "center", "children": [
              {"type": "frame", "id": "Stats", "gap": 24, "children": [
                {"type": "frame", "id": "Stat1", "layout": "vertical", "alignItems": "center", "children": [
                  {"type": "text", "id": "Stat1Val", "fill": "#F59E0B", "content": "8", "fontFamily": "Roboto", "fontSize": 28, "fontWeight": "700"},
                  {"type": "text", "id": "Stat1Lbl", "fill": "$text-tertiary", "content": "Đang chờ", "fontFamily": "Roboto", "fontSize": 11}
                ]},
                {"type": "frame", "id": "Stat2", "layout": "vertical", "alignItems": "center", "children": [
                  {"type": "text", "id": "Stat2Val", "fill": "#22C55E", "content": "3", "fontFamily": "Roboto", "fontSize": 28, "fontWeight": "700"},
                  {"type": "text", "id": "Stat2Lbl", "fill": "$text-tertiary", "content": "Đang làm", "fontFamily": "Roboto", "fontSize": 11}
                ]},
                {"type": "frame", "id": "Stat3", "layout": "vertical", "alignItems": "center", "children": [
                  {"type": "text", "id": "Stat3Val", "fill": "#3B82F6", "content": "45", "fontFamily": "Roboto", "fontSize": 28, "fontWeight": "700"},
                  {"type": "text", "id": "Stat3Lbl", "fill": "$text-tertiary", "content": "Hôm nay", "fontFamily": "Roboto", "fontSize": 11}
                ]}
              ]},
              {"type": "frame", "id": "Time", "fill": "$bg-interactive", "cornerRadius": 8, "padding": [8, 16], "children": [
                {"type": "text", "id": "TimeText", "fill": "$text-primary", "content": "14:35:22", "fontFamily": "Roboto Mono", "fontSize": 18, "fontWeight": "600"}
              ]}
            ]}
          ]
        },
        {
          "type": "frame", "id": "Content", "width": "fill_container", "height": "fill_container", "padding": 24, "gap": 24,
          "children": [
            {"type": "frame", "id": "QueueCol", "width": 400, "height": "fill_container", "fill": "$bg-elevated", "cornerRadius": 16, "layout": "vertical", "children": [
              {"type": "frame", "id": "QueueHeader", "width": "fill_container", "padding": 16, "fill": "#F59E0B", "cornerRadius": [16, 16, 0, 0], "justifyContent": "space_between", "alignItems": "center", "children": [
                {"type": "text", "id": "QueueTitle", "fill": "#FFF", "content": "🕐 ĐANG CHỜ", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "700"},
                {"type": "frame", "id": "QueueCount", "fill": "#FFFFFF30", "cornerRadius": 6, "padding": [4, 10], "children": [{"type": "text", "id": "QueueCountT", "fill": "#FFF", "content": "8 đơn", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]}
              ]},
              {"type": "frame", "id": "QueueList", "width": "fill_container", "height": "fill_container", "padding": 12, "layout": "vertical", "gap": 10, "children": [
                {"type": "frame", "id": "Q1", "width": "fill_container", "fill": "$bg-interactive", "cornerRadius": 12, "padding": 14, "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "Q1L", "gap": 12, "alignItems": "center", "children": [
                    {"type": "frame", "id": "Q1Num", "width": 40, "height": 40, "fill": "$orange-primary", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "Q1NumT", "fill": "#FFF", "content": "#58", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "700"}]},
                    {"type": "frame", "id": "Q1Info", "layout": "vertical", "gap": 2, "children": [
                      {"type": "text", "id": "Q1Name", "fill": "$text-primary", "content": "Latte Caramel", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"},
                      {"type": "text", "id": "Q1Note", "fill": "$text-tertiary", "content": "Size L · Ít đường", "fontFamily": "Roboto", "fontSize": 11}
                    ]}
                  ]},
                  {"type": "frame", "id": "Q1R", "layout": "vertical", "gap": 2, "alignItems": "flex_end", "children": [
                    {"type": "text", "id": "Q1Time", "fill": "#F59E0B", "content": "3:24", "fontFamily": "Roboto Mono", "fontSize": 14, "fontWeight": "600"},
                    {"type": "icon_font", "id": "Q1Btn", "width": 24, "height": 24, "iconFontName": "play", "iconFontFamily": "lucide", "fill": "#22C55E"}
                  ]}
                ]},
                {"type": "frame", "id": "Q2", "width": "fill_container", "fill": "$bg-interactive", "cornerRadius": 12, "padding": 14, "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "Q2L", "gap": 12, "alignItems": "center", "children": [
                    {"type": "frame", "id": "Q2Num", "width": 40, "height": 40, "fill": "$orange-primary", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "Q2NumT", "fill": "#FFF", "content": "#59", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "700"}]},
                    {"type": "frame", "id": "Q2Info", "layout": "vertical", "gap": 2, "children": [
                      {"type": "text", "id": "Q2Name", "fill": "$text-primary", "content": "Americano", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"},
                      {"type": "text", "id": "Q2Note", "fill": "$text-tertiary", "content": "Size M · Đá riêng", "fontFamily": "Roboto", "fontSize": 11}
                    ]}
                  ]},
                  {"type": "frame", "id": "Q2R", "layout": "vertical", "gap": 2, "alignItems": "flex_end", "children": [
                    {"type": "text", "id": "Q2Time", "fill": "#F59E0B", "content": "2:51", "fontFamily": "Roboto Mono", "fontSize": 14, "fontWeight": "600"},
                    {"type": "icon_font", "id": "Q2Btn", "width": 24, "height": 24, "iconFontName": "play", "iconFontFamily": "lucide", "fill": "#22C55E"}
                  ]}
                ]},
                {"type": "frame", "id": "Q3", "width": "fill_container", "fill": "$bg-interactive", "cornerRadius": 12, "padding": 14, "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "Q3L", "gap": 12, "alignItems": "center", "children": [
                    {"type": "frame", "id": "Q3Num", "width": 40, "height": 40, "fill": "$orange-primary", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "Q3NumT", "fill": "#FFF", "content": "#60", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "700"}]},
                    {"type": "frame", "id": "Q3Info", "layout": "vertical", "gap": 2, "children": [
                      {"type": "text", "id": "Q3Name", "fill": "$text-primary", "content": "Cappuccino", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"},
                      {"type": "text", "id": "Q3Note", "fill": "$text-tertiary", "content": "x2 · Extra shot", "fontFamily": "Roboto", "fontSize": 11}
                    ]}
                  ]},
                  {"type": "frame", "id": "Q3R", "layout": "vertical", "gap": 2, "alignItems": "flex_end", "children": [
                    {"type": "text", "id": "Q3Time", "fill": "#F59E0B", "content": "1:45", "fontFamily": "Roboto Mono", "fontSize": 14, "fontWeight": "600"},
                    {"type": "icon_font", "id": "Q3Btn", "width": 24, "height": 24, "iconFontName": "play", "iconFontFamily": "lucide", "fill": "#22C55E"}
                  ]}
                ]}
              ]}
            ]},
            {"type": "frame", "id": "ProgressCol", "width": "fill_container", "height": "fill_container", "fill": "$bg-elevated", "cornerRadius": 16, "layout": "vertical", "children": [
              {"type": "frame", "id": "ProgressHeader", "width": "fill_container", "padding": 16, "fill": "#22C55E", "cornerRadius": [16, 16, 0, 0], "justifyContent": "space_between", "alignItems": "center", "children": [
                {"type": "text", "id": "ProgressTitle", "fill": "#FFF", "content": "☕ ĐANG PHA CHẾ", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "700"},
                {"type": "frame", "id": "ProgressCount", "fill": "#FFFFFF30", "cornerRadius": 6, "padding": [4, 10], "children": [{"type": "text", "id": "ProgressCountT", "fill": "#FFF", "content": "3 đơn", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]}
              ]},
              {"type": "frame", "id": "ProgressList", "width": "fill_container", "height": "fill_container", "padding": 16, "gap": 16, "children": [
                {"type": "frame", "id": "P1", "width": 280, "fill": "#22C55E10", "cornerRadius": 16, "stroke": {"thickness": 2, "fill": "#22C55E"}, "layout": "vertical", "children": [
                  {"type": "frame", "id": "P1Top", "width": "fill_container", "padding": 16, "justifyContent": "space_between", "alignItems": "center", "children": [
                    {"type": "frame", "id": "P1Num", "width": 48, "height": 48, "fill": "#22C55E", "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "P1NumT", "fill": "#FFF", "content": "#55", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "700"}]},
                    {"type": "frame", "id": "P1Timer", "fill": "$bg-interactive", "cornerRadius": 8, "padding": [6, 12], "children": [{"type": "text", "id": "P1TimerT", "fill": "#22C55E", "content": "1:32", "fontFamily": "Roboto Mono", "fontSize": 20, "fontWeight": "700"}]}
                  ]},
                  {"type": "frame", "id": "P1Info", "width": "fill_container", "padding": [0, 16, 16, 16], "layout": "vertical", "gap": 8, "children": [
                    {"type": "text", "id": "P1Name", "fill": "$text-primary", "content": "Mocha Đá Xay", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"},
                    {"type": "text", "id": "P1Note", "fill": "$text-secondary", "content": "Size L · Whip cream", "fontFamily": "Roboto", "fontSize": 13},
                    {"type": "frame", "id": "P1BtnBox", "width": "fill_container", "gap": 8, "children": [
                      {"type": "frame", "id": "P1BtnDone", "width": "fill_container", "height": 40, "fill": "#22C55E", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "P1BtnDoneT", "fill": "#FFF", "content": "✓ XONG", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "700"}]}
                    ]}
                  ]}
                ]},
                {"type": "frame", "id": "P2", "width": 280, "fill": "#F59E0B10", "cornerRadius": 16, "stroke": {"thickness": 2, "fill": "#F59E0B"}, "layout": "vertical", "children": [
                  {"type": "frame", "id": "P2Top", "width": "fill_container", "padding": 16, "justifyContent": "space_between", "alignItems": "center", "children": [
                    {"type": "frame", "id": "P2Num", "width": 48, "height": 48, "fill": "#F59E0B", "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "P2NumT", "fill": "#FFF", "content": "#56", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "700"}]},
                    {"type": "frame", "id": "P2Timer", "fill": "$bg-interactive", "cornerRadius": 8, "padding": [6, 12], "children": [{"type": "text", "id": "P2TimerT", "fill": "#F59E0B", "content": "0:45", "fontFamily": "Roboto Mono", "fontSize": 20, "fontWeight": "700"}]}
                  ]},
                  {"type": "frame", "id": "P2Info", "width": "fill_container", "padding": [0, 16, 16, 16], "layout": "vertical", "gap": 8, "children": [
                    {"type": "text", "id": "P2Name", "fill": "$text-primary", "content": "Trà Sữa Trân Châu", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"},
                    {"type": "text", "id": "P2Note", "fill": "$text-secondary", "content": "Size M · 50% đường", "fontFamily": "Roboto", "fontSize": 13},
                    {"type": "frame", "id": "P2BtnBox", "width": "fill_container", "gap": 8, "children": [
                      {"type": "frame", "id": "P2BtnDone", "width": "fill_container", "height": 40, "fill": "#22C55E", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "P2BtnDoneT", "fill": "#FFF", "content": "✓ XONG", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "700"}]}
                    ]}
                  ]}
                ]}
              ]}
            ]},
            {"type": "frame", "id": "ReadyCol", "width": 300, "height": "fill_container", "fill": "$bg-elevated", "cornerRadius": 16, "layout": "vertical", "children": [
              {"type": "frame", "id": "ReadyHeader", "width": "fill_container", "padding": 16, "fill": "#3B82F6", "cornerRadius": [16, 16, 0, 0], "justifyContent": "space_between", "alignItems": "center", "children": [
                {"type": "text", "id": "ReadyTitle", "fill": "#FFF", "content": "🔔 SẴN SÀNG", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "700"},
                {"type": "frame", "id": "ReadyCount", "fill": "#FFFFFF30", "cornerRadius": 6, "padding": [4, 10], "children": [{"type": "text", "id": "ReadyCountT", "fill": "#FFF", "content": "5 đơn", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]}
              ]},
              {"type": "frame", "id": "ReadyList", "width": "fill_container", "height": "fill_container", "padding": 12, "layout": "vertical", "gap": 8, "children": [
                {"type": "frame", "id": "R1", "width": "fill_container", "fill": "#3B82F620", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "R1L", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "R1Num", "width": 36, "height": 36, "fill": "#3B82F6", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "R1NumT", "fill": "#FFF", "content": "#52", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "700"}]},
                    {"type": "text", "id": "R1Name", "fill": "$text-primary", "content": "Espresso", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
                  ]},
                  {"type": "icon_font", "id": "R1Btn", "width": 24, "height": 24, "iconFontName": "bell-ring", "iconFontFamily": "lucide", "fill": "#3B82F6"}
                ]},
                {"type": "frame", "id": "R2", "width": "fill_container", "fill": "#3B82F620", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "R2L", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "R2Num", "width": 36, "height": 36, "fill": "#3B82F6", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "R2NumT", "fill": "#FFF", "content": "#53", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "700"}]},
                    {"type": "text", "id": "R2Name", "fill": "$text-primary", "content": "Latte", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
                  ]},
                  {"type": "icon_font", "id": "R2Btn", "width": 24, "height": 24, "iconFontName": "bell-ring", "iconFontFamily": "lucide", "fill": "#3B82F6"}
                ]},
                {"type": "frame", "id": "R3", "width": "fill_container", "fill": "#3B82F620", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "R3L", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "R3Num", "width": 36, "height": 36, "fill": "#3B82F6", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "R3NumT", "fill": "#FFF", "content": "#54", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "700"}]},
                    {"type": "text", "id": "R3Name", "fill": "$text-primary", "content": "Matcha Latte", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
                  ]},
                  {"type": "icon_font", "id": "R3Btn", "width": 24, "height": 24, "iconFontName": "bell-ring", "iconFontFamily": "lucide", "fill": "#3B82F6"}
                ]}
              ]}
            ]}
          ]
        }
      ]
    }
  ],
  "variables": {
    "bg-elevated": {"type": "color", "value": "#1A1A1D"},
    "bg-interactive": {"type": "color", "value": "#2A2A2E"},
    "bg-page": {"type": "color", "value": "#0A0A0B"},
    "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"}
  }
}
