.chat-app{--chat-overlay-subtle: rgba(0, 0, 0, .06);--chat-overlay-light: rgba(0, 0, 0, .08);--chat-overlay-medium: rgba(0, 0, 0, .12);--chat-overlay-strong: rgba(0, 0, 0, .15);--chat-overlay-hover: rgba(0, 0, 0, .1);--chat-on-primary: #fff;position:fixed;bottom:24px;right:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;width:100%;max-width:385px;z-index:1050;padding:0 1rem;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) transparent}.chat-app ::-webkit-scrollbar{width:2px}.chat-app ::-webkit-scrollbar-track{background:var(--card-bg)}.chat-app ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:10px;max-height:30px}.chat-app ::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.chat-app [role=button]:focus-visible,.chat-app .chat-back-button:focus-visible,.chat-app .chat-search-btn:focus-visible,.chat-app .chat-pinned-btn:focus-visible,.chat-app .chat-close-btn:focus-visible,.chat-app .chat-group-settings-btn:focus-visible,.chat-app .chat-msg-search-close:focus-visible,.chat-app .add-direct:focus-visible,.chat-app .add-room:focus-visible,.chat-app .user-settings:focus-visible,.chat-app .chat-list-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.chat-app .chat-tab:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:4px}.chat-app .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-theme=dark] .chat-app,.dark .chat-app{--chat-overlay-subtle: rgba(255, 255, 255, .06);--chat-overlay-light: rgba(255, 255, 255, .08);--chat-overlay-medium: rgba(255, 255, 255, .12);--chat-overlay-strong: rgba(255, 255, 255, .15);--chat-overlay-hover: rgba(255, 255, 255, .1);--chat-on-primary: #fff}.chat-element{height:582px;max-height:calc(100vh - 120px);width:100%;position:relative;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;background:var(--card-bg);border-radius:16px;margin-bottom:1rem;border:1px solid var(--border-color);overflow:hidden}.chat-container{padding:0;margin:0;height:100%}.chat-element .btn-primary{background-color:var(--chat-btn-color, var(--primary-color))!important;border-color:var(--chat-btn-color, var(--primary-color))!important;color:var(--white)!important}.chat-element .btn-primary:hover,.chat-element .btn-primary:focus,.chat-element .btn-primary:active{background-color:var(--chat-btn-color, var(--primary-color))!important;border-color:var(--chat-btn-color, var(--primary-color))!important;filter:brightness(.9)}.chat-bubble{cursor:pointer;background:var(--chat-bubble-color, var(--primary-color));color:var(--white);border-radius:100px;font-weight:600;display:flex;align-items:center;width:initial;box-shadow:0 4px 16px #00000026;transition:all .2s ease}.chat-bubble svg{fill:var(--white)}.chat-bubble:hover{box-shadow:0 6px 24px #0003;transform:translateY(-1px)}.chat-bubble .chat-message-icon{margin-right:var(--margin-sm);display:flex;align-items:center;justify-content:center}.chat-bubble-icon-only{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0}.chat-bubble-icon-only .chat-bubble-icon-wrap{display:flex;align-items:center;justify-content:center;color:var(--white)}.chat-bubble-icon-only .chat-bubble-icon-wrap svg{width:1.5rem;height:1.5rem}.chat-cross-button{display:none}.chat-element>.chat-close-btn{position:absolute;top:12px;right:12px;z-index:10;cursor:pointer;color:var(--text-muted);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease}.chat-element>.chat-close-btn:hover{background:var(--control-bg);color:var(--text-color)}.chat-list~.chat-close-btn,.chat-container:has(.chat-list)+.chat-close-btn{display:none}.chat-element:has(.chat-list)>.chat-close-btn{display:none}.chat-element:has(.chat-space)>.chat-close-btn{display:none}.chat-bubble-closed{width:60px;height:60px;position:relative;text-align:center;border-radius:50%}.chat-bubble-closed .cross-icon{width:100%}.chat-list{height:100%;display:flex;flex-direction:column}.chat-list .chat-list-header{padding:14px 12px 0;justify-content:space-between;display:flex;align-items:center}.chat-list .chat-list-header h3{margin:0;font-size:1.25rem;font-weight:700}.chat-list .chat-list-header .chat-list-icons{display:flex;align-items:center;gap:4px}.chat-list .chat-list-header .chat-list-icons .user-settings,.chat-list .chat-list-header .chat-list-icons .add-room,.chat-list .chat-list-header .chat-list-icons .add-direct,.chat-list .chat-list-header .chat-list-icons .chat-list-close{cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);transition:all .15s ease}.chat-list .chat-list-header .chat-list-icons .user-settings:hover,.chat-list .chat-list-header .chat-list-icons .add-room:hover,.chat-list .chat-list-header .chat-list-icons .add-direct:hover,.chat-list .chat-list-header .chat-list-icons .chat-list-close:hover{background:var(--control-bg);color:var(--text-color)}.chat-list .chat-tabs{display:flex;padding:8px 12px 0;gap:4px}.chat-list .chat-tabs .chat-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;padding:6px 4px;border:none;background:transparent;color:var(--text-muted);font-size:10px;font-weight:600;cursor:pointer;border-radius:6px;transition:all .15s ease;text-transform:uppercase;letter-spacing:.3px;text-align:center}.chat-list .chat-tabs .chat-tab:hover{background:var(--control-bg);color:var(--text-color)}.chat-list .chat-tabs .chat-tab.active{background:var(--control-bg);color:var(--text-color);font-weight:700}.chat-list .chat-tabs .chat-tab .tab-count{font-size:9px;font-weight:700;background:var(--subtle-fg);color:var(--text-muted);border-radius:8px;padding:0 5px;min-width:16px;display:inline-block;line-height:16px;text-align:center;flex-shrink:0}.chat-list .chat-tabs .chat-tab.active .tab-count{background:var(--primary);color:var(--chat-on-primary)}.chat-list .chat-tabs .chat-tab-guests{border-left:2px solid var(--orange-300, #fb923c)}.chat-list .chat-tabs .chat-tab-guests.active{background:var(--orange-50, #fff7ed);color:var(--orange-700, #c2410c)}.chat-list .chat-tabs .chat-tab-guests.active .tab-count{background:var(--orange-500, #f97316);color:var(--chat-on-primary)}.chat-list .chat-tabs .chat-tab-guests:hover{background:var(--orange-50, #fff7ed);color:var(--orange-900, #7c2d12)}.chat-list .chat-search{border-radius:6px;font-size:.875rem;margin:8px 12px 0}.chat-list .chat-search .search-icon{display:flex;align-items:center;position:absolute;padding-right:10px;height:100%;margin-left:12px;z-index:3}.chat-list .chat-search .chat-search-box{width:100%;border-radius:6px;padding-left:36px}.chat-list .chat-search .chat-search-box:focus{box-shadow:none}.chat-list .chat-rooms-container{flex:1;min-height:0;overflow-y:auto;padding:4px 12px}.chat-list .chat-rooms-container .chat-room{display:flex;align-items:center;font-size:.875rem;cursor:pointer;position:relative;padding:10px;border-radius:10px;margin-bottom:1px;transition:background .12s ease;border-left:3px solid transparent;overflow:hidden}.chat-list .chat-rooms-container .chat-room.chat-room-hidden{display:none!important}.chat-list .chat-rooms-container .chat-room:hover{background:var(--bg-light-gray)}.chat-list .chat-rooms-container .chat-room.room-type-guest{border-left-color:var(--orange-400, #fb923c)}.chat-list .chat-rooms-container .chat-room.room-type-group{border-left-color:var(--purple-400, #a78bfa)}.chat-list .chat-rooms-container .chat-room.room-type-direct{border-left-color:transparent}.chat-list .chat-rooms-container .chat-room.unread{background:rgba(var(--blue-rgb, 37, 99, 235),.04)}.chat-list .chat-rooms-container .chat-room.unread:hover{background:rgba(var(--blue-rgb, 37, 99, 235),.07)}.chat-list .chat-rooms-container .chat-room .avatar-medium{flex-shrink:0}.chat-list .chat-rooms-container .chat-room .chat-profile-info{margin-left:var(--margin-sm);margin-right:auto;min-width:0;flex:1}.chat-list .chat-rooms-container .chat-room .chat-profile-info .chat-name-row{display:flex;align-items:center;gap:6px}.chat-list .chat-rooms-container .chat-room .chat-profile-info .chat-name-row .chat-name-text{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.chat-list .chat-rooms-container .chat-room .chat-profile-info .last-message{color:var(--text-color);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px;margin-top:2px;font-weight:400}.chat-list .chat-rooms-container .chat-room .chat-profile-info .last-message.read{color:var(--text-muted)}.chat-list .chat-rooms-container .chat-room .chat-profile-info .last-message .typing-indicator{color:var(--green-600);font-style:italic}.chat-list .chat-rooms-container .chat-room .chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;margin-left:8px}.chat-list .chat-rooms-container .chat-room .chat-date{color:var(--text-muted);font-size:10px;white-space:nowrap}.chat-list .chat-rooms-container .chat-room .chat-date.unread-date{color:var(--blue-500);font-weight:600}.chat-list .chat-rooms-container .chat-room .chat-unread-count{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--blue-500);color:var(--white);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.chat-list .chat-rooms-container .chat-room .chat-type-label{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;line-height:1.4;flex-shrink:0;white-space:nowrap}.chat-list .chat-rooms-container .chat-room .chat-type-label.label-guest{color:var(--orange-700, #c2410c);background:var(--orange-50, rgba(251, 146, 60, .12))}.chat-list .chat-rooms-container .chat-room .chat-type-label.label-group{color:var(--purple-700, #6d28d9);background:rgba(124,58,237,.1)}.chat-list .chat-rooms-container .chat-rooms-empty{text-align:center;color:var(--text-muted);font-size:.875rem;padding:40px 20px;line-height:1.5}.chat-header{display:flex;align-items:center;padding:14px 12px;border-bottom:1px solid var(--border-color);flex-shrink:0;gap:8px}.chat-header .chat-back-button{height:28px;width:28px;min-width:28px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:var(--bg-color);margin-right:10px;cursor:pointer;transition:background .15s ease;z-index:2;position:relative}.chat-header .chat-back-button:hover{background:var(--control-bg)}.chat-header .chat-profile-info{margin-left:var(--margin-md);font-size:.875rem;margin-right:auto;min-width:0}.chat-header .chat-profile-info .chat-profile-name{color:var(--text-color);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header .chat-profile-info .chat-profile-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:1px}.chat-header .chat-profile-info .chat-profile-status{font-size:.75rem;visibility:hidden;color:var(--green-600);position:absolute}.chat-header .chat-header-profile{display:flex;align-items:center;flex:1;min-width:0}.chat-header .chat-header-profile .avatar{flex-shrink:0}.chat-header .chat-header-profile .avatar .avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.chat-header .chat-header-profile.chat-profile-clickable{cursor:pointer;border-radius:8px;padding:4px 6px;margin:-4px 0;transition:background .15s ease}.chat-header .chat-header-profile.chat-profile-clickable:hover{background:var(--control-bg)}.chat-header .chat-header-brand-logo{height:36px;width:36px;-o-object-fit:contain;object-fit:contain;border-radius:50%;background:var(--control-bg);padding:2px;flex-shrink:0}.chat-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:var(--text-muted);font-size:.875rem;gap:12px}.chat-loading-spinner .spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:chat-spin .7s linear infinite}.chat-loading-error{text-align:center;padding:40px 20px;color:var(--red-500);font-size:.875rem}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat-guest-info-panel{background:var(--bg-color);border-bottom:1px solid var(--border-color);padding:12px 12px 14px}.chat-guest-info-panel .guest-info-loading,.chat-guest-info-panel .guest-info-error{font-size:.75rem;color:var(--text-muted);text-align:center;padding:8px 0}.chat-guest-info-panel .guest-info-error{color:var(--red-500)}.chat-guest-info-panel .guest-info-content{display:flex;flex-direction:column;gap:8px}.chat-guest-info-panel .guest-info-row{display:flex;align-items:baseline;gap:8px;font-size:.75rem}.chat-guest-info-panel .guest-info-row .info-label{color:var(--text-muted);font-weight:600;min-width:70px;flex-shrink:0;text-transform:uppercase;font-size:10px;letter-spacing:.3px}.chat-guest-info-panel .guest-info-row .info-value{color:var(--text-color);word-break:break-all}.chat-guest-info-panel .guest-info-row .info-link{color:var(--blue-500);text-decoration:none}.chat-guest-info-panel .guest-info-row .info-link:hover{text-decoration:underline}.chat-guest-info-panel .guest-info-row .info-mono{font-family:var(--font-stack-monospace, monospace);font-size:11px;color:var(--text-muted);background:var(--control-bg);padding:1px 5px;border-radius:3px}.chat-guest-info-panel .guest-account-badge{display:flex;align-items:center;gap:6px;padding:6px 10px;margin-bottom:8px;border-radius:8px;font-size:11px;line-height:1.4}.chat-guest-info-panel .guest-account-badge svg{flex-shrink:0}.chat-guest-info-panel .guest-account-badge.account-active{background:rgba(16,185,129,.1);color:var(--green-700, #047857);border:1px solid rgba(16,185,129,.2)}.chat-guest-info-panel .guest-account-badge.account-disabled{background:rgba(245,158,11,.08);color:var(--orange-700, #b45309);border:1px solid rgba(245,158,11,.15)}.chat-guest-info-panel .guest-info-crm{padding-top:4px}.chat-guest-info-panel .guest-info-crm .crm-links-row{display:flex;flex-wrap:wrap;gap:6px}.chat-guest-info-panel .guest-info-crm .crm-link-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-decoration:none;transition:opacity .15s ease}.chat-guest-info-panel .guest-info-crm .crm-link-pill:hover{opacity:.8}.chat-guest-info-panel .guest-info-crm .crm-link-pill.crm-lead{background:rgba(37,99,235,.1);color:var(--blue-600)}.chat-guest-info-panel .guest-info-crm .crm-link-pill.crm-contact{background:rgba(16,185,129,.1);color:var(--green-700, #047857)}.chat-guest-info-panel .guest-info-crm .crm-link-pill.crm-customer{background:rgba(124,58,237,.08);color:var(--purple-600, #7c3aed)}.chat-guest-info-panel .guest-info-crm .crm-link-pill.crm-opportunity{background:rgba(245,158,11,.1);color:var(--orange-700, #b45309)}.chat-guest-info-panel .guest-info-crm .crm-no-links{font-size:.75rem;color:var(--text-muted);font-style:italic}.chat-guest-info-panel .guest-info-actions{margin-top:4px;padding-top:8px;border-top:1px solid var(--border-color);display:flex;gap:8px;flex-wrap:wrap}.chat-guest-info-panel .guest-info-actions a{font-size:.75rem;font-weight:600;text-decoration:none}.chat-space{height:100%;display:flex;flex-direction:column;overflow:hidden}.chat-space .chat-space-container{padding:12px;overflow-wrap:break-word;word-break:break-word;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.chat-space .chat-space-container .chat-image{border-radius:13px 13px 0}.chat-space .chat-space-container .message-name{font-size:.75rem;font-weight:700}.chat-space .chat-space-container .sender-message{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:5px}.chat-space .chat-space-container .sender-message .message-bubble{background:var(--blue-500);color:var(--white);padding:10px 14px;font-size:.875rem;border-radius:16px 16px 16px 4px;max-width:78%;line-height:1.4}.chat-space .chat-space-container .recipient-message{margin-bottom:5px;display:flex;flex-direction:column;align-items:flex-end}.chat-space .chat-space-container .recipient-message .message-bubble{background:var(--control-bg);color:var(--text-color);padding:10px 14px;font-size:.875rem;border-radius:16px 16px 4px;max-width:78%;line-height:1.4}.chat-space .chat-space-container .message-bubble.ai-draft{border:1px dashed var(--orange-500);background:var(--orange-50);color:var(--text-color)}.chat-space .chat-space-container .ai-draft-badge{font-size:.75rem;font-weight:700;color:var(--orange-700);margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}.chat-space .chat-space-container .message-time{font-size:.75rem;color:var(--text-muted)}.chat-space .chat-space-container .date-line{width:100%;text-align:center;border-bottom:1px solid var(--gray-400);line-height:.1em;margin:10px 0 20px}.chat-space .chat-space-container .date-line span{background:var(--card-bg);padding:0 8px;font-size:.875rem}.chat-space .chat-space-container .load-earlier-messages{text-align:center;padding:12px 0 8px}.chat-space .chat-space-container .load-earlier-messages .btn-load-earlier{font-size:.75rem;color:var(--text-muted);border-color:var(--border-color);border-radius:16px;padding:4px 16px}.chat-space .chat-space-container .load-earlier-messages .btn-load-earlier:hover{background:var(--control-bg);color:var(--text-color)}.chat-space .chat-space-actions{padding:8px 12px 10px;border-top:1px solid var(--border-color);flex-shrink:0;position:relative}.chat-space .chat-space-actions .open-attach-items{cursor:pointer}.chat-space .chat-space-actions .type-message{border-radius:20px;font-size:.875rem;resize:none;height:36px;min-height:36px;max-height:120px;overflow-y:hidden;line-height:1.4;padding:7px 14px;scrollbar-width:thin;flex:1;min-width:0;box-sizing:border-box}.chat-space .chat-space-actions .type-message:focus{overflow-y:auto}.chat-space .chat-space-actions .message-send-button{cursor:pointer;height:2rem;width:2rem;min-width:2rem;border-radius:50%;background:var(--chat-send-btn-color, var(--text-color));display:flex;align-items:center;justify-content:center;transition:all .15s ease}.chat-space .chat-space-actions .message-send-button svg{fill:var(--card-bg)}.chat-space .chat-space-actions .message-send-button:hover{transform:scale(1.05)}.chat-space .chat-space-actions .chat-actions-normal{display:flex;flex-direction:column;width:100%;gap:6px}.chat-space .chat-space-actions .chat-input-row{display:flex;align-items:flex-end;gap:8px;width:100%}.chat-space .chat-space-actions .chat-toolbar-row{display:flex;align-items:center;gap:12px;padding-left:4px}.chat-space .chat-space-actions .chat-toolbar-row>span{cursor:pointer;color:var(--text-muted);display:flex;align-items:center;transition:color .15s ease}.chat-space .chat-space-actions .chat-toolbar-row>span:hover{color:var(--text-color)}.chat-space .chat-space-actions .chat-actions-recording{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.chat-space .chat-space-actions .recording-indicator{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.chat-space .chat-space-actions .rec-dot{width:10px;height:10px;background:var(--red-500, #e24c4c);border-radius:50%;animation:rec-pulse 1s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.85)}}.chat-space .chat-space-actions .rec-timer{font-size:.875rem;font-family:monospace;color:var(--text-color);min-width:36px}.chat-space .chat-space-actions .voice-cancel-btn{cursor:pointer;color:var(--red-500, #e24c4c);display:flex;align-items:center;padding:4px;border-radius:50%;transition:background .15s ease}.chat-space .chat-space-actions .voice-cancel-btn:hover{background:var(--red-50, rgba(226, 76, 76, .1))}.chat-space .chat-space-actions .voice-send-btn{cursor:pointer;color:var(--chat-send-btn-color, var(--text-color));display:flex;align-items:center;padding:4px;transition:transform .15s ease}.chat-space .chat-space-actions .voice-send-btn:hover{transform:scale(1.1)}.typing-active{color:var(--green-600, #16a34a)!important;font-style:italic}.typing-indicator{color:var(--green-600, #16a34a);font-style:italic;font-size:.75rem}.msg-check{display:inline-flex;align-items:center;margin-left:3px;vertical-align:middle;color:var(--text-muted)}.msg-check svg{width:16px;height:10px}.msg-check.seen{color:var(--blue-500, #2490ef)}.msg-check.seen svg path:last-child{opacity:1!important}.voice-message-player{display:flex;align-items:center;gap:8px;min-width:180px;max-width:240px;padding:2px 0}.voice-play-btn{width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--chat-overlay-light);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-color);transition:background .15s ease}.voice-play-btn:hover{background:var(--chat-overlay-strong)}.sender-message .voice-play-btn{background:rgba(255,255,255,.2);color:var(--white)}.sender-message .voice-play-btn:hover{background:rgba(255,255,255,.35)}.voice-progress-bar{flex:1;height:4px;background:var(--chat-overlay-medium);border-radius:2px;overflow:hidden}.sender-message .voice-progress-bar{background:rgba(255,255,255,.25)}.voice-progress-fill{height:100%;background:var(--blue-500, #2490ef);border-radius:2px;width:0;transition:width .1s linear}.sender-message .voice-progress-fill{background:var(--white)}.voice-duration{font-size:11px;color:var(--text-muted);min-width:30px;text-align:right;font-variant-numeric:tabular-nums}.sender-message .voice-duration{color:#ffffffbf}.voice-bubble{padding:8px 12px!important}.chat-room-avatar{position:relative;flex-shrink:0}.chat-room-avatar .avatar{flex-shrink:0}.chat-room-avatar .avatar .avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.online-dot{width:10px;height:10px;background:var(--green-500, #22c55e);border:2px solid var(--card-bg, #fff);border-radius:50%;position:absolute;bottom:0;right:0}.reply-quote{background:var(--chat-overlay-subtle);border-left:3px solid var(--blue-400, #60a5fa);border-radius:4px;padding:4px 8px;margin-bottom:6px;cursor:pointer;transition:background .15s ease}.reply-quote:hover{background:var(--chat-overlay-hover)}.reply-quote .reply-quote-sender{font-size:11px;font-weight:600;color:var(--blue-500, #2490ef);margin-bottom:1px}.reply-quote .reply-quote-text{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.sender-message .reply-quote{background:rgba(255,255,255,.15);border-left-color:#fff9}.sender-message .reply-quote .reply-quote-sender{color:#ffffffe6}.sender-message .reply-quote .reply-quote-text{color:#ffffffb3}.sender-message .reply-quote:hover{background:rgba(255,255,255,.25)}.edited-tag{font-size:10px;color:var(--text-muted);font-style:italic;margin-left:4px}.sender-message .edited-tag{color:#fff9}.deleted-message{opacity:.6;font-style:italic;background:var(--control-bg)!important;color:var(--text-muted)!important;border:1px dashed var(--border-color)!important}.sender-message,.recipient-message{position:relative}.msg-action-dot{position:absolute;top:2px;opacity:0;cursor:pointer;transition:opacity .15s ease;z-index:5}.msg-action-dot>svg{color:var(--text-muted);padding:2px;border-radius:4px}.msg-action-dot>svg:hover{background:var(--control-bg);color:var(--text-color)}.sender-message .msg-action-dot{right:-22px}.recipient-message .msg-action-dot{left:-22px}.sender-message:hover .msg-action-dot,.recipient-message:hover .msg-action-dot{opacity:1}.msg-action-menu{position:absolute;top:100%;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001f;min-width:100px;padding:4px 0;z-index:10}.sender-message .msg-action-menu{right:0}.recipient-message .msg-action-menu{left:0}.msg-action-item{padding:6px 12px;font-size:.75rem;color:var(--text-color);cursor:pointer;white-space:nowrap}.msg-action-item:hover{background:var(--control-bg)}.msg-action-item.msg-action-danger{color:var(--red-500, #e24c4c)}.msg-action-item.msg-action-danger:hover{background:var(--red-50, rgba(226, 76, 76, .08))}.chat-context-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--control-bg);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0}.chat-context-bar .context-bar-info{flex:1;min-width:0}.chat-context-bar .context-bar-label{font-size:11px;color:var(--blue-500, #2490ef)}.chat-context-bar .context-bar-preview{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-context-bar .context-bar-close{cursor:pointer;color:var(--text-muted);flex-shrink:0;padding:2px;border-radius:50%}.chat-context-bar .context-bar-close:hover{background:var(--gray-200);color:var(--text-color)}.highlight-message{animation:msg-highlight 1.5s ease}@keyframes msg-highlight{0%{background:var(--yellow-100, rgba(255, 235, 59, .3))}to{background:transparent}}.emoji-picker-btn{cursor:pointer;color:var(--text-muted);margin-left:6px;display:flex;align-items:center;transition:color .15s ease}.emoji-picker-btn:hover{color:var(--text-color)}.emoji-picker-popup{position:absolute;bottom:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px 12px 0 0;box-shadow:0 -4px 16px #0000001a;max-height:220px;overflow-y:auto;padding:8px;z-index:20;scrollbar-width:thin}.emoji-group-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:4px 2px 2px}.emoji-grid{display:flex;flex-wrap:wrap;gap:2px}.emoji-item{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;border-radius:6px;transition:background .1s ease}.emoji-item:hover{background:var(--control-bg);transform:scale(1.15)}.chat-form{display:flex;flex-direction:column;height:100%}.chat-form .chat-form-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:8px}.chat-form .chat-form-header .chat-back-btn{width:32px;height:32px;border:none;background:var(--control-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .15s ease;flex-shrink:0;padding:0}.chat-form .chat-form-header .chat-back-btn:hover{background:var(--gray-200);color:var(--text-color)}.chat-form .chat-form-header .chat-form-header-left{display:flex;align-items:center;gap:12px}.chat-form .chat-form-header .chat-form-logo{height:40px;width:auto;max-width:140px;-o-object-fit:contain;object-fit:contain}.chat-form .chat-form-header .chat-form-header-info{display:flex;flex-direction:column;gap:2px}.chat-form .chat-form-header .chat-form-header-name{font-weight:600;font-size:1rem;color:var(--text-color)}.chat-form .chat-form-container{padding:20px;flex:1 1 0;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.chat-form .chat-form-container form{flex:1;display:flex;flex-direction:column}.chat-form .chat-form-container .chat-form-intro{font-size:.875rem;color:var(--text-muted);margin-bottom:20px}.chat-form .chat-form-container .chat-modern-input{border:1.5px solid var(--border-color);border-radius:10px;padding:10px 14px;font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease;background:var(--control-bg)}.chat-form .chat-form-container .chat-modern-input:focus{border-color:var(--chat-btn-color, var(--primary-color));box-shadow:0 0 0 3px rgba(var(--chat-btn-color-rgb, 37, 144, 239),.1);background:var(--card-bg)}.chat-form .chat-form-container .chat-modern-input::-moz-placeholder{color:var(--text-light)}.chat-form .chat-form-container .chat-modern-input::placeholder{color:var(--text-light)}.chat-form .chat-form-container textarea.chat-modern-input{resize:none;min-height:80px;flex:1}.chat-form .chat-form-container .form-group{margin-bottom:14px}.chat-form .chat-form-container .form-group-grow{flex:1;display:flex;flex-direction:column}.chat-form .chat-form-container button{border-radius:10px;font-size:1rem;font-weight:600;padding:10px;transition:all .2s ease}.chat-form .chat-form-container button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.chat-welcome{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.chat-welcome .chat-247-ribbon{position:absolute;top:26px;left:-48px;background:var(--chat-badge-color, var(--primary-color, #E31E24));color:var(--chat-on-primary);font-size:16px;font-weight:900;padding:6px 62px;transform:rotate(-45deg);transform-origin:center;z-index:10;text-align:center;letter-spacing:1.2px;white-space:nowrap;box-shadow:0 2px 8px #e31e2459;text-transform:uppercase;line-height:1.2}.chat-welcome .chat-247-ribbon .chat-ribbon-line{display:block;font-size:8.5px;font-weight:700;letter-spacing:3.8px;opacity:.95;margin-top:1px}.chat-welcome .chat-247-ribbon .chat-247-pulse{width:6px;height:6px;border-radius:50%;background:var(--chat-on-primary);display:inline-block;animation:pulse247 2s infinite;vertical-align:middle;margin-right:3px}@keyframes pulse247{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.chat-welcome .chat-welcome-hero{padding:40px 24px 10px;text-align:center;flex-shrink:0}.chat-welcome .chat-welcome-hero .chat-welcome-logo{margin-bottom:30px}.chat-welcome .chat-welcome-hero .chat-welcome-logo img.chat-hero-logo{height:auto;width:auto;max-width:170px;max-height:80px;-o-object-fit:contain;object-fit:contain}.chat-welcome .chat-welcome-hero .chat-welcome-logo .chat-brand-icon{width:60px;height:60px;border-radius:16px;background:var(--chat-btn-color, var(--primary-color));display:inline-flex;align-items:center;justify-content:center}.chat-welcome .chat-welcome-hero .chat-welcome-logo .chat-brand-icon svg{fill:var(--white);width:28px;height:28px}.chat-welcome .chat-welcome-hero .chat-welcome-title{font-size:1.25rem;font-weight:700;color:var(--text-color);margin-top:10px;margin-bottom:6px;line-height:1.3}.chat-welcome .chat-welcome-hero .chat-welcome-subtitle{font-size:.875rem;color:var(--text-muted);line-height:1.5;max-width:290px;margin:0 auto}.chat-welcome .chat-welcome-actions{padding:14px 24px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;border-top:1px solid var(--border-color);background:var(--bg-color)}.chat-welcome .chat-welcome-actions button{border-radius:10px;font-size:1rem;font-weight:600;padding:12px;margin:4px 0;transition:all .2s ease}.chat-welcome .chat-welcome-actions button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.chat-welcome .chat-welcome-actions button.cta-effect-glow{animation:ctaGlow 2s ease-in-out infinite}.chat-welcome .chat-welcome-actions button.cta-effect-levitate{animation:ctaLevitate 3s ease-in-out infinite}.chat-welcome .chat-welcome-actions button.cta-effect-pulse{animation:ctaPulse 2s ease-in-out infinite}.chat-welcome .chat-welcome-actions button.cta-effect-bounce{animation:ctaBounce 2s ease-in-out infinite}@keyframes ctaGlow{0%,to{box-shadow:0 0 8px rgba(var(--primary-rgb, 227, 30, 36),.3)}50%{box-shadow:0 0 22px rgba(var(--primary-rgb, 227, 30, 36),.6),0 0 40px rgba(var(--primary-rgb, 227, 30, 36),.2)}}@keyframes ctaLevitate{0%,to{transform:translateY(0);box-shadow:0 4px 12px #00000026}50%{transform:translateY(-5px);box-shadow:0 10px 24px #0003}}@keyframes ctaPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes ctaBounce{0%,to{transform:translateY(0)}30%{transform:translateY(-6px)}50%{transform:translateY(0)}70%{transform:translateY(-3px)}}.chat-welcome .chat-welcome-footer{margin-top:auto;padding:12px 24px 14px;display:flex;align-items:center;gap:12px;background:var(--bg-color);border-radius:0 0 16px 16px;flex-shrink:0}.chat-welcome .chat-welcome-footer:before,.chat-welcome .chat-welcome-footer:after{content:"";flex:1;height:1px;background:var(--border-color)}.chat-welcome .chat-channels-divider{width:100%;display:flex;align-items:center;gap:12px;margin:2px 0}.chat-welcome .chat-channels-divider:before,.chat-welcome .chat-channels-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.chat-welcome .chat-channels-divider span{font-size:10px;color:var(--text-light);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.chat-welcome .chat-channel-buttons{display:flex;gap:8px;width:100%;justify-content:center}.chat-welcome .chat-channel-btn{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:9px 8px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--card-bg);text-decoration:none;color:var(--text-color);font-size:12px;font-weight:500;transition:all .2s ease;white-space:nowrap}.chat-welcome .chat-channel-btn svg{width:18px;height:18px;flex-shrink:0}.chat-welcome .chat-channel-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000001a;text-decoration:none;color:var(--text-color)}.chat-welcome .chat-channel-btn.channel-call{border-color:var(--primary-color)}.chat-welcome .chat-channel-btn.channel-call svg{color:var(--primary-color)}.chat-welcome .chat-channel-btn.channel-call:hover{background:var(--primary-color);color:#fff}.chat-welcome .chat-channel-btn.channel-call:hover svg{color:#fff}.chat-welcome .chat-channel-btn.channel-call:hover svg path{fill:#fff}.chat-welcome .chat-channel-btn.channel-telegram{border-color:#08c}.chat-welcome .chat-channel-btn.channel-telegram svg{color:#08c}.chat-welcome .chat-channel-btn.channel-telegram:hover{background:#0088cc;color:#fff}.chat-welcome .chat-channel-btn.channel-telegram:hover svg{color:#fff}.chat-welcome .chat-channel-btn.channel-telegram:hover svg path{fill:#fff}.chat-welcome .chat-channel-btn.channel-whatsapp{border-color:#25d366}.chat-welcome .chat-channel-btn.channel-whatsapp svg{color:#25d366}.chat-welcome .chat-channel-btn.channel-whatsapp:hover{background:#25D366;color:#fff}.chat-welcome .chat-channel-btn.channel-whatsapp:hover svg{color:#fff}.chat-welcome .chat-channel-btn.channel-whatsapp:hover svg path{fill:#fff}.chat-welcome .chat-contact-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;color:var(--text-color);transition:all .2s ease}.chat-welcome .chat-contact-card:hover{background:var(--control-bg);box-shadow:0 2px 8px #0000000f;text-decoration:none;color:var(--text-color)}.chat-welcome .chat-contact-card .chat-contact-card-avatar{width:42px;height:42px;border-radius:8px;background:var(--control-bg);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-welcome .chat-contact-card .chat-contact-card-avatar img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:2px}.chat-welcome .chat-contact-card .chat-contact-card-avatar span{font-size:1.125rem;font-weight:600;color:var(--text-muted)}.chat-welcome .chat-contact-card .chat-contact-card-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.chat-welcome .chat-contact-card .chat-contact-card-info .chat-contact-card-name{font-weight:600;font-size:.875rem;color:var(--text-color)}.chat-welcome .chat-contact-card .chat-contact-card-info .chat-contact-card-detail{font-size:11px;color:var(--text-muted)}.chat-welcome .chat-contact-card .chat-contact-card-arrow{flex-shrink:0;color:var(--text-muted)}.chat-status-badge{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;color:var(--text-muted)}.chat-status-badge .status-dot{width:8px;height:8px;border-radius:50%;background:var(--gray-400);flex-shrink:0}.chat-status-badge.online .status-dot{background:var(--green);box-shadow:0 0 0 3px rgba(var(--green-rgb, 40, 167, 69),.2)}.chat-status-badge.offline .status-dot{background:var(--orange)}.chat-status-badge.sm{font-size:.75rem;gap:5px}.chat-status-badge.sm .status-dot{width:6px;height:6px}.chat-welcome-footer-link{font-size:.75rem;color:var(--text-muted);text-decoration:none}.chat-welcome-footer-link:hover{color:var(--text-color);text-decoration:underline}.chat-form-footer{padding:8px 20px 12px;text-align:center;border-top:1px solid var(--border-color);flex-shrink:0}@media (max-width: 576px){.chat-app{max-width:100%;bottom:0;padding:0;right:0}.chat-element{max-height:calc(100vh - 60px);border-radius:16px 16px 0 0}.chat-list .chat-rooms-container .chat-room .chat-profile-info .last-message{max-width:140px}.chat-space .chat-space-container{padding:8px}.chat-space .chat-space-actions{padding:6px 8px 8px}.emoji-picker-popup{max-height:180px}.emoji-item{width:28px;height:28px;font-size:16px}.sender-message .msg-action-dot{right:-18px}.recipient-message .msg-action-dot{left:-18px}.voice-message-player{min-width:150px;max-width:200px}.reply-quote .reply-quote-text{max-width:150px}.chat-context-bar{padding:4px 8px}}.chat-navbar-icon{cursor:pointer}.chat-navbar-icon .badge{background:var(--red-avatar-color);color:var(--bg-color);position:relative;top:-10px;left:-10px;border-radius:50%;font-size:9px;border:1px solid var(--red-avatar-color)}.chat-input-error{border-color:var(--red-500, #e24c4c)!important}.chat-input-error:focus{box-shadow:0 0 0 2px #e24c4c26!important;border-color:var(--red-500, #e24c4c)!important}.chat-field-error{color:var(--red-500, #e24c4c);font-size:.75rem;margin-top:4px;line-height:1.3}.chat-form-error-banner{background:var(--red-50, #fff5f5);border:1px solid var(--red-200, #fecaca);border-radius:8px;padding:10px 14px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;animation:chat-error-slide .25s ease}.chat-form-error-banner span{color:var(--red-600, #dc2626);font-size:.875rem;line-height:1.4}.chat-form-error-banner .chat-error-dismiss{background:none;border:none;color:var(--red-400, #f87171);font-size:1.2rem;cursor:pointer;padding:0 2px;line-height:1;flex-shrink:0}.chat-form-error-banner .chat-error-dismiss:hover{color:var(--red-600, #dc2626)}@keyframes chat-error-slide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.msg-reactions-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px;padding:0 4px}.msg-reaction-badge{display:inline-flex;align-items:center;gap:3px;background:var(--subtle-fg);border:1px solid var(--border-color);border-radius:12px;padding:1px 8px;font-size:13px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.5}.msg-reaction-badge:hover{background:var(--control-bg);border-color:var(--text-muted)}.msg-reaction-badge.my-reaction{background:var(--blue-50, #eff6ff);border-color:var(--blue-300, #93c5fd);color:var(--blue-700, #1d4ed8)}.msg-quick-react{position:absolute;display:none;gap:2px;padding:3px 6px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #0000001a;z-index:12;top:-28px;right:0}.sender-message .msg-quick-react{right:auto;left:0}.sender-message:hover .msg-quick-react,.recipient-message:hover .msg-quick-react{display:flex}.quick-react-item{font-size:15px;cursor:pointer;padding:0 2px;border-radius:4px;transition:transform .1s ease}.quick-react-item:hover{transform:scale(1.3)}.chat-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}.chat-header-actions .chat-schedule-btn{position:relative}.schedule-badge{position:absolute;top:2px;right:2px;min-width:14px;height:14px;line-height:14px;font-size:9px;font-weight:700;text-align:center;color:#fff;background:var(--red-500, #e53e3e);border-radius:10px;padding:0 3px;pointer-events:none}.chat-header-actions .chat-search-btn,.chat-header-actions .chat-close-btn{cursor:pointer;color:var(--text-muted);padding:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;width:32px;height:32px;position:static;transition:all .15s ease}.chat-header-actions .chat-search-btn:hover,.chat-header-actions .chat-close-btn:hover{color:var(--text-color);background:var(--control-bg)}.chat-msg-search-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--card-bg);border-bottom:1px solid var(--border-color)}.chat-msg-search-bar .chat-msg-search-input{flex:1;border:1px solid var(--border-color);border-radius:20px;padding:4px 12px;font-size:.875rem;height:30px}.chat-msg-search-bar .chat-msg-search-input:focus{border-color:var(--primary);box-shadow:none}.chat-msg-search-bar .chat-msg-search-close{cursor:pointer;color:var(--text-muted);padding:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;transition:all .15s ease}.chat-msg-search-bar .chat-msg-search-close:hover{color:var(--text-color);background:var(--control-bg)}.chat-msg-search-results{max-height:200px;overflow-y:auto;border-bottom:1px solid var(--border-color);background:var(--card-bg);scrollbar-width:thin}.search-result-item{padding:8px 14px;cursor:pointer;border-bottom:1px solid var(--border-color-light, var(--border-color));transition:background .1s ease}.search-result-item:hover{background:var(--control-bg)}.search-result-item:last-child{border-bottom:none}.search-result-item .search-result-sender{font-size:11px;font-weight:600;color:var(--text-muted)}.search-result-item .search-result-content{font-size:.875rem;color:var(--text-color);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-item .search-result-time{font-size:10px;color:var(--text-light);margin-top:2px}.search-no-results{padding:14px;text-align:center;color:var(--text-muted);font-size:.875rem}.forwarded-tag{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);font-style:italic;margin-bottom:2px}.forwarded-tag svg{flex-shrink:0;opacity:.7}.forward-dialog-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);z-index:30;display:flex;align-items:center;justify-content:center}.forward-dialog{background:var(--card-bg);border-radius:12px;width:85%;max-width:320px;max-height:80%;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003;overflow:hidden}.forward-dialog .forward-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color)}.forward-dialog .forward-dialog-header strong{font-size:1rem}.forward-dialog .forward-dialog-header .forward-dialog-close{cursor:pointer;color:var(--text-muted)}.forward-dialog .forward-dialog-header .forward-dialog-close:hover{color:var(--text-color)}.forward-dialog .forward-dialog-search{padding:8px 12px}.forward-dialog .forward-dialog-search .forward-search-input{border-radius:20px;font-size:.875rem;height:30px;padding:4px 12px}.forward-dialog .forward-room-list{overflow-y:auto;flex:1;max-height:250px;scrollbar-width:thin}.forward-room-item{padding:10px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;transition:background .1s ease;border-bottom:1px solid var(--border-color-light, var(--border-color))}.forward-room-item:hover{background:var(--control-bg)}.forward-room-item:last-child{border-bottom:none}.forward-room-item .forward-room-type{font-size:10px;color:var(--text-muted);background:var(--subtle-fg);padding:1px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.3px}@media (max-width: 576px){.msg-quick-react{display:none!important}.forward-dialog{width:92%}.chat-msg-search-results{max-height:150px}}.link-document-form{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.link-document-form .link-doc-row{display:flex;gap:6px;align-items:center}.link-document-form .link-doc-row select.link-doc-type{flex:0 0 auto;width:120px;border-radius:6px;font-size:12px;height:28px;padding:2px 6px}.link-document-form .link-doc-row input.link-doc-name{flex:1;border-radius:6px;font-size:12px;height:28px;padding:2px 8px}.link-document-form .link-doc-row .btn-do-link{flex-shrink:0;height:28px;font-size:11px;padding:2px 10px;border-radius:6px}.chat-file-preview-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--border-color, #d1d8dd);background:var(--fg-color, #fff);overflow-x:auto}.chat-file-preview-bar .file-preview-list{display:flex;gap:8px;flex:1;overflow-x:auto;padding:2px 0}.chat-file-preview-bar .file-preview-list::-webkit-scrollbar{height:4px}.chat-file-preview-bar .file-preview-list::-webkit-scrollbar-thumb{background:var(--gray-400, #c0c0c0);border-radius:2px}.chat-file-preview-bar .file-preview-item{position:relative;display:flex;flex-direction:column;align-items:center;min-width:72px;max-width:90px;padding:6px;border-radius:8px;background:var(--subtle-fg, #f4f5f6);border:1px solid var(--border-color, #d1d8dd);flex-shrink:0}.chat-file-preview-bar .file-preview-item .file-preview-thumb{width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.chat-file-preview-bar .file-preview-item .file-preview-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #8d99a6)}.chat-file-preview-bar .file-preview-item .file-preview-name{font-size:10px;color:var(--text-muted, #8d99a6);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px;margin-top:4px}.chat-file-preview-bar .file-preview-item .file-preview-remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--red-500, #e24c4c);color:#fff;cursor:pointer;opacity:0;transition:opacity .15s}.chat-file-preview-bar .file-preview-item:hover .file-preview-remove{opacity:1}.chat-file-preview-bar .file-preview-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.chat-file-preview-bar .file-preview-actions span{cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;color:var(--text-muted, #8d99a6);transition:background .15s}.chat-file-preview-bar .file-preview-actions span:hover{background:var(--subtle-fg, #f4f5f6)}.chat-file-preview-bar .file-preview-actions .file-preview-send{color:var(--primary, #2490ef)}.chat-file-preview-bar .file-preview-actions .file-preview-send:hover{background:var(--blue-50, #e8f0fe)}.chat-drag-overlay{position:absolute;inset:0;z-index:100;background:rgba(36,144,239,.08);display:flex;align-items:center;justify-content:center;pointer-events:none}.chat-drag-overlay .chat-drag-overlay-inner{padding:24px 40px;border:2px dashed var(--primary, #2490ef);border-radius:12px;background:var(--fg-color, #fff);color:var(--primary, #2490ef);font-size:16px;font-weight:600}.chat-space{position:relative}.chat-direct-info-panel{background:var(--fg-color, #fff);border-bottom:1px solid var(--border-color, #d1d8dd)}.chat-direct-info-panel .direct-info-loading,.chat-direct-info-panel .direct-info-error{font-size:12px;color:var(--text-muted);text-align:center;padding:12px 0}.chat-direct-info-panel .direct-info-error{color:var(--red-500)}.chat-direct-info-panel .direct-info-content{padding:14px}.chat-direct-info-panel .direct-info-header-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;position:relative}.chat-direct-info-panel .direct-info-close{position:absolute;top:0;right:0;cursor:pointer;color:var(--text-muted, #8d99a6);padding:2px}.chat-direct-info-panel .direct-info-close:hover{color:var(--text-color, #333)}.chat-direct-info-panel .direct-info-avatar-wrap{flex-shrink:0}.chat-direct-info-panel .direct-info-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chat-direct-info-panel .direct-info-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--primary, #2490ef);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600}.chat-direct-info-panel .direct-info-name-block{flex:1;min-width:0}.chat-direct-info-panel .direct-info-name{font-size:15px;font-weight:600;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-direct-info-panel .direct-info-title{font-size:12px;color:var(--text-muted)}.chat-direct-info-panel .direct-info-status{font-size:11px;color:var(--text-muted);margin-top:2px}.chat-direct-info-panel .direct-info-details{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--border-color, #d1d8dd)}.chat-direct-info-panel .direct-info-row{display:flex;align-items:baseline;gap:8px;font-size:12px}.chat-direct-info-panel .direct-info-row .info-label{color:var(--text-muted);font-weight:600;min-width:60px;flex-shrink:0;text-transform:uppercase;font-size:10px;letter-spacing:.3px}.chat-direct-info-panel .direct-info-row .info-value{color:var(--text-color);word-break:break-all}.chat-direct-info-panel .direct-info-row .info-link{color:var(--blue-500);text-decoration:none}.chat-direct-info-panel .direct-info-row .info-link:hover{text-decoration:underline}.chat-direct-info-panel .direct-info-bio{padding-top:4px}.chat-direct-info-panel .direct-info-bio .info-value{font-size:12px;font-style:italic;color:var(--text-muted)}.chat-direct-info-panel .direct-info-since{font-size:10px;margin-top:4px}.chat-group-settings-panel{background:var(--fg-color, #fff);border-bottom:1px solid var(--border-color, #d1d8dd);max-height:350px;overflow-y:auto}.chat-group-settings-panel .group-settings-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-color, #d1d8dd);font-weight:600;font-size:13px}.chat-group-settings-panel .group-settings-header .group-settings-close{cursor:pointer;color:var(--text-muted, #8d99a6)}.chat-group-settings-panel .group-settings-header .group-settings-close:hover{color:var(--text-color, #333)}.chat-group-settings-panel .group-settings-body{padding:10px 14px}.chat-group-settings-panel .group-name-section{margin-bottom:12px}.chat-group-settings-panel .group-name-section label{font-size:11px;color:var(--text-muted, #8d99a6);margin-bottom:4px;display:block}.chat-group-settings-panel .group-name-section .group-name-row{display:flex;gap:6px;align-items:center}.chat-group-settings-panel .group-name-section .group-name-row .group-name-input{flex:1;font-size:13px;padding:4px 8px;height:auto}.chat-group-settings-panel .group-members-section .group-members-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted, #8d99a6);margin-bottom:8px}.chat-group-settings-panel .group-members-section .group-members-header .group-add-member-btn{cursor:pointer;color:var(--primary, #2490ef)}.chat-group-settings-panel .group-members-section .group-members-header .group-add-member-btn:hover{opacity:.8}.chat-group-settings-panel .group-members-list{display:flex;flex-direction:column;gap:4px}.chat-group-settings-panel .group-member-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;transition:background .15s}.chat-group-settings-panel .group-member-row:hover{background:var(--subtle-fg, #f4f5f6)}.chat-group-settings-panel .group-member-row .group-member-avatar,.chat-group-settings-panel .group-member-row .group-member-avatar-placeholder{width:30px;height:30px;border-radius:50%;flex-shrink:0}.chat-group-settings-panel .group-member-row .group-member-avatar{-o-object-fit:cover;object-fit:cover}.chat-group-settings-panel .group-member-row .group-member-avatar-placeholder{background:var(--primary, #2490ef);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.chat-group-settings-panel .group-member-row .group-member-info{flex:1;min-width:0}.chat-group-settings-panel .group-member-row .group-member-info .group-member-name{font-size:12px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-group-settings-panel .group-member-row .group-member-info .group-member-email{font-size:10px;color:var(--text-muted, #8d99a6);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-group-settings-panel .group-member-row .group-admin-badge{font-size:10px;background:var(--green-100, #e6f5ea);color:var(--green-600, #28a745);padding:1px 6px;border-radius:10px;font-weight:600;flex-shrink:0}.chat-group-settings-panel .group-member-row .group-member-actions{display:flex;gap:6px;opacity:0;transition:opacity .15s}.chat-group-settings-panel .group-member-row .group-member-actions span{cursor:pointer;padding:2px;border-radius:3px}.chat-group-settings-panel .group-member-row .group-member-actions span:hover{background:var(--subtle-fg, #eee)}.chat-group-settings-panel .group-member-row:hover .group-member-actions{opacity:1}.chat-group-settings-panel .group-leave-section{margin-top:12px;padding-top:10px;border-top:1px solid var(--border-color, #d1d8dd)}.chat-pinned-bar{background:var(--fg-color, #fff);border-bottom:1px solid var(--border-color, #d1d8dd);max-height:200px;overflow-y:auto}.chat-pinned-bar .pinned-bar-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-size:12px;font-weight:600;color:var(--text-muted, #8d99a6);border-bottom:1px solid var(--border-color, #d1d8dd)}.chat-pinned-bar .pinned-bar-header .pinned-bar-close{cursor:pointer}.chat-pinned-bar .pinned-bar-header .pinned-bar-close:hover{color:var(--text-color, #333)}.chat-pinned-bar .pinned-messages-list{display:flex;flex-direction:column}.chat-pinned-bar .pinned-message-item{padding:6px 14px;cursor:pointer;border-bottom:1px solid var(--light-border-color, #f0f0f0);transition:background .15s}.chat-pinned-bar .pinned-message-item:hover{background:var(--subtle-fg, #f4f5f6)}.chat-pinned-bar .pinned-message-item:last-child{border-bottom:none}.chat-pinned-bar .pinned-message-item .pinned-msg-sender{font-size:11px;font-weight:600;color:var(--text-color, #333)}.chat-pinned-bar .pinned-message-item .pinned-msg-preview{font-size:11px;color:var(--text-muted, #8d99a6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-indicator{font-size:10px;display:block;margin-bottom:2px}.pinned-message{border-left:2px solid var(--yellow-500, #f5a623);padding-left:4px}.chat-pinned-btn{cursor:pointer;font-size:14px;padding:2px 4px;border-radius:4px;transition:background .15s}.chat-pinned-btn:hover{background:var(--subtle-fg, #f4f5f6)}.msg-thread-link{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--primary, #2490ef);cursor:pointer;padding:2px 0;margin-top:2px}.msg-thread-link:hover{text-decoration:underline}.msg-thread-link svg{flex-shrink:0}.chat-thread-panel{position:absolute;right:0;top:0;bottom:0;width:320px;max-width:100%;background:var(--fg-color, #fff);border-left:1px solid var(--border-color, #d1d8dd);display:flex;flex-direction:column;z-index:50;box-shadow:-2px 0 8px #00000014}.chat-thread-panel .thread-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-color, #d1d8dd);font-weight:600;font-size:14px}.chat-thread-panel .thread-panel-header .thread-panel-close{cursor:pointer;color:var(--text-muted, #8d99a6)}.chat-thread-panel .thread-panel-header .thread-panel-close:hover{color:var(--text-color, #333)}.chat-thread-panel .thread-messages{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.chat-thread-panel .thread-msg{padding:8px 10px;border-radius:8px;background:var(--subtle-fg, #f4f5f6);max-width:95%}.chat-thread-panel .thread-msg.thread-parent-msg{background:var(--blue-50, #e8f0fe);border-left:3px solid var(--primary, #2490ef)}.chat-thread-panel .thread-msg.thread-msg-mine{align-self:flex-end;background:var(--control-bg, #eef)}.chat-thread-panel .thread-msg .thread-msg-sender{font-size:11px;font-weight:600;color:var(--text-color, #333);margin-bottom:2px}.chat-thread-panel .thread-msg .thread-msg-content{font-size:13px;word-break:break-word;line-height:1.4}.chat-thread-panel .thread-msg .thread-msg-time{font-size:10px;color:var(--text-muted, #8d99a6);margin-top:2px;text-align:right}.chat-thread-panel .thread-divider{text-align:center;font-size:11px;color:var(--text-muted, #8d99a6);padding:4px 0;border-top:1px solid var(--border-color, #d1d8dd);margin:4px 0}.chat-thread-panel .thread-input-row{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--border-color, #d1d8dd)}.chat-thread-panel .thread-input-row .thread-input{flex:1;font-size:13px;padding:6px 10px;resize:none;min-height:34px;max-height:80px;border-radius:8px}.chat-thread-panel .thread-input-row .thread-send-btn{cursor:pointer;color:var(--primary, #2490ef);padding:4px;border-radius:4px;display:flex;align-items:center}.chat-thread-panel .thread-input-row .thread-send-btn:hover{background:var(--subtle-fg, #f4f5f6)}@media (max-width: 480px){.chat-thread-panel{width:100%}}.presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:3px;vertical-align:middle}.presence-online{background:var(--green-500, #28a745);box-shadow:0 0 4px #28a74580}.presence-offline{background:var(--gray-400, #c0c0c0)}
/*# sourceMappingURL=chat.bundle.K5UJH5SZ.css.map */