.chat-container[data-v-5dd74682]{padding:0;height:calc(100vh - 100px)}.chat-container .chat-layout[data-v-5dd74682]{display:-ms-flexbox;display:flex;height:100%}.chat-container .chat-layout .session-list[data-v-5dd74682]{width:300px;border-right:1px solid #e8e8e8;overflow-y:auto;background:#fff}.chat-container .chat-layout .session-list .active[data-v-5dd74682]{background-color:#e6f7ff}.chat-container .chat-layout .session-list .ant-list-item[data-v-5dd74682]{padding:12px;cursor:pointer}.chat-container .chat-layout .session-list .ant-list-item[data-v-5dd74682]:hover{background-color:#f5f5f5}.chat-container .chat-layout .chat-area[data-v-5dd74682]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:#fff}.chat-container .chat-layout .chat-area .chat-header[data-v-5dd74682]{padding:16px;border-bottom:1px solid #e8e8e8;font-weight:700;background:#fff}.chat-container .chat-layout .chat-area .message-list[data-v-5dd74682]{-ms-flex:1;flex:1;padding:16px;overflow-y:auto;background:#f5f5f5}.chat-container .chat-layout .chat-area .message-list .message-item[data-v-5dd74682]{display:-ms-flexbox;display:flex;margin-bottom:16px;-ms-flex-align:start;align-items:flex-start}.chat-container .chat-layout .chat-area .message-list .message-item.customer[data-v-5dd74682]{-ms-flex-direction:row;flex-direction:row}.chat-container .chat-layout .chat-area .message-list .message-item.customer .message-bubble[data-v-5dd74682]{background-color:#fff}.chat-container .chat-layout .chat-area .message-list .message-item.support[data-v-5dd74682]{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chat-container .chat-layout .chat-area .message-list .message-item.support .message-content[data-v-5dd74682]{-ms-flex-align:end;align-items:flex-end;margin-right:12px;margin-left:0}.chat-container .chat-layout .chat-area .message-list .message-item.support .message-bubble[data-v-5dd74682]{background-color:#95ec69}.chat-container .chat-layout .chat-area .message-list .message-item .message-content[data-v-5dd74682]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:12px;max-width:70%}.chat-container .chat-layout .chat-area .message-list .message-item .message-content .sender-name[data-v-5dd74682]{font-size:12px;color:#999;margin-bottom:4px}.chat-container .chat-layout .chat-area .message-list .message-item .message-content .message-bubble[data-v-5dd74682]{padding:8px 12px;border-radius:4px;word-break:break-all}.chat-container .chat-layout .chat-area .message-input[data-v-5dd74682]{padding:16px;border-top:1px solid #e8e8e8;background:#fff}.chat-container .chat-layout .chat-area .message-input .ant-btn[data-v-5dd74682]{margin-top:8px;float:right}.chat-container .chat-placeholder[data-v-5dd74682]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#999;font-size:16px;background:#fff}