{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "LivechatScreen",
      "name": "Screen/Livechat Console",
      "reusable": true,
      "width": 1280,
      "height": 720,
      "fill": "$bg-page",
      "layout": "horizontal",
      "clip": true,
      "children": [
        {
          "type": "frame",
          "id": "Sidebar",
          "width": 240,
          "height": "fill_container",
          "fill": "$bg-card",
          "stroke": {"thickness": 3, "fill": "$yellow-primary", "align": "inside"},
          "layout": "vertical",
          "justifyContent": "space_between",
          "padding": [24, 16],
          "children": [
            {
              "type": "frame",
              "id": "SidebarTop",
              "width": "fill_container",
              "layout": "vertical",
              "gap": 32,
              "children": [
                {"type": "frame", "id": "LogoSection", "width": "fill_container", "padding": [0, 0, 16, 0], "stroke": {"thickness": 1, "fill": "$border", "align": "inside"}, "gap": 8, "alignItems": "center", "children": [
                  {"type": "frame", "id": "LogoMark", "width": 32, "height": 32, "fill": "$yellow-primary", "justifyContent": "center", "alignItems": "center", "children": [
                    {"type": "text", "id": "LogoLetter", "fill": "$bg-card", "content": "M", "fontFamily": "JetBrains Mono", "fontSize": 16, "fontWeight": "700"}
                  ]},
                  {"type": "text", "id": "LogoText", "fill": "$text-primary", "content": "tMARKETING", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "700"}
                ]},
                {"type": "frame", "id": "NavSection", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [
                  {"type": "frame", "id": "NavHub", "width": "fill_container", "padding": [10, 12], "gap": 10, "alignItems": "center", "children": [
                    {"type": "text", "id": "NavHubNum", "fill": "$text-tertiary", "content": "01", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"},
                    {"type": "text", "id": "NavHubLabel", "fill": "$text-secondary", "content": "HUB", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "500"}
                  ]},
                  {"type": "frame", "id": "NavChat", "width": "fill_container", "fill": "#FACC1515", "stroke": {"thickness": 1, "fill": "$yellow-primary", "align": "inside"}, "padding": [10, 12], "gap": 10, "alignItems": "center", "children": [
                    {"type": "text", "id": "NavChatNum", "fill": "$yellow-primary", "content": "02", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"},
                    {"type": "text", "id": "NavChatLabel", "fill": "$text-primary", "content": "CHAT", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"}
                  ]},
                  {"type": "frame", "id": "NavCRM", "width": "fill_container", "padding": [10, 12], "gap": 10, "alignItems": "center", "children": [
                    {"type": "text", "id": "NavCRMNum", "fill": "$text-tertiary", "content": "03", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"},
                    {"type": "text", "id": "NavCRMLabel", "fill": "$text-secondary", "content": "CRM", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "500"}
                  ]},
                  {"type": "frame", "id": "NavAI", "width": "fill_container", "padding": [10, 12], "gap": 10, "alignItems": "center", "children": [
                    {"type": "text", "id": "NavAINum", "fill": "$text-tertiary", "content": "04", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"},
                    {"type": "text", "id": "NavAILabel", "fill": "$text-secondary", "content": "AI STUDIO", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "500"}
                  ]},
                  {"type": "frame", "id": "NavStats", "width": "fill_container", "padding": [10, 12], "gap": 10, "alignItems": "center", "children": [
                    {"type": "text", "id": "NavStatsNum", "fill": "$text-tertiary", "content": "05", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"},
                    {"type": "text", "id": "NavStatsLabel", "fill": "$text-secondary", "content": "ANALYTICS", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "500"}
                  ]}
                ]}
              ]
            },
            {
              "type": "frame",
              "id": "SidebarBottom",
              "width": "fill_container",
              "layout": "vertical",
              "gap": 20,
              "children": [
                {"type": "frame", "id": "AgentStatus", "width": "fill_container", "fill": "#22C55E15", "stroke": {"thickness": 1, "fill": "#22C55E30"}, "padding": 16, "layout": "vertical", "gap": 8, "children": [
                  {"type": "frame", "id": "AgentHeader", "gap": 8, "alignItems": "center", "children": [
                    {"type": "frame", "id": "AgentDot", "width": 8, "height": 8, "fill": "$success"},
                    {"type": "text", "id": "AgentLabel", "fill": "$success", "content": "ONLINE", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "700"}
                  ]},
                  {"type": "text", "id": "AgentInfo", "fill": "$text-secondary", "content": "5 active conversations", "fontFamily": "JetBrains Mono", "fontSize": 11}
                ]},
                {"type": "frame", "id": "AccountRow", "width": "fill_container", "padding": [20, 0, 0, 0], "stroke": {"thickness": 1, "fill": "$border", "align": "inside"}, "gap": 10, "alignItems": "center", "children": [
                  {"type": "frame", "id": "Avatar", "width": 32, "height": 32, "fill": "$border", "justifyContent": "center", "alignItems": "center", "children": [
                    {"type": "text", "id": "AvatarText", "fill": "$text-primary", "content": "AD", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"}
                  ]},
                  {"type": "text", "id": "UserName", "fill": "$text-primary", "content": "ADMIN", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"},
                  {"type": "icon_font", "id": "ChevronIcon", "width": 14, "height": 14, "iconFontName": "chevron-right", "iconFontFamily": "lucide", "fill": "$text-tertiary"}
                ]}
              ]
            }
          ]
        },
        {
          "type": "frame",
          "id": "ConversationList",
          "width": 300,
          "height": "fill_container",
          "fill": "$bg-card",
          "stroke": {"thickness": 1, "fill": "$border"},
          "layout": "vertical",
          "children": [
            {"type": "frame", "id": "ConvHeader", "width": "fill_container", "padding": [16, 20], "stroke": {"thickness": 1, "fill": "$border", "align": "inside"}, "justifyContent": "space_between", "alignItems": "center", "children": [
              {"type": "text", "id": "ConvTitle", "fill": "$text-primary", "content": "CONVERSATIONS", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "700"},
              {"type": "frame", "id": "ConvActions", "gap": 8, "children": [
                {"type": "frame", "id": "FilterConv", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [4, 8], "gap": 4, "alignItems": "center", "children": [
                  {"type": "text", "id": "FilterConvText", "fill": "$text-secondary", "content": "ALL", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "600"},
                  {"type": "icon_font", "id": "FilterConvIcon", "width": 10, "height": 10, "iconFontName": "chevron-down", "iconFontFamily": "lucide", "fill": "$text-tertiary"}
                ]},
                {"type": "frame", "id": "SearchConv", "stroke": {"thickness": 1, "fill": "$border"}, "padding": 4, "justifyContent": "center", "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "SearchConvIcon", "width": 12, "height": 12, "iconFontName": "search", "iconFontFamily": "lucide", "fill": "$text-tertiary"}
                ]}
              ]}
            ]},
            {"type": "frame", "id": "ConvList", "width": "fill_container", "height": "fill_container", "layout": "vertical", "children": [
              {"type": "frame", "id": "Conv1", "width": "fill_container", "fill": "#FACC1510", "stroke": {"thickness": 3, "fill": "$yellow-primary", "align": "inside"}, "padding": 16, "layout": "vertical", "gap": 8, "children": [
                {"type": "frame", "id": "Conv1Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "Conv1Left", "gap": 8, "alignItems": "center", "children": [
                    {"type": "frame", "id": "Conv1Dot", "width": 8, "height": 8, "fill": "$success"},
                    {"type": "text", "id": "Conv1Name", "fill": "$text-primary", "content": "Nguyễn Văn A", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"}
                  ]},
                  {"type": "text", "id": "Conv1Time", "fill": "$text-tertiary", "content": "2m", "fontFamily": "JetBrains Mono", "fontSize": 10}
                ]},
                {"type": "text", "id": "Conv1Preview", "fill": "$text-secondary", "content": "\"Tôi muốn hỏi về sản phẩm...\"", "fontFamily": "JetBrains Mono", "fontSize": 11},
                {"type": "frame", "id": "Conv1Channel", "gap": 6, "alignItems": "center", "children": [
                  {"type": "text", "id": "Conv1Via", "fill": "$text-tertiary", "content": "via", "fontFamily": "JetBrains Mono", "fontSize": 10},
                  {"type": "text", "id": "Conv1Platform", "fill": "#0068FF", "content": "ZALO", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"}
                ]}
              ]},
              {"type": "frame", "id": "Conv2", "width": "fill_container", "stroke": {"thickness": 1, "fill": "$border", "align": "inside"}, "padding": 16, "layout": "vertical", "gap": 8, "children": [
                {"type": "frame", "id": "Conv2Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "Conv2Left", "gap": 8, "alignItems": "center", "children": [
                    {"type": "frame", "id": "Conv2Dot", "width": 8, "height": 8, "fill": "$warning"},
                    {"type": "text", "id": "Conv2Name", "fill": "$text-primary", "content": "Trần Thị B", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"}
                  ]},
                  {"type": "text", "id": "Conv2Time", "fill": "$text-tertiary", "content": "5m", "fontFamily": "JetBrains Mono", "fontSize": 10}
                ]},
                {"type": "text", "id": "Conv2Preview", "fill": "$text-secondary", "content": "\"Giá bao nhiêu vậy shop?\"", "fontFamily": "JetBrains Mono", "fontSize": 11},
                {"type": "frame", "id": "Conv2Channel", "gap": 6, "alignItems": "center", "children": [
                  {"type": "text", "id": "Conv2Via", "fill": "$text-tertiary", "content": "via", "fontFamily": "JetBrains Mono", "fontSize": 10},
                  {"type": "text", "id": "Conv2Platform", "fill": "#3B82F6", "content": "FB", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"}
                ]}
              ]},
              {"type": "frame", "id": "Conv3", "width": "fill_container", "stroke": {"thickness": 1, "fill": "$border", "align": "inside"}, "padding": 16, "layout": "vertical", "gap": 8, "children": [
                {"type": "frame", "id": "Conv3Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "Conv3Left", "gap": 8, "alignItems": "center", "children": [
                    {"type": "frame", "id": "Conv3Dot", "width": 8, "height": 8, "fill": "$text-tertiary"},
                    {"type": "text", "id": "Conv3Name", "fill": "$text-primary", "content": "Lê Văn C", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"}
                  ]},
                  {"type": "text", "id": "Conv3Time", "fill": "$text-tertiary", "content": "12m", "fontFamily": "JetBrains Mono", "fontSize": 10}
                ]},
                {"type": "text", "id": "Conv3Preview", "fill": "$text-secondary", "content": "\"Cảm ơn shop nhé!\"", "fontFamily": "JetBrains Mono", "fontSize": 11},
                {"type": "frame", "id": "Conv3Channel", "gap": 6, "alignItems": "center", "children": [
                  {"type": "text", "id": "Conv3Via", "fill": "$text-tertiary", "content": "via", "fontFamily": "JetBrains Mono", "fontSize": 10},
                  {"type": "text", "id": "Conv3Platform", "fill": "#E1306C", "content": "IG", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"}
                ]}
              ]},
              {"type": "frame", "id": "Conv4", "width": "fill_container", "stroke": {"thickness": 1, "fill": "$border", "align": "inside"}, "padding": 16, "layout": "vertical", "gap": 8, "children": [
                {"type": "frame", "id": "Conv4Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "Conv4Left", "gap": 8, "alignItems": "center", "children": [
                    {"type": "frame", "id": "Conv4Dot", "width": 8, "height": 8, "fill": "$success"},
                    {"type": "text", "id": "Conv4Name", "fill": "$text-primary", "content": "+84912xxx", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"}
                  ]},
                  {"type": "text", "id": "Conv4Time", "fill": "$text-tertiary", "content": "15m", "fontFamily": "JetBrains Mono", "fontSize": 10}
                ]},
                {"type": "text", "id": "Conv4Preview", "fill": "$text-secondary", "content": "\"Hi, I want to order...\"", "fontFamily": "JetBrains Mono", "fontSize": 11},
                {"type": "frame", "id": "Conv4Channel", "gap": 6, "alignItems": "center", "children": [
                  {"type": "text", "id": "Conv4Via", "fill": "$text-tertiary", "content": "via", "fontFamily": "JetBrains Mono", "fontSize": 10},
                  {"type": "text", "id": "Conv4Platform", "fill": "#25D366", "content": "WA", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"}
                ]}
              ]}
            ]}
          ]
        },
        {
          "type": "frame",
          "id": "ChatArea",
          "width": "fill_container",
          "height": "fill_container",
          "fill": "$bg-page",
          "layout": "vertical",
          "children": [
            {"type": "frame", "id": "ChatHeader", "width": "fill_container", "fill": "$bg-card", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [16, 24], "justifyContent": "space_between", "alignItems": "center", "children": [
              {"type": "frame", "id": "ChatHeaderLeft", "gap": 16, "alignItems": "center", "children": [
                {"type": "frame", "id": "CustomerAvatar", "width": 40, "height": 40, "fill": "$yellow-primary", "justifyContent": "center", "alignItems": "center", "children": [
                  {"type": "text", "id": "CustomerInitial", "fill": "$bg-card", "content": "NA", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "700"}
                ]},
                {"type": "frame", "id": "CustomerInfo", "layout": "vertical", "gap": 4, "children": [
                  {"type": "text", "id": "CustomerName", "fill": "$text-primary", "content": "Nguyễn Văn A", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "700"},
                  {"type": "frame", "id": "CustomerMeta", "gap": 12, "children": [
                    {"type": "frame", "id": "CustomerChannel", "gap": 4, "alignItems": "center", "children": [
                      {"type": "text", "id": "ChannelLabel", "fill": "$text-tertiary", "content": "via", "fontFamily": "JetBrains Mono", "fontSize": 11},
                      {"type": "text", "id": "ChannelValue", "fill": "#0068FF", "content": "ZALO", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "700"}
                    ]},
                    {"type": "frame", "id": "CustomerLocation", "gap": 4, "alignItems": "center", "children": [
                      {"type": "icon_font", "id": "LocationIcon", "width": 12, "height": 12, "iconFontName": "map-pin", "iconFontFamily": "lucide", "fill": "$text-tertiary"},
                      {"type": "text", "id": "LocationText", "fill": "$text-secondary", "content": "TP. Hồ Chí Minh", "fontFamily": "JetBrains Mono", "fontSize": 11}
                    ]}
                  ]}
                ]}
              ]},
              {"type": "frame", "id": "ChatHeaderActions", "gap": 12, "children": [
                {"type": "frame", "id": "ViewProfileBtn", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [8, 12], "gap": 6, "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "ProfileIcon", "width": 14, "height": 14, "iconFontName": "user", "iconFontFamily": "lucide", "fill": "$text-secondary"},
                  {"type": "text", "id": "ProfileText", "fill": "$text-secondary", "content": "PROFILE", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600"}
                ]},
                {"type": "frame", "id": "MoreBtn", "stroke": {"thickness": 1, "fill": "$border"}, "padding": 8, "justifyContent": "center", "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "MoreIcon", "width": 14, "height": 14, "iconFontName": "more-vertical", "iconFontFamily": "lucide", "fill": "$text-secondary"}
                ]}
              ]}
            ]},
            {"type": "frame", "id": "ChatMessages", "width": "fill_container", "height": "fill_container", "padding": 24, "layout": "vertical", "gap": 16, "children": [
              {"type": "frame", "id": "MsgCustomer1", "width": "fill_container", "children": [
                {"type": "frame", "id": "MsgBubble1", "fill": "$bg-card", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [12, 16], "layout": "vertical", "gap": 6, "children": [
                  {"type": "text", "id": "MsgText1", "fill": "$text-primary", "content": "Xin chào shop!", "fontFamily": "JetBrains Mono", "fontSize": 13},
                  {"type": "text", "id": "MsgTime1", "fill": "$text-tertiary", "content": "10:30 AM", "fontFamily": "JetBrains Mono", "fontSize": 10}
                ]}
              ]},
              {"type": "frame", "id": "MsgAgent1", "width": "fill_container", "justifyContent": "end", "children": [
                {"type": "frame", "id": "MsgBubbleAgent1", "fill": "$yellow-primary", "padding": [12, 16], "layout": "vertical", "gap": 6, "children": [
                  {"type": "text", "id": "MsgTextAgent1", "fill": "$bg-card", "content": "Dạ chào anh/chị! Em có thể giúp gì ạ?", "fontFamily": "JetBrains Mono", "fontSize": 13, "fontWeight": "500"},
                  {"type": "text", "id": "MsgTimeAgent1", "fill": "$bg-page", "content": "10:31 AM", "fontFamily": "JetBrains Mono", "fontSize": 10}
                ]}
              ]},
              {"type": "frame", "id": "MsgCustomer2", "width": "fill_container", "children": [
                {"type": "frame", "id": "MsgBubble2", "fill": "$bg-card", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [12, 16], "layout": "vertical", "gap": 6, "children": [
                  {"type": "text", "id": "MsgText2", "fill": "$text-primary", "content": "Tôi muốn hỏi về sản phẩm X có còn hàng không ạ?", "fontFamily": "JetBrains Mono", "fontSize": 13},
                  {"type": "text", "id": "MsgTime2", "fill": "$text-tertiary", "content": "10:32 AM", "fontFamily": "JetBrains Mono", "fontSize": 10}
                ]}
              ]},
              {"type": "frame", "id": "TypingIndicator", "gap": 8, "alignItems": "center", "children": [
                {"type": "frame", "id": "TypingDot1", "width": 6, "height": 6, "fill": "$text-tertiary"},
                {"type": "frame", "id": "TypingDot2", "width": 6, "height": 6, "fill": "$text-tertiary"},
                {"type": "frame", "id": "TypingDot3", "width": 6, "height": 6, "fill": "$text-tertiary"},
                {"type": "text", "id": "TypingText", "fill": "$text-tertiary", "content": "Customer is typing...", "fontFamily": "JetBrains Mono", "fontSize": 11}
              ]}
            ]},
            {"type": "frame", "id": "QuickReplies", "width": "fill_container", "fill": "$bg-card", "stroke": {"thickness": 1, "fill": "$border", "align": "inside"}, "padding": [12, 24], "gap": 8, "children": [
              {"type": "text", "id": "QuickLabel", "fill": "$text-tertiary", "content": "QUICK:", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"},
              {"type": "frame", "id": "Quick1", "fill": "$bg-page", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [6, 12], "children": [
                {"type": "text", "id": "Quick1Text", "fill": "$text-secondary", "content": "Xin chào!", "fontFamily": "JetBrains Mono", "fontSize": 11}
              ]},
              {"type": "frame", "id": "Quick2", "fill": "$bg-page", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [6, 12], "children": [
                {"type": "text", "id": "Quick2Text", "fill": "$text-secondary", "content": "Cảm ơn", "fontFamily": "JetBrains Mono", "fontSize": 11}
              ]},
              {"type": "frame", "id": "Quick3", "fill": "$bg-page", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [6, 12], "children": [
                {"type": "text", "id": "Quick3Text", "fill": "$text-secondary", "content": "Đang kiểm tra", "fontFamily": "JetBrains Mono", "fontSize": 11}
              ]},
              {"type": "frame", "id": "Quick4", "fill": "$bg-page", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [6, 12], "children": [
                {"type": "text", "id": "Quick4Text", "fill": "$text-secondary", "content": "Liên hệ CSKH", "fontFamily": "JetBrains Mono", "fontSize": 11}
              ]}
            ]},
            {"type": "frame", "id": "MessageInput", "width": "fill_container", "fill": "$bg-card", "padding": [16, 24], "gap": 12, "alignItems": "center", "children": [
              {"type": "frame", "id": "AttachBtn", "width": 40, "height": 40, "stroke": {"thickness": 1, "fill": "$border"}, "justifyContent": "center", "alignItems": "center", "children": [
                {"type": "icon_font", "id": "AttachIcon", "width": 18, "height": 18, "iconFontName": "paperclip", "iconFontFamily": "lucide", "fill": "$text-secondary"}
              ]},
              {"type": "frame", "id": "InputField", "width": "fill_container", "height": 40, "fill": "$bg-page", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [0, 16], "alignItems": "center", "children": [
                {"type": "text", "id": "InputPlaceholder", "fill": "$text-tertiary", "content": "Type your message...", "fontFamily": "JetBrains Mono", "fontSize": 13}
              ]},
              {"type": "frame", "id": "SendBtn", "width": 40, "height": 40, "fill": "$yellow-primary", "justifyContent": "center", "alignItems": "center", "children": [
                {"type": "icon_font", "id": "SendIcon", "width": 18, "height": 18, "iconFontName": "send", "iconFontFamily": "lucide", "fill": "$bg-card"}
              ]}
            ]}
          ]
        }
      ]
    }
  ],
  "variables": {
    "bg-page": {"type": "color", "value": "#18181B"},
    "bg-card": {"type": "color", "value": "#0F0F10"},
    "yellow-primary": {"type": "color", "value": "#FACC15"},
    "text-primary": {"type": "color", "value": "#FAFAFA"},
    "text-secondary": {"type": "color", "value": "#71717A"},
    "text-tertiary": {"type": "color", "value": "#52525B"},
    "border": {"type": "color", "value": "#27272A"},
    "success": {"type": "color", "value": "#22C55E"},
    "warning": {"type": "color", "value": "#FACC15"},
    "error": {"type": "color", "value": "#EF4444"},
    "info": {"type": "color", "value": "#3B82F6"}
  }
}
