.live-support[data-v-41cd61b4]{background:#fff;border-radius:6px;min-height:calc(100vh - 210px)}.live-support-body[data-v-41cd61b4]{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 210px);min-height:600px;overflow:hidden;gap:16px}.conversation-panel[data-v-41cd61b4]{width:330px;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff}.filter-bar .date-range-picker[data-v-41cd61b4]{width:100%;margin-top:12px}.filter-bar .date-range-picker[data-v-41cd61b4] .date-range-icon{font-size:16px;color:#303548}.filter-bar .filter-actions[data-v-41cd61b4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;margin-top:12px}.filter-bar .filter-actions .search-btn[data-v-41cd61b4],.filter-bar .filter-actions .sort-toggle-btn[data-v-41cd61b4]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:40px}.filter-bar .filter-actions .sort-toggle-btn[data-v-41cd61b4]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px;color:#303548}.filter-bar .filter-actions .sort-toggle-btn .anticon[data-v-41cd61b4]{font-size:14px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.filter-bar .filter-actions .sort-toggle-btn .swap-left[data-v-41cd61b4]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.filter-bar .filter-actions .sort-toggle-btn .sort-icon-rotated[data-v-41cd61b4]{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.filter-bar[data-v-41cd61b4] .ant-input-affix-wrapper .ant-input-suffix{font-size:16px;color:#303548}.conversation-list[data-v-41cd61b4]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:8px 0}.conversation-item[data-v-41cd61b4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.conversation-item.active[data-v-41cd61b4],.conversation-item[data-v-41cd61b4]:hover{background:#f2f3f5}.conversation-item .avatar-wrap[data-v-41cd61b4]{-ms-flex-negative:0;flex-shrink:0}.conversation-item .avatar-wrap .avatar[data-v-41cd61b4]{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.conversation-item .conversation-info[data-v-41cd61b4]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;margin-left:12px}.conversation-item .conversation-info .conversation-top[data-v-41cd61b4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.conversation-item .conversation-info .conversation-top .name[data-v-41cd61b4]{font-size:14px;font-weight:600;color:#303548;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:8px}.conversation-item .conversation-info .conversation-top .time[data-v-41cd61b4]{font-size:12px;color:#86909c;-ms-flex-negative:0;flex-shrink:0}.conversation-item .conversation-info .last-message[data-v-41cd61b4]{margin-top:4px;font-size:13px;color:#86909c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel[data-v-41cd61b4]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #e3e3e3;border-radius:6px;min-width:0;overflow:hidden}.chat-header[data-v-41cd61b4]{height:50px;line-height:50px;padding:0 20px;font-size:18px;font-weight:600;color:#303548;background:#f8fafb;border-bottom:1px solid #e5e6eb}.message-list[data-v-41cd61b4]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:16px 20px;background:#fff}.message-time[data-v-41cd61b4]{text-align:center;font-size:12px;color:#86909c;margin:16px 0 12px}.message-row[data-v-41cd61b4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:16px}.message-row.incoming[data-v-41cd61b4]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.message-row.incoming .message-bubble[data-v-41cd61b4]{background:#f2f3f5;color:#303548;margin-left:8px}.message-row.outgoing[data-v-41cd61b4]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.message-row.outgoing .message-bubble[data-v-41cd61b4]{background:#0063f2;color:#fff;margin-right:8px}.message-row .msg-avatar[data-v-41cd61b4]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-ms-flex-negative:0;flex-shrink:0}.message-row .message-bubble[data-v-41cd61b4]{max-width:calc(100% - 120px);padding:10px 14px;border-radius:8px;font-size:14px;line-height:1.5;word-break:break-word}.message-row .message-image[data-v-41cd61b4]{max-width:200px;max-height:200px;border-radius:4px}.message-row .message-video[data-v-41cd61b4]{max-width:240px;max-height:180px;border-radius:4px;display:block}.message-row .message-video-wrap[data-v-41cd61b4]{position:relative;display:inline-block;cursor:pointer;line-height:0}.message-row .message-video-wrap .message-video[data-v-41cd61b4]{pointer-events:none}.message-row .message-video-play[data-v-41cd61b4]{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.25);border-radius:4px}.message-row .message-video-play .anticon[data-v-41cd61b4]{font-size:36px;color:#fff}.message-row .message-media[data-v-41cd61b4]{cursor:pointer}.preview-media[data-v-41cd61b4]{width:100%;max-height:70vh;-o-object-fit:contain;object-fit:contain;display:block}.chat-input-area[data-v-41cd61b4]{background:#f7f8fa;padding:12px 16px;border-top:1px solid #e5e6eb}.chat-input-area .input-row[data-v-41cd61b4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.chat-input-area .message-input[data-v-41cd61b4]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.chat-input-area .message-input[data-v-41cd61b4] .ant-input{height:40px;background:#fff;border-radius:6px;border-color:#e5e6eb;color:#303548;font-size:14px}.chat-input-area .message-input[data-v-41cd61b4] .ant-input::-webkit-input-placeholder{color:#c9cdd4}.chat-input-area .message-input[data-v-41cd61b4] .ant-input::-moz-placeholder{color:#c9cdd4}.chat-input-area .message-input[data-v-41cd61b4] .ant-input::-ms-input-placeholder{color:#c9cdd4}.chat-input-area .message-input[data-v-41cd61b4] .ant-input::placeholder{color:#c9cdd4}.chat-input-area .hidden-file-input[data-v-41cd61b4]{display:none}.chat-input-area .add-btn[data-v-41cd61b4]{width:40px;height:40px;padding:0;-ms-flex-negative:0;flex-shrink:0;border:1px solid #0063f2;border-radius:6px;background:#fff;color:#0063f2;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.chat-input-area .add-btn .anticon[data-v-41cd61b4]{font-size:16px}.chat-input-area .add-btn[data-v-41cd61b4]:focus,.chat-input-area .add-btn[data-v-41cd61b4]:hover{color:#0063f2;border-color:#0063f2;background:#f0f6ff}.chat-input-area .send-btn[data-v-41cd61b4]{gap:8px;height:40px;padding:0 20px;border-radius:6px;background:#0063f2;border-color:#0063f2}.chat-input-area .send-btn .send-icon[data-v-41cd61b4],.chat-input-area .send-btn[data-v-41cd61b4]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}.chat-empty[data-v-41cd61b4]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff}