.team-chat-container{background:#f8fafc;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}@media (max-width:768px){.team-chat-container{flex-direction:column;height:100vh;overflow-x:hidden}}.loading-messages-section{background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.loading-messages-section .loader{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.loading-messages-section .loader .loader-icon{width:40px;height:40px;animation:1s linear infinite spin}.chat-list-panel{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:350px;height:100%;max-height:100vh;display:flex}@media only screen and (max-width:768px){.chat-list-panel{width:100%!important}}.chat-list-panel .chat-list-header{background:#212529;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;height:70px;padding:1rem;display:flex}.chat-list-panel .chat-list-header .header-content{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.chat-list-panel .chat-list-header .header-content .header-title{flex:1;align-items:center;min-width:0;transition:all .3s;display:flex}.chat-list-panel .chat-list-header .header-content .header-title h2{color:#fff;margin:0;font-size:1.25rem;font-weight:600;line-height:1.2}.chat-list-panel .chat-list-header .header-content .search-section{align-items:center;transition:all .3s;display:flex}.chat-list-panel .chat-list-header .header-content .search-section.expanded{flex:1}.chat-list-panel .chat-list-header .header-content .search-section .search-btn{color:#dedede;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.chat-list-panel .chat-list-header .header-content .search-section .search-btn:hover{color:#fff;background:#ffffff1a}.chat-list-panel .chat-list-header .header-content .search-section .search-input-wrapper{opacity:0;align-items:center;width:0;transition:all .3s;display:flex;position:relative;overflow:hidden}.chat-list-panel .chat-list-header .header-content .search-section .search-input-wrapper.expanded{opacity:1;width:100%}.chat-list-panel .chat-list-header .header-content .search-section .search-input-wrapper .search-icon{color:#94a3b8;z-index:1;position:absolute;left:.75rem}.chat-list-panel .chat-list-header .header-content .search-section .search-input-wrapper .search-input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:16px;outline:none;width:100%;padding:.6rem 2.5rem;font-size:16px;transition:all .2s}.chat-list-panel .chat-list-header .header-content .search-section .search-input-wrapper .search-input:focus{background:#ffffff26;border-color:#fff6}.chat-list-panel .chat-list-header .header-content .search-section .search-input-wrapper .search-input::placeholder{color:#dedede}.chat-list-panel .chat-list-header .header-content .search-section .search-input-wrapper .close-search-btn{color:#dedede;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex;position:absolute;right:.5rem}.chat-list-panel .chat-list-header .header-content .search-section .search-input-wrapper .close-search-btn:hover{color:#fff;background:#ffffff1a}.chat-list-panel .chat-list-header .header-content .filter-btn{color:#dedede;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.chat-list-panel .chat-list-header .header-content .filter-btn:hover{color:#fff;background:#ffffff1a}.chat-list-panel .chat-list-header .header-content .filter-btn.active{color:#fff;background:#ffffff26}.chat-list-panel .chat-list-header .header-content .filter-wrapper{flex-shrink:0;align-items:center;display:flex;position:relative}.chat-list-panel .chat-list-header .header-content .filter-wrapper .filter-menu{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:160px;animation:.15s ease-out fadeInScale;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.chat-list-panel .chat-list-header .header-content .filter-wrapper .filter-menu:before{content:"";background:0 0;height:4px;position:absolute;top:-4px;left:0;right:0}.chat-list-panel .chat-list-header .header-content .filter-wrapper .filter-menu.mobile{border-radius:12px;min-width:auto;max-width:none;position:fixed;inset:auto 20px 20px;box-shadow:0 8px 32px #0003}.chat-list-panel .chat-list-header .header-content .filter-wrapper .filter-menu.mobile:before{display:none}.chat-list-panel .chat-list-header .header-content .filter-wrapper .filter-menu.mobile .filter-menu-content{padding:1rem 0}.chat-list-panel .chat-list-header .header-content .filter-wrapper .filter-menu.mobile .filter-menu-content .filter-option{padding:1rem 1.5rem;font-size:1rem}.chat-list-panel .chat-list-header .header-content .filter-wrapper .filter-menu.mobile .filter-menu-content .filter-option:first-child{border-radius:12px 12px 0 0}.chat-list-panel .chat-list-header .header-content .filter-wrapper .filter-menu.mobile .filter-menu-content .filter-option:last-child{border-radius:0 0 12px 12px}.chat-list-panel .chat-list-header .header-content .filter-wrapper .filter-menu .filter-menu-content{padding:.5rem 0}.chat-list-panel .chat-list-header .header-content .filter-wrapper .filter-menu .filter-menu-content .filter-option{text-align:left;cursor:pointer;color:#1e293b;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s;display:flex;position:relative}.chat-list-panel .chat-list-header .header-content .filter-wrapper .filter-menu .filter-menu-content .filter-option:hover{background:#f1f5f9}.chat-list-panel .chat-list-header .header-content .filter-wrapper .filter-menu .filter-menu-content .filter-option.active{color:#4f46e5;background:#e0e7ff;font-weight:500}.chat-list-panel .chat-list-header .header-content .filter-wrapper .filter-menu .filter-menu-content .filter-option.active .active-indicator{background:#4f46e5;border-radius:50%;width:6px;height:6px;position:absolute;right:1rem}.chat-list-panel .chat-list-header .header-content .filter-wrapper .filter-menu .filter-menu-content .filter-option span{flex:1}.chat-list-panel .chat-list{background:#fff;flex:1;height:calc(100% - 70px);padding:0;overflow-y:auto}.chat-list-panel .chat-list .chat-item{cursor:pointer;border-bottom:1px solid #e2e8f080;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex;position:relative}.chat-list-panel .chat-list .chat-item:hover{background:#f1f5f9}.chat-list-panel .chat-list .chat-item.active{background:#e0e7ff;border-right:3px solid #4f46e5}.chat-list-panel .chat-list .chat-item .chat-avatar{margin-right:.75rem;position:relative}.chat-list-panel .chat-list .chat-item .chat-avatar .avatar-image{object-fit:cover;border-radius:50%}.chat-list-panel .chat-list .chat-item .chat-avatar .online-indicator{background:#10b981;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.chat-list-panel .chat-list .chat-item .chat-content{flex:1;min-width:0}.chat-list-panel .chat-list .chat-item .chat-content .chat-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.chat-list-panel .chat-list .chat-item .chat-content .chat-header .chat-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.9rem;font-weight:500;overflow:hidden}.chat-list-panel .chat-list .chat-item .chat-content .chat-header .chat-time{color:#94a3b8;white-space:nowrap;font-size:.75rem}.chat-list-panel .chat-list .chat-item .chat-content .chat-preview{justify-content:space-between;align-items:center;display:flex}.chat-list-panel .chat-list .chat-item .chat-content .chat-preview .last-message-wrapper{flex:1;align-items:center;gap:.25rem;min-width:0;display:flex}.chat-list-panel .chat-list .chat-item .chat-content .chat-preview .last-message-wrapper .last-message{color:#64748b;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:.825rem;overflow:hidden}.chat-list-panel .chat-list .chat-item .chat-content .chat-preview .last-message-wrapper .last-message-status{opacity:.7;flex-shrink:0}.chat-list-panel .chat-list .chat-item .chat-content .chat-preview .last-message-wrapper .last-message-status.sending{color:#94a3b8;animation:1.5s infinite pulse}.chat-list-panel .chat-list .chat-item .chat-content .chat-preview .last-message-wrapper .last-message-status.sent,.chat-list-panel .chat-list .chat-item .chat-content .chat-preview .last-message-wrapper .last-message-status.delivered{color:#94a3b8}.chat-list-panel .chat-list .chat-item .chat-content .chat-preview .last-message-wrapper .last-message-status.seen{color:#4f46e5}.chat-list-panel .chat-list .chat-item .chat-content .chat-preview .unread-badge{color:#fff;text-align:center;background:#ef4444;border-radius:10px;flex-shrink:0;min-width:18px;margin-left:.5rem;padding:.15rem .4rem;font-size:.7rem;font-weight:600}.chat-list-panel .chat-list .no-results{text-align:center;padding:2rem 1rem}.chat-list-panel .chat-list .no-results p{color:#64748b;margin:0;font-size:.9rem}.chat-messages-panel{background:#fff;flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow:hidden}@media only screen and (max-width:768px){.chat-messages-panel{overflow-x:hidden;z-index:1005!important;width:100%!important;height:100%!important;position:fixed!important;top:0!important;right:-100%!important}.chat-messages-panel.mounted{transition:all .5s!important}.chat-messages-panel.mounted.hidden{right:-100%!important}.chat-messages-panel.mounted:not(.hidden){right:0!important}}.chat-messages-panel .chat-header{background:#212529;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;height:70px;padding:1rem 1.5rem;display:flex}@media (max-width:768px){.chat-messages-panel .chat-header{padding:1rem}}.chat-messages-panel .chat-header .back-btn{color:#dedede;cursor:pointer;background:0 0;border:none;border-radius:50%;margin-right:.5rem;padding:.5rem;transition:all .2s}.chat-messages-panel .chat-header .back-btn:hover{color:#fff;background:#ffffff1a}.chat-messages-panel .chat-header .chat-user-info{flex:1;align-items:center;transition:all .3s;display:flex}.chat-messages-panel .chat-header .chat-user-info .chat-user-avatar{object-fit:cover;border-radius:50%;margin-right:.75rem}.chat-messages-panel .chat-header .chat-user-info .chat-user-details .chat-user-name{color:#fff;white-space:nowrap;margin:0;font-size:1rem;font-weight:500}@media (max-width:768px){.chat-messages-panel .chat-header .chat-user-info .chat-user-details .chat-user-name{font-size:.875rem}}.chat-messages-panel .chat-header .chat-user-info .chat-user-details .chat-user-status{color:#dedede;white-space:nowrap;margin-top:.1rem;font-size:.8rem}@media (max-width:768px){.chat-messages-panel .chat-header .chat-user-info .chat-user-details .chat-user-status{font-size:.6875rem}}.chat-messages-panel .chat-header .search-section{align-items:center;transition:all .3s;display:flex}.chat-messages-panel .chat-header .search-section.expanded{flex:1;margin-right:.75rem}.chat-messages-panel .chat-header .search-section .search-btn{color:#dedede;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-right:.5rem;padding:.5rem;transition:all .2s;display:flex}.chat-messages-panel .chat-header .search-section .search-btn:hover{color:#fff;background:#ffffff1a}.chat-messages-panel .chat-header .search-section .search-input-wrapper{opacity:0;align-items:center;width:0;transition:all .3s;display:flex;position:relative;overflow:hidden}.chat-messages-panel .chat-header .search-section .search-input-wrapper.expanded{opacity:1;width:100%}.chat-messages-panel .chat-header .search-section .search-input-wrapper .search-icon{color:#94a3b8;z-index:1;position:absolute;left:.75rem}.chat-messages-panel .chat-header .search-section .search-input-wrapper .search-input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:16px;outline:none;width:100%;padding:.6rem 2.5rem;font-size:16px;transition:all .2s}.chat-messages-panel .chat-header .search-section .search-input-wrapper .search-input:focus{background:#ffffff26;border-color:#fff6}.chat-messages-panel .chat-header .search-section .search-input-wrapper .search-input::placeholder{color:#dedede}.chat-messages-panel .chat-header .search-section .search-input-wrapper .close-search-btn{color:#dedede;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex;position:absolute;right:.5rem}.chat-messages-panel .chat-header .search-section .search-input-wrapper .close-search-btn:hover{color:#fff;background:#ffffff1a}.chat-messages-panel .chat-header .chat-actions{gap:.5rem;display:flex}.chat-messages-panel .chat-header .chat-actions .action-btn{color:#dedede;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;transition:all .2s}.chat-messages-panel .chat-header .chat-actions .action-btn:hover{color:#fff;background:#ffffff1a}.chat-messages-panel .messages-area{box-sizing:border-box;scroll-behavior:smooth;background:#fff;flex:1;height:calc(100% - 70px);padding-bottom:80px;position:relative;overflow-y:auto}.chat-messages-panel .messages-area .messages-container{flex-direction:column;justify-content:flex-end;min-height:100%;padding:1rem 1rem 2rem;display:flex}.chat-messages-panel .messages-area .messages-container .message{cursor:pointer;align-items:flex-end;margin-bottom:.1rem;transition:all .3s;display:flex;position:relative}.chat-messages-panel .messages-area .messages-container .message:last-child{margin-bottom:20px}.chat-messages-panel .messages-area .messages-container .message.message-animating{transform-origin:100%;animation:.5s ease-out slideInFromRight}.chat-messages-panel .messages-area .messages-container .message .reply-indicator{color:#64748b;background:#94a3b81a;border-left:3px solid #4f46e5;border-radius:8px;align-items:center;gap:.25rem;margin-bottom:.25rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.chat-messages-panel .messages-area .messages-container .message .reply-indicator .reply-to-name{color:#4f46e5;font-weight:500}.chat-messages-panel .messages-area .messages-container .message .reply-indicator .reply-to-text{opacity:.8;white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.chat-messages-panel .messages-area .messages-container .message .message-actions{z-index:10;background:#fff;border-radius:20px;gap:.25rem;padding:.25rem;animation:.2s ease-out fadeInScale;display:flex;position:absolute;bottom:-10px;right:0;box-shadow:0 2px 8px #00000026}.chat-messages-panel .messages-area .messages-container .message .message-actions .action-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex;position:relative}.chat-messages-panel .messages-area .messages-container .message .message-actions .action-btn:hover{color:#4f46e5;background:#4f46e51a}.chat-messages-panel .messages-area .messages-container .message .message-actions .action-btn.reply-btn{border-radius:16px;gap:.25rem;padding:.375rem .5rem}.chat-messages-panel .messages-area .messages-container .message .message-actions .action-btn.reply-btn .action-label{white-space:nowrap;font-size:.75rem;font-weight:500}.chat-messages-panel .messages-area .messages-container .message .message-actions .action-btn.reply-btn:hover{color:#4f46e5;background:#4f46e51a;transform:scale(1.05)}.chat-messages-panel .messages-area .messages-container .message .message-actions .action-btn.star-btn.starred,.chat-messages-panel .messages-area .messages-container .message .message-actions .action-btn.star-btn:hover{color:#fbbf24;background:#fbbf241a}@media (max-width:768px){.chat-messages-panel .messages-area .messages-container .message .message-actions{display:none}.chat-messages-panel .messages-area .messages-container .message.show-actions .message-actions{display:flex}}.chat-messages-panel .messages-area .messages-container .message.own-message{justify-content:flex-end}.chat-messages-panel .messages-area .messages-container .message.own-message .message-content{align-items:flex-end}.chat-messages-panel .messages-area .messages-container .message.own-message .message-content .message-bubble{color:#fff;background:#4f46e5;border-radius:18px 18px 6px}.chat-messages-panel .messages-area .messages-container .message.own-message .message-content .message-actions{left:auto;right:0}.chat-messages-panel .messages-area .messages-container .message.other-message{justify-content:flex-start}.chat-messages-panel .messages-area .messages-container .message.other-message .message-avatar{margin-bottom:.25rem;margin-right:.5rem}.chat-messages-panel .messages-area .messages-container .message.other-message .message-avatar .sender-avatar{object-fit:cover;border-radius:50%}.chat-messages-panel .messages-area .messages-container .message.other-message:not(.has-avatar){margin-left:0}.chat-messages-panel .messages-area .messages-container .message.other-message .message-content{align-items:flex-start}.chat-messages-panel .messages-area .messages-container .message.other-message .message-content .sender-name{color:#64748b;margin-bottom:.25rem;font-size:.75rem;font-weight:500}.chat-messages-panel .messages-area .messages-container .message.other-message .message-content .sender-name.dm-hidden{display:none}.chat-messages-panel .messages-area .messages-container .message.other-message .message-content .message-bubble{color:#1e293b;background:#f1f5f9;border-radius:18px 18px 18px 6px}.chat-messages-panel .messages-area .messages-container .message.other-message .message-content .message-bubble .message-footer{justify-content:flex-start}.chat-messages-panel .messages-area .messages-container .message.other-message .message-content .message-bubble .message-footer .message-time{color:#64748b}.chat-messages-panel .messages-area .messages-container .message.other-message .message-content .message-actions{left:auto;right:0}.chat-messages-panel .messages-area .messages-container .message .message-content{flex-direction:column;max-width:70%;display:flex;position:relative}@media (max-width:768px){.chat-messages-panel .messages-area .messages-container .message .message-content{max-width:85%}}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble{word-wrap:break-word;border-radius:18px;padding:.75rem 1rem;position:relative;box-shadow:0 1px 2px #0000001a}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-content-wrapper{flex-wrap:nowrap;align-items:flex-end;gap:.5rem;display:flex}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-text{white-space:pre-wrap;flex:1;min-width:0;margin:0;font-size:.9rem;line-height:1.4}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment{border-radius:8px;max-width:300px;overflow:hidden}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment .attachment-loading{background:#ffffff1a;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;display:flex;position:relative}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment .attachment-loading .loading-spinner{color:#4f46e5;flex-shrink:0;animation:1s linear infinite spin}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment .attachment-loading .loading-placeholder{color:#fff;z-index:1;background:#000000b3;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment .attachment-loading .loading-placeholder .loading-spinner{color:#fff}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment .attachment-loading .attachment-preview{opacity:.6;border-radius:8px}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment .attachment-loading .upload-status{opacity:.8;color:inherit;font-size:.75rem}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment .attachment-error{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment .attachment-error .error-text{opacity:.8;font-size:.75rem}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-image .attachment-image .message-image,.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-image .attachment-image .attachment-preview{cursor:pointer;border-radius:8px;transition:transform .2s}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-image .attachment-image .message-image:hover,.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-image .attachment-image .attachment-preview:hover{transform:scale(1.02)}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-audio .attachment-audio .audio-container{background:#ffffff1a;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-audio .attachment-audio .audio-container .audio-icon{color:#4f46e5;flex-shrink:0}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-audio .attachment-audio .audio-container .audio-info{flex-direction:column;flex:1;gap:.5rem;display:flex}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-audio .attachment-audio .audio-container .audio-info .audio-name{color:inherit;font-size:.875rem;font-weight:500}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-audio .attachment-audio .audio-container .audio-info .audio-player{width:100%;height:32px}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-file .attachment-document .document-container,.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-document .attachment-document .document-container{background:#ffffff1a;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-file .attachment-document .document-container .document-icon,.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-document .attachment-document .document-container .document-icon{color:#4f46e5;flex-shrink:0}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-file .attachment-document .document-container .document-info,.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-document .attachment-document .document-container .document-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-file .attachment-document .document-container .document-info .document-name,.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-document .attachment-document .document-container .document-info .document-name{color:inherit;word-break:break-word;font-size:.875rem;font-weight:500}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-file .attachment-document .document-container .document-info .document-size,.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-document .attachment-document .document-container .document-info .document-size{opacity:.7;color:inherit;font-size:.75rem}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-file .attachment-document .document-container .download-btn,.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-document .attachment-document .document-container .download-btn{color:#4f46e5;border-radius:50%;flex-shrink:0;padding:.5rem;text-decoration:none;transition:background .2s}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-file .attachment-document .document-container .download-btn:hover,.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-attachments .attachment.attachment-document .attachment-document .document-container .download-btn:hover{background:#ffffff1a}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-footer{flex-shrink:0;align-items:center;gap:.25rem;margin-top:auto;display:flex}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-footer .message-time{opacity:.7;font-size:.7rem}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-footer .message-starred{color:#fbbf24;margin-left:.25rem}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-footer .message-status{opacity:.8;transition:all .3s}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-footer .message-status.sending{color:#fff9}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-footer .message-status.sending.pulse{animation:1.5s infinite pulse}.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-footer .message-status.sent,.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-footer .message-status.delivered,.chat-messages-panel .messages-area .messages-container .message .message-content .message-bubble .message-footer .message-status.seen{color:#fffc}.chat-messages-panel .messages-area .messages-container .no-results{text-align:center;padding:2rem 1rem}.chat-messages-panel .messages-area .messages-container .no-results p{color:#64748b;margin:0;font-size:.9rem}.chat-messages-panel .messages-area .messages-container .no-messages{text-align:center;padding:2rem 1rem}.chat-messages-panel .messages-area .messages-container .no-messages p{color:#64748b;margin:0;font-size:.9rem}.chat-messages-panel .message-input-container{z-index:20;box-sizing:border-box;background:#fff;border-top:1px solid #e2e8f0;width:100%;position:absolute;bottom:0;left:0}.chat-messages-panel .message-input-container .reply-context{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem 0}.chat-messages-panel .message-input-container .reply-context .reply-context-content{background:#fff;border-left:3px solid #4f46e5;border-radius:0 6px 6px 0;padding:.5rem .75rem;box-shadow:0 1px 3px #0000001a}.chat-messages-panel .message-input-container .reply-context .reply-context-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.chat-messages-panel .message-input-container .reply-context .reply-context-header .reply-context-title{color:#4f46e5;text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;font-weight:600}.chat-messages-panel .message-input-container .reply-context .reply-context-header .cancel-reply-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:flex}.chat-messages-panel .message-input-container .reply-context .reply-context-header .cancel-reply-btn:hover{color:#1e293b;background:#f3f4f6}.chat-messages-panel .message-input-container .reply-context .reply-context-message{color:#64748b;font-size:.875rem;font-style:italic;line-height:1.25}.chat-messages-panel .message-input-container .attached-files-preview{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem}.chat-messages-panel .message-input-container .attached-files-preview .attached-files-list{scrollbar-width:thin;scrollbar-color:#94a3b84d #0000;flex-direction:row;gap:.75rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.chat-messages-panel .message-input-container .attached-files-preview .attached-files-list::-webkit-scrollbar{height:4px}.chat-messages-panel .message-input-container .attached-files-preview .attached-files-list::-webkit-scrollbar-track{background:0 0}.chat-messages-panel .message-input-container .attached-files-preview .attached-files-list::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:2px}.chat-messages-panel .message-input-container .attached-files-preview .attached-files-list::-webkit-scrollbar-thumb:hover{background:#94a3b880}.chat-messages-panel .message-input-container .attached-files-preview .attached-file-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;min-width:80px;max-width:80px;display:flex;position:relative;box-shadow:0 1px 3px #0000001a}.chat-messages-panel .message-input-container .attached-files-preview .attached-file-item .file-preview,.chat-messages-panel .message-input-container .attached-files-preview .attached-file-item .file-icon{border-radius:6px;width:60px;height:60px;margin:.5rem .5rem .25rem;position:relative;overflow:hidden}.chat-messages-panel .message-input-container .attached-files-preview .attached-file-item .file-preview img{object-fit:cover;width:100%;height:100%}.chat-messages-panel .message-input-container .attached-files-preview .attached-file-item .file-icon{color:#4f46e5;background:#4f46e51a;justify-content:center;align-items:center;display:flex}.chat-messages-panel .message-input-container .attached-files-preview .attached-file-item .file-info{text-align:center;width:100%;padding:0 .5rem .5rem}.chat-messages-panel .message-input-container .attached-files-preview .attached-file-item .file-info .file-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.125rem;font-size:.75rem;font-weight:500;display:block;overflow:hidden}.chat-messages-panel .message-input-container .attached-files-preview .attached-file-item .file-info .file-size{color:#64748b;font-size:.65rem;display:block}.chat-messages-panel .message-input-container .attached-files-preview .attached-file-item .file-info .upload-status{margin-top:.25rem;font-size:.6rem;font-weight:500;display:block}.chat-messages-panel .message-input-container .attached-files-preview .attached-file-item .file-info .upload-status.ready{color:#4f46e5}.chat-messages-panel .message-input-container .attached-files-preview .attached-file-item .file-info .upload-status.uploading{color:#3b82f6;animation:1.5s infinite pulse}.chat-messages-panel .message-input-container .attached-files-preview .attached-file-item .file-info .upload-status.uploaded{color:#10b981}.chat-messages-panel .message-input-container .attached-files-preview .attached-file-item .file-info .upload-status.error{color:#ef4444}.chat-messages-panel .message-input-container .attached-files-preview .attached-file-item .remove-file-btn{color:#64748b;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:2px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 1px 3px #0003}.chat-messages-panel .message-input-container .attached-files-preview .attached-file-item .remove-file-btn:hover:not(:disabled){color:#dc2626;background:#fee2e2}.chat-messages-panel .message-input-container .attached-files-preview .attached-file-item .remove-file-btn:disabled{opacity:.5;cursor:not-allowed}.chat-messages-panel .message-input-container .input-wrapper{background:#fff;border:1px solid #d1d5db;border-radius:25px;align-items:center;gap:.4rem;min-height:48px;margin:.7rem;padding:.5rem;transition:all .2s;display:flex}@media (max-width:768px){.chat-messages-panel .message-input-container .input-wrapper{margin:1rem}}.chat-messages-panel .message-input-container .input-wrapper:focus-within{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533}.chat-messages-panel .message-input-container .input-wrapper .attachment-wrapper{align-items:center;display:flex;position:relative}.chat-messages-panel .message-input-container .input-wrapper .attachment-wrapper .attachment-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.3rem;transition:all .2s;display:flex}.chat-messages-panel .message-input-container .input-wrapper .attachment-wrapper .attachment-btn:hover{color:#4f46e5;background:#4f46e51a}.chat-messages-panel .message-input-container .input-wrapper .attachment-wrapper .attachment-menu{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:140px;margin-bottom:.5rem;padding:.5rem;position:absolute;bottom:100%;left:0;box-shadow:0 8px 32px #0000001f}.chat-messages-panel .message-input-container .input-wrapper .attachment-wrapper .attachment-menu .attachment-option{color:#1e293b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:all .2s;display:flex}.chat-messages-panel .message-input-container .input-wrapper .attachment-wrapper .attachment-menu .attachment-option:hover{color:#4f46e5;background:#4f46e51a}.chat-messages-panel .message-input-container .input-wrapper .attachment-wrapper .attachment-menu .attachment-option:not(:last-child){margin-bottom:.25rem}.chat-messages-panel .message-input-container .input-wrapper .emoji-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.3rem;transition:all .2s}.chat-messages-panel .message-input-container .input-wrapper .emoji-btn:hover{color:#4f46e5;background:#4f46e51a}.chat-messages-panel .message-input-container .input-wrapper .text-input-wrapper{align-items:center;width:100%;max-height:150px;display:flex;position:relative}.chat-messages-panel .message-input-container .input-wrapper .text-input-wrapper .message-input{color:#1e293b;resize:none;word-wrap:break-word;white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:#94a3b84d #0000;background:0 0;border:none;outline:none;flex:1;min-height:21px;max-height:147px;padding:.25rem 0;font-family:inherit;font-size:16px;line-height:1.4;overflow-y:auto}.chat-messages-panel .message-input-container .input-wrapper .text-input-wrapper .message-input::-webkit-scrollbar{width:4px}.chat-messages-panel .message-input-container .input-wrapper .text-input-wrapper .message-input::-webkit-scrollbar-track{background:0 0}.chat-messages-panel .message-input-container .input-wrapper .text-input-wrapper .message-input::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:2px}.chat-messages-panel .message-input-container .input-wrapper .text-input-wrapper .message-input::-webkit-scrollbar-thumb:hover{background:#94a3b880}.chat-messages-panel .message-input-container .input-wrapper .text-input-wrapper .message-input::placeholder{color:#94a3b8}.chat-messages-panel .message-input-container .input-wrapper .emoji-picker-wrapper{align-items:center;display:flex;position:relative}.chat-messages-panel .message-input-container .input-wrapper .emoji-picker-wrapper .emoji-picker-container{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:95vw;margin-bottom:1rem;position:absolute;bottom:100%;right:0;overflow:hidden;box-shadow:0 8px 16px #00000012}.chat-messages-panel .message-input-container .input-wrapper .emoji-picker-wrapper .emoji-picker-container .EmojiPickerReact{border-radius:12px;box-shadow:none!important;border:none!important}.chat-messages-panel .message-input-container .input-wrapper .emoji-picker-wrapper .emoji-picker-container .EmojiPickerReact .epr-search-container{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}.chat-messages-panel .message-input-container .input-wrapper .emoji-picker-wrapper .emoji-picker-container .EmojiPickerReact .epr-category-nav{border-bottom:1px solid #e2e8f0!important}.chat-messages-panel .message-input-container .input-wrapper .emoji-picker-wrapper .emoji-picker-container .EmojiPickerReact .epr-emoji-category-label{background:#f8fafc!important}.chat-messages-panel .message-input-container .input-wrapper .emoji-picker-wrapper .emoji-picker-container .EmojiPickerReact .epr-header{border-bottom:1px solid #e2e8f0!important}@media (max-width:768px){.chat-messages-panel .message-input-container .input-wrapper .emoji-picker-wrapper .emoji-picker-container{margin-bottom:0!important;position:static!important;bottom:auto!important;right:auto!important}.chat-messages-panel .message-input-container .input-wrapper .emoji-picker-wrapper .emoji-picker-container:after{content:"";pointer-events:none;z-index:9998;position:fixed;inset:0}.chat-messages-panel .message-input-container .input-wrapper .emoji-picker-wrapper .emoji-picker-container .EmojiPickerReact{z-index:9999!important;box-sizing:border-box!important;border-radius:12px 12px 0 0!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;position:fixed!important;inset:auto 0 80px!important;transform:none!important}.chat-messages-panel .message-input-container .input-wrapper .emoji-picker-wrapper .emoji-picker-container .EmojiPickerReact>div{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.chat-messages-panel .message-input-container .input-wrapper .emoji-picker-wrapper .emoji-picker-container .EmojiPickerReact *{box-sizing:border-box!important;max-width:100%!important}}.chat-messages-panel .message-input-container .input-wrapper .send-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.chat-messages-panel .message-input-container .input-wrapper .send-btn:hover:not(:disabled){background:#291fd9;transform:scale(1.05)}.chat-messages-panel .message-input-container .input-wrapper .send-btn:disabled{cursor:not-allowed;background:#94a3b8;transform:none}.chat-messages-panel .message-input-container .input-wrapper .send-btn .loading-spinner{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.chat-messages-panel .message-input-container .input-wrapper .send-btn .loading-spinner .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.search-highlight{color:#1f2937;background-color:#fbbf24;border-radius:3px;padding:.1rem .2rem;font-weight:500}.loading-screen{color:#64748b;background:#f8fafc;justify-content:center;align-items:center;height:100vh;font-size:1.1rem;display:flex}.chat-list,.messages-area{scrollbar-width:thin;scrollbar-color:#94a3b84d #0000}.chat-list::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track{background:0 0}.messages-area::-webkit-scrollbar-track{background:0 0}.chat-list::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.messages-area::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.chat-list::-webkit-scrollbar-thumb:hover{background:#94a3b880}.messages-area::-webkit-scrollbar-thumb:hover{background:#94a3b880}@media (max-width:768px){.chat-list-panel,.chat-messages-panel{will-change:transform}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.team-chat-container .chat-list-panel{width:100%}.team-chat-container .chat-list-panel .chat-list-header .header-content{gap:.5rem}.team-chat-container .chat-list-panel .chat-list-header .header-content .header-title h2{font-size:1.1rem}.team-chat-container .message.own-message .message-content,.team-chat-container .message.other-message .message-content{max-width:90%!important}.team-chat-container .chat-header .chat-user-details .chat-user-name{font-size:.9rem}}.chat-placeholder{background:#fff;flex:1;justify-content:center;align-items:center;display:flex}.chat-placeholder .placeholder-content{text-align:center;max-width:400px;padding:2rem}.chat-placeholder .placeholder-content p{color:#6b7280;margin:0;font-size:1rem;line-height:1.5}.chat-list-section .section-heading{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;background:#f8f9fa;border-bottom:1px solid #e5e7eb;margin:0;padding:.75rem 1rem .5rem;font-size:.75rem;font-weight:600}.chat-list-section .section-heading:first-child{margin-top:0}.update-message{justify-content:center;align-items:center;margin:1rem 0;padding:0 1rem;display:flex}.update-message .update-message-bubble{text-align:center;background:#8696a01a;border-radius:8px;max-width:80%;padding:.5rem 1rem}.update-message .update-message-bubble .update-content{color:#54656f;margin-bottom:.25rem;font-size:.85rem;font-weight:500;line-height:1.3;display:block}.update-message .update-message-bubble .update-time{color:#8696a0;font-size:.75rem;font-weight:400;display:block}.start-conversation-panel{background:#f8f9fa;border-left:1px solid #e5e7eb;flex:1;justify-content:center;align-items:center;height:100%;display:flex}.start-conversation-panel .start-conversation-content{text-align:center;padding:2rem}.start-conversation-panel .start-conversation-content .start-conversation-btn{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #0066cc1a}.start-conversation-panel .start-conversation-content .start-conversation-btn:hover:not(:disabled){background:#0052a3;transform:translateY(-1px);box-shadow:0 4px 8px #06c3}.start-conversation-panel .start-conversation-content .start-conversation-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0066cc1a}.start-conversation-panel .start-conversation-content .start-conversation-btn:disabled{cursor:not-allowed;background:#9ca3af;transform:none;box-shadow:0 2px 4px #9ca3af1a}.chat-placeholder{background:#f8f9fa;border-left:1px solid #e5e7eb;flex:1;justify-content:center;align-items:center;height:100%;display:flex}.chat-placeholder .placeholder-content{text-align:center;padding:2rem}.chat-placeholder .placeholder-content h3{color:#374151;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.chat-placeholder .placeholder-content p{color:#6b7280;margin:0;font-size:.95rem}.new-message-notification{color:#fff;cursor:pointer;z-index:20;-webkit-user-select:none;user-select:none;background:#4f46e5;border-radius:25px;padding:.75rem 1.25rem;transition:all .2s;animation:.3s ease-out slideUpBounce;position:absolute;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.new-message-notification:hover{transform:translate(-50%)scale(1.05);box-shadow:0 6px 16px #0003}.new-message-notification:active{transform:translate(-50%)scale(.98)}.new-message-notification .notification-content{align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.new-message-notification .notification-content .notification-count{color:#fff;text-align:center;background:#fff3;border-radius:12px;min-width:1.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.new-message-notification .notification-content .notification-text{white-space:nowrap}.new-message-notification .notification-content .scroll-down-icon{opacity:.8;transition:transform .2s}.new-message-notification:hover .scroll-down-icon{transform:translateY(2px)}@keyframes slideUpBounce{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.8)}60%{opacity:1;transform:translate(-50%)translateY(-5px)scale(1.05)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (max-width:768px){.new-message-notification{padding:.625rem 1rem;font-size:.8125rem;bottom:80px}.new-message-notification .notification-content{gap:.375rem}.new-message-notification .notification-content .notification-count{min-width:1.25rem;padding:.1875rem .375rem;font-size:.6875rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}