*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}.conversations-layout{display:flex;height:100vh;height:100dvh;background:#f0f2f5}.conversations-layout.chat-only{background:#e5e7eb}.conversations-error{display:flex;align-items:center;justify-content:center;height:100vh;background:#f0f2f5}.conversations-error-box{text-align:center;padding:40px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.conversations-error-box h2{color:#ff4d4f;margin-bottom:8px}.conversations-error-box p{color:#666}.sidebar{width:320px;min-width:320px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.sidebar-title{font-size:18px;font-weight:600;color:#1a1a1a}.sidebar-count{font-size:13px;color:#8e9bab}.sidebar-search{padding:8px 12px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.sidebar-list{flex:1;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;border-bottom:1px solid #f8f8f8;transition:background .15s}.sidebar-item:hover{background:#fafafa}.sidebar-item.active{background:#e6f4ff;border-right:3px solid #1890ff}.sidebar-item.unread{background:#f0f7ff}.sidebar-item-icon{width:40px;height:40px;border-radius:50%;background:#1890ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-item.unread .sidebar-item-icon,.sidebar-item.active .sidebar-item-icon{background:#1890ff}.sidebar-item-icon .ant-avatar{border:1px solid #e0e0e0}.sidebar-item-icon:has(.ant-avatar){background:transparent}.sidebar-item-content{flex:1;min-width:0}.sidebar-item-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.sidebar-item-title{font-size:14px;font-weight:500;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item.unread .sidebar-item-title{font-weight:600;color:#000}.sidebar-item-time{font-size:11px;color:#8e9bab;white-space:nowrap;flex-shrink:0}.sidebar-item-preview{font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.sidebar-item.unread .sidebar-item-preview{color:#333}.sidebar-item-sender{font-weight:500}.chat-panel{flex:1;display:flex;flex-direction:row;min-width:0;height:100%;background:#e5e7eb}.chat-panel-main{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.chat-panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#4a7bf7;color:#fff;flex-shrink:0}.chat-panel-header-title{font-size:16px;font-weight:600;display:flex;align-items:center;min-width:0;flex:1}.chat-panel-header-title>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel-header .ant-btn{color:#fff!important}.chat-panel-header .ant-btn:hover{background:#ffffff26!important}.chat-filter-bar{display:flex;gap:6px;padding:8px 12px;background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;flex-wrap:wrap;align-items:center}.chat-filter-bar .ant-select{flex:1;min-width:100px;max-width:200px}.chat-filter-bar .ant-picker{flex:1;min-width:0;max-width:220px}@media(max-width:768px){.chat-date-popup{left:0!important;right:0!important}.chat-date-popup .ant-picker-panels{flex-direction:column!important}.chat-date-popup .ant-picker-panel-container{max-width:100vw;overflow-x:auto}}.chat-back-btn{display:none;margin-right:4px}.chat-embed-close-btn{margin-left:2px}.chat-panel-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bbb;gap:12px}.chat-panel-empty p{font-size:15px}.chat-bubble-wrapper{display:flex;padding:1px 16px;align-items:flex-end}.chat-bubble-wrapper.first-in-group{margin-top:12px}.chat-bubble-wrapper.own{justify-content:flex-end}.bubble-avatar-col{width:36px;min-width:36px;margin-right:8px;display:flex;align-items:flex-end;flex-shrink:0}.bubble-message-col{max-width:65%;display:flex;flex-direction:column}.own .bubble-message-col{align-items:flex-end}.other .bubble-message-col{align-items:flex-start}.bubble-sender-name{font-size:12px;color:#7589a3;font-weight:500;margin-bottom:2px;padding-left:4px}.bubble-content-row{display:flex;align-items:center;gap:4px}.bubble-actions-side{display:flex;gap:0;opacity:0;transition:opacity .15s ease;flex-shrink:0}.chat-bubble-wrapper:hover .bubble-actions-side{opacity:1}.bubble-actions-side .ant-btn{color:#8e9bab;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center}.bubble-actions-side .ant-btn:hover{color:#1890ff;background:#0000000a;border-radius:50%}.bubble-content-wrapper{position:relative;display:flex;flex-direction:column;gap:4px}.bubble-body-file{padding:4px}.bubble-body{padding:8px 12px;word-break:break-word;font-size:14px;line-height:1.5;box-shadow:0 1px 2px #0000000f;-webkit-user-select:text;user-select:text}.bubble-body.other-bubble{background:#fff;color:#1a1a1a;border-radius:16px 16px 16px 4px}.bubble-body.own-bubble{background:#dbebff;color:#1a1a1a;border-radius:16px 16px 4px}.bubble-reply-quote{padding:6px 10px;margin-bottom:4px;border-left:3px solid #1890ff;border-radius:4px;font-size:12px;cursor:pointer;transition:background .15s}.other-bubble .bubble-reply-quote{background:#0000000a}.own-bubble .bubble-reply-quote{background:#0000000d}.bubble-reply-quote:hover{filter:brightness(.97)}.bubble-reply-quote-name{font-weight:600;color:#5a6573;margin-bottom:1px}.bubble-reply-quote-text{opacity:.75;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;color:#666}.bubble-file-card{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0000000a;border-radius:8px;text-decoration:none;color:inherit;transition:background .15s;overflow:hidden}.bubble-file-card:hover{background:#00000014}.bubble-file-name{display:flex;font-weight:500}.bubble-file-name-base{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble-file-name-ext{flex-shrink:0}.bubble-file-meta{font-size:12px;color:#8e9bab}.bubble-timestamp{font-size:11px;color:#8e9bab;margin-top:3px;padding:0 4px}.bubble-deleted{padding:8px 12px;border-radius:12px;background:#fafafa;color:#999;font-style:italic;font-size:13px}.chat-message-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:8px 0;background:#e5e7eb;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.chat-message-list *{-webkit-touch-callout:none}.bubble-body .ant-image{display:block}.bubble-body .ant-image img{border-radius:8px;cursor:pointer}.new-message-toast{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:6px;padding:6px 16px;background:#1890ff;color:#fff;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #1890ff59;white-space:nowrap;animation:toastSlideUp .25s ease}.new-message-toast:hover{background:#40a9ff}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.chat-reply-preview{display:flex;align-items:center;gap:0;padding:8px 8px 8px 12px;background:#f7f8fa}.chat-reply-preview-border{width:3px;min-height:32px;align-self:stretch;background:#1890ff;border-radius:2px;flex-shrink:0}.chat-reply-preview-content{flex:1;min-width:0;padding:0 10px;font-size:13px;line-height:1.4}.chat-reply-preview-name{font-weight:600;color:#1890ff;margin-bottom:1px}.chat-reply-preview-text{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-reply-preview-close{color:#8e9bab!important;flex-shrink:0}.chat-reply-preview-close:hover{color:#555!important}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;background:#00000073;display:flex;align-items:center;justify-content:center;animation:mobileMenuFadeIn .15s ease}@keyframes mobileMenuFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mobileMenuPopIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mobile-menu-sheet{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;gap:6px;animation:mobileMenuPopIn .15s ease}.mobile-menu-actions{display:flex;gap:0;padding:6px 4px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026}.mobile-menu-action{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:10px;cursor:pointer;transition:background .15s}.mobile-menu-action:active{background:#f5f5f5}.mobile-menu-action-icon{width:36px;height:36px;border-radius:10px;background:#f0f2f5;display:flex;align-items:center;justify-content:center;font-size:16px;color:#333}.mobile-menu-action-label{font-size:11px;color:#333;text-align:center}.mobile-menu-detail{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:10px 14px;display:flex;flex-direction:column;gap:8px;overflow:hidden;min-width:0}.mobile-menu-detail-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.mobile-menu-detail-label{font-size:13px;color:#8e9bab;flex-shrink:0}.mobile-menu-detail-value{font-size:13px;color:#1a1a1a;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-detail-row-block{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;width:100%}.mobile-menu-detail-text{text-align:left;white-space:pre-wrap;word-break:break-word;overflow-x:hidden;overflow-y:auto;max-height:120px;width:100%;background:#f5f7fa;padding:6px 10px;border-radius:8px;border-left:3px solid #1890ff;line-height:1.5}.chat-camera-btn{display:none!important}@media(max-width:768px){.conversations-layout{flex-direction:column}.conversations-layout:not(.chat-only) .sidebar{width:100%;min-width:100%;height:100%}.conversations-layout:not(.chat-only) .chat-panel{display:none}.conversations-layout:not(.chat-only).has-selected .sidebar{display:none}.conversations-layout:not(.chat-only).has-selected .chat-panel{display:flex}.chat-back-btn{display:inline-flex!important}.chat-embed-close-btn{display:none!important}.bubble-message-col{max-width:80%}.bubble-avatar-col{width:28px;min-width:28px;margin-right:6px}.bubble-avatar-col .ant-avatar{width:28px!important;height:28px!important;line-height:28px!important;font-size:12px!important}.bubble-content-row{position:relative}.bubble-actions-side{display:none}.bubble-actions-side.active{display:flex;opacity:1;pointer-events:auto;position:absolute;top:103%;z-index:10;background:#fff;border-radius:20px;box-shadow:0 2px 10px #00000026;padding:2px 4px}.chat-bubble-wrapper.own .bubble-actions-side.active{right:0}.chat-bubble-wrapper.other .bubble-actions-side.active{left:0}.bubble-body{-webkit-user-select:none;user-select:none;padding:7px 10px}.bubble-sender-name{font-size:11px}.bubble-timestamp{font-size:10px}.chat-bubble-wrapper{padding:1px 10px}.chat-bubble-wrapper.first-in-group{margin-top:8px}.chat-camera-btn{display:inline-flex!important}.chat-input-row{padding:6px 8px 6px 2px!important;gap:2px!important}.chat-attach-thumb{width:64px!important;height:48px!important}.recipient-popover-mobile{left:50%!important;transform:translate(-50%)!important}.search-panel{position:absolute;top:0;left:0;width:100%!important;height:100%;z-index:10;border-left:none}}.chat-search-header-mobile{display:flex;align-items:center;padding:8px 4px;background:#fff;border-bottom:1px solid #e5e7eb;gap:4px;flex-shrink:0}.chat-search-header-mobile .ant-input-affix-wrapper{border-radius:20px;background:#f5f5f5;border:none}.chat-search-header-mobile .ant-btn{color:#333}.chat-search-nav-mobile{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;min-height:44px}.chat-search-nav-count{font-size:13px;color:#666;flex:1;text-align:center}.chat-search-nav-arrows{display:flex;gap:2px}.chat-search-nav-arrows .ant-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px}.chat-search-highlight{background:#ffd54f;border-radius:2px;padding:0 1px;color:inherit}.search-panel{width:340px;flex-shrink:0;height:100%;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column}.search-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.search-panel-title{font-weight:600;font-size:14px;color:#1a1a1a}.search-panel-input{padding:10px 12px 6px;flex-shrink:0}.search-panel-filters{padding:4px 12px 10px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.search-panel-filters-label{font-size:12px;color:#8e9bab;margin-bottom:6px}.search-panel-filters-row{display:flex;gap:6px}.search-panel-results-header{padding:8px 12px;font-size:13px;font-weight:600;color:#1a1a1a;border-bottom:1px solid #f0f0f0;flex-shrink:0}.search-panel-results{flex:1;overflow-y:auto}.search-result-item{display:flex;gap:10px;padding:10px 12px;cursor:pointer;border-bottom:1px solid #f8f8f8;transition:background .15s}.search-result-item:hover{background:#f5f7fa}.search-result-content{flex:1;min-width:0}.search-result-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:2px}.search-result-sender{font-size:13px;font-weight:600;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-date{font-size:11px;color:#8e9bab;white-space:nowrap;flex-shrink:0}.search-result-preview{font-size:13px;color:#555;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;line-height:1.4}.search-highlight{background:none;color:#1890ff;font-weight:600}.search-panel-empty{padding:40px 20px;text-align:center;color:#8e9bab;font-size:14px}.search-panel-load-more{padding:8px 12px;text-align:center;flex-shrink:0}.bubble-upload-bar{height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden;margin:6px 0 4px}.bubble-upload-bar-fill{height:100%;background:#1890ff;border-radius:2px;transition:width .2s ease}.bubble-upload-info{font-size:11px;color:#8e9bab}.bubble-file-uploading{cursor:default;text-decoration:none;color:inherit}.bubble-upload-overlay{position:absolute;bottom:0;left:0;right:0;background:#00000080;padding:8px 12px;border-radius:0 0 6px 6px;display:flex;flex-direction:column;align-items:center;gap:2px}.bubble-upload-overlay .bubble-upload-bar{width:80%;margin:0}.bubble-upload-overlay .bubble-upload-info{color:#ffffffd9;font-size:11px}.bubble-uploading-status{color:#1890ff;font-style:italic}.bubble-upload-cancel{font-size:18px;color:#999;cursor:pointer;flex-shrink:0;transition:color .15s}.bubble-upload-cancel:hover{color:#ff4d4f}.bubble-upload-cancel-img{position:absolute;top:6px;right:6px;font-size:20px;color:#ffffffd9;cursor:pointer;transition:color .15s;z-index:1}.bubble-upload-cancel-img:hover{color:#ff4d4f}.rich-text-editor-wrapper{flex:1;min-height:0;display:flex;flex-direction:column}.rich-text-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}.rich-text-editor-content{outline:none;min-height:80px;max-height:280px;overflow-y:auto;padding:6px 11px;font-size:14px;line-height:1.5}.rte-expanded .rich-text-editor-content{min-height:calc(50vh - 80px);max-height:calc(50vh - 80px)}@media(max-width:768px){.rte-expanded .rich-text-editor-content{min-height:calc(75dvh - 120px);max-height:calc(75dvh - 120px)}}.rich-text-editor-content p{margin:0}.rich-text-editor-content p+p{margin-top:4px}.rich-text-editor-content ol,.rich-text-editor-content ul{padding-left:24px}.rich-text-editor-content blockquote{border-left:3px solid #d9d9d9;padding-left:12px;margin:8px 0;color:#666}.rich-text-editor-content code{background:#f5f5f5;padding:2px 4px;border-radius:4px;font-size:.9em}.rich-text-editor-content pre{background:#f5f5f5;padding:12px;border-radius:6px;overflow-x:auto;margin:8px 0}.rich-text-editor-content pre code{background:none;padding:0}.rich-text-editor-content img{max-width:100%;height:auto;border-radius:4px;margin:4px 0}.rich-text-editor-content table{border-collapse:collapse;width:100%;margin:4px 0}.rich-text-editor-content table td,.rich-text-editor-content table th{border:1px solid #d9d9d9;padding:4px 8px;font-size:13px}.rte-toolbar{display:flex;align-items:center;gap:2px;padding:6px 8px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap}.bubble-rich-content{word-break:break-word;line-height:1.5}.bubble-rich-content p{margin:0}.bubble-rich-content p+p{margin-top:6px}.bubble-rich-content h1,.bubble-rich-content h2,.bubble-rich-content h3{margin:8px 0 4px;line-height:1.3}.bubble-rich-content h1{font-size:1.4em}.bubble-rich-content h2{font-size:1.2em}.bubble-rich-content h3{font-size:1.1em}.bubble-rich-content ul,.bubble-rich-content ol{margin:4px 0;padding-left:20px}.bubble-rich-content li{margin:2px 0}.bubble-rich-content table{border-collapse:collapse;width:100%;margin:6px 0;font-size:13px}.bubble-rich-content table td,.bubble-rich-content table th{border:1px solid #d9d9d9;padding:4px 8px}.bubble-rich-content table th{background:#fafafa;font-weight:600}.own-bubble .bubble-rich-content table th{background:#0000000a}.bubble-rich-content img{max-width:100%;height:auto;border-radius:4px;margin:4px 0;cursor:pointer}.bubble-rich-content blockquote{border-left:3px solid #d9d9d9;padding-left:10px;margin:6px 0;color:#595959}.bubble-rich-content pre{background:#f5f5f5;padding:8px;border-radius:4px;overflow-x:auto;font-size:13px}.bubble-rich-content code{background:#f5f5f5;padding:1px 4px;border-radius:3px;font-size:13px}.bubble-rich-content a{color:#1890ff;text-decoration:underline}@media(max-width:768px){.bubble-rich-content h1{font-size:1.2em}.bubble-rich-content h2{font-size:1.1em}.bubble-rich-content h3{font-size:1em}.bubble-rich-content table{font-size:12px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.bubble-rich-content img{max-width:220px}}