.chat-container[data-v-9a456ffc]{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.chat-header[data-v-9a456ffc]{position:absolute;right:8px;top:8px;z-index:10}.close-btn[data-v-9a456ffc]{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn[data-v-9a456ffc]:hover{background:#f5f5f5;transform:scale(1.05)}.chat-layout[data-v-9a456ffc]{display:flex;flex:1;height:600px;min-height:0;overflow:hidden}.chat-layout.full-height[data-v-9a456ffc]{height:100%;min-height:0}.rooms-sidebar[data-v-9a456ffc]{border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100%;overflow:hidden;width:300px}.rooms-header[data-v-9a456ffc]{border-bottom:1px solid #e0e0e0;padding:16px}.rooms-header h3[data-v-9a456ffc]{color:#333;font-size:18px;font-weight:600;margin:0 0 12px}.search-container[data-v-9a456ffc]{position:relative}.search-input[data-v-9a456ffc]{border:1px solid #ddd;border-radius:20px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.search-input[data-v-9a456ffc]:focus{border-color:#f17d08}.rooms-list[data-v-9a456ffc]{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}.empty-state[data-v-9a456ffc],.loading-state[data-v-9a456ffc]{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.loading-spinner[data-v-9a456ffc]{animation:spin-9a456ffc 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#f17d08;height:24px;margin-bottom:12px;width:24px}@keyframes spin-9a456ffc{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.room-item[data-v-9a456ffc]{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s}.room-item[data-v-9a456ffc]:hover{background:#f8f9fa}.room-item.active[data-v-9a456ffc]{background:#fef2e6;border-left:3px solid #f17d08}.room-item.has-unread[data-v-9a456ffc]{background:#fff4e6;border-left:3px solid #f17d08}.room-item.has-unread[data-v-9a456ffc]:hover{background:#ffe8cc}.room-item.has-unread .room-name[data-v-9a456ffc]{color:#333;font-weight:600}.room-item.has-unread .last-message[data-v-9a456ffc]{color:#666;font-weight:500}.room-avatar[data-v-9a456ffc]{border-radius:50%;flex-shrink:0;height:40px;margin-right:12px;overflow:hidden;width:40px}.room-avatar img[data-v-9a456ffc]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.avatar-placeholder[data-v-9a456ffc]{align-items:center;background:#f17d08;color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.room-info[data-v-9a456ffc]{flex:1;min-width:0}.room-name[data-v-9a456ffc]{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.last-message[data-v-9a456ffc],.room-name[data-v-9a456ffc]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message[data-v-9a456ffc]{color:#666;font-size:12px}.attachment-indicator[data-v-9a456ffc]{color:#f17d08}.room-meta[data-v-9a456ffc]{align-items:flex-end;display:flex;flex-direction:column;margin-left:8px}.timestamp[data-v-9a456ffc]{color:#999;font-size:11px;margin-bottom:4px}.unread-indicator[data-v-9a456ffc]{background:#f17d08;border-radius:50%;height:8px;width:8px}.chat-area[data-v-9a456ffc]{display:flex;flex:1;flex-direction:column}.no-chat-selected[data-v-9a456ffc]{align-items:center;display:flex;flex:1;justify-content:center}.no-chat-content[data-v-9a456ffc]{color:#666;text-align:center}.no-chat-content h3[data-v-9a456ffc]{font-size:18px;margin:0 0 8px}.no-chat-content p[data-v-9a456ffc]{font-size:14px;margin:0}.chat-content[data-v-9a456ffc]{display:flex;flex:1;flex-direction:column;height:100%;overflow:hidden}.chat-content-header[data-v-9a456ffc]{background:#fff;border-bottom:1px solid #e0e0e0;padding:16px}.current-room-info[data-v-9a456ffc]{align-items:center;display:flex}.mobile-menu-btn[data-v-9a456ffc]{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:none;padding:8px;transition:background-color .2s}.mobile-menu-btn[data-v-9a456ffc]:hover{background-color:#f0f0f0}.mobile-close-btn[data-v-9a456ffc]{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:none;margin-left:auto;padding:8px;transition:background-color .2s}.mobile-close-btn[data-v-9a456ffc]:hover{background-color:#f0f0f0}.mobile-overlay[data-v-9a456ffc]{background-color:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s,visibility .3s;visibility:hidden;z-index:998}.mobile-overlay.active[data-v-9a456ffc]{opacity:1;visibility:visible}.current-room-avatar[data-v-9a456ffc]{border-radius:50%;height:32px;margin-right:12px;overflow:hidden;width:32px}.current-room-avatar img[data-v-9a456ffc]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.current-room-name[data-v-9a456ffc]{color:#333;font-size:16px;font-weight:600}.messages-container[data-v-9a456ffc]{background:#f8f9fa;display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto;padding:16px}.loading-messages[data-v-9a456ffc],.no-messages[data-v-9a456ffc]{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center}.messages-list[data-v-9a456ffc]{display:flex;flex-direction:column;gap:8px}.message[data-v-9a456ffc]{display:flex;margin-bottom:8px}.message-sent[data-v-9a456ffc]{justify-content:flex-end}.message-received[data-v-9a456ffc]{justify-content:flex-start}.message-content[data-v-9a456ffc]{border-radius:12px;max-width:70%;padding:8px 12px;position:relative}.message-sent .message-content[data-v-9a456ffc]{background:#f17d08;border-bottom-right-radius:4px;color:#fff}.message-received .message-content[data-v-9a456ffc]{background:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:4px;color:#333}.message-text[data-v-9a456ffc]{word-wrap:break-word;line-height:1.4}.message-image[data-v-9a456ffc]{border-radius:8px;overflow:hidden;padding:0}.shared-image[data-v-9a456ffc]{cursor:pointer;display:block;height:auto;max-height:200px;max-width:200px;transition:transform .2s;width:100%}.shared-image[data-v-9a456ffc]:hover{transform:scale(1.02)}.message-footer[data-v-9a456ffc]{align-items:center;display:flex;gap:6px;justify-content:flex-end;margin-top:4px}.message-timestamp[data-v-9a456ffc]{font-size:10px;opacity:.7}.message-status[data-v-9a456ffc]{align-items:center;display:flex}.checkmark[data-v-9a456ffc]{font-size:14px;font-weight:700;line-height:1}.checkmark.single[data-v-9a456ffc]{color:#999}.checkmark.double[data-v-9a456ffc]{color:#34b7f1;letter-spacing:-4px}.message-sent .checkmark.double[data-v-9a456ffc]{color:#34b7f1}.message-sent .checkmark.single[data-v-9a456ffc]{color:#999}.typing-indicator[data-v-9a456ffc]{color:#f17d08;font-size:13px;font-style:italic}.unread-badge[data-v-9a456ffc]{align-items:center;background:#f17d08;border-radius:9px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 6px}.message-input-container[data-v-9a456ffc]{background:#fff;border-top:1px solid #e0e0e0;flex-shrink:0;padding:16px}.message-input-wrapper[data-v-9a456ffc]{align-items:center;background:#fff;border:1px solid #ddd;border-radius:24px;display:flex;gap:8px;padding:8px}.attach-btn[data-v-9a456ffc],.send-btn[data-v-9a456ffc]{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.attach-btn[data-v-9a456ffc]:hover{background:#f0f0f0}.send-btn[data-v-9a456ffc]{color:#f17d08}.send-btn[data-v-9a456ffc]:hover:not(:disabled){background:#fef2e6}.send-btn[data-v-9a456ffc]:disabled{cursor:not-allowed;opacity:.5}.message-input[data-v-9a456ffc]{background:transparent;border:none;flex:1;font-size:14px;outline:none;padding:8px 12px}.file-preview[data-v-9a456ffc]{background:#f8f9fa;border-radius:8px;margin-top:12px;padding:12px}.file-preview-content[data-v-9a456ffc]{display:inline-block;position:relative}.preview-image[data-v-9a456ffc]{border-radius:4px;max-height:100px;max-width:100px}.remove-file-btn[data-v-9a456ffc]{background:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:20px;position:absolute;right:-8px;top:-8px;width:20px}.image-modal[data-v-9a456ffc],.remove-file-btn[data-v-9a456ffc]{align-items:center;display:flex;justify-content:center}.image-modal[data-v-9a456ffc]{background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.image-modal-content[data-v-9a456ffc]{max-height:90vh;max-width:90vw;position:relative}.image-modal-content img[data-v-9a456ffc]{border-radius:8px;max-height:100%;max-width:100%}.image-modal-close[data-v-9a456ffc]{background:none;border:none;color:#fff;cursor:pointer;padding:8px;position:absolute;right:0;top:-40px}@media (max-width:1024px){.rooms-sidebar[data-v-9a456ffc]{width:280px}}@media (max-width:768px){.chat-container[data-v-9a456ffc]{border-radius:0;box-shadow:none;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh}.chat-layout[data-v-9a456ffc]{flex:1;height:100%;min-height:0}.chat-layout.full-height[data-v-9a456ffc]{height:100%}.mobile-menu-btn[data-v-9a456ffc]{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex!important;justify-content:center;margin-right:12px;padding:8px;transition:background-color .2s}.mobile-menu-btn[data-v-9a456ffc]:hover{background:#f0f0f0}.mobile-close-btn[data-v-9a456ffc]{background:none;border:none;border-radius:4px;cursor:pointer;display:flex!important;margin-left:auto;padding:8px;transition:background-color .2s}.mobile-close-btn[data-v-9a456ffc]:hover{background:#f0f0f0}.rooms-sidebar[data-v-9a456ffc]{background:#fff;border-right:none;height:100%;left:0;position:absolute;top:0;transform:translate(-100%);transition:transform .3s ease;width:100%;z-index:20}.rooms-sidebar.mobile-open[data-v-9a456ffc]{transform:translate(0)}.chat-area[data-v-9a456ffc]{height:100%;width:100%}.chat-content[data-v-9a456ffc]{flex:1;height:100%;min-height:0}.chat-content-header[data-v-9a456ffc]{flex-shrink:0;padding:12px 16px;position:relative}.messages-container[data-v-9a456ffc]{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.current-room-info[data-v-9a456ffc],.rooms-header[data-v-9a456ffc]{align-items:center}.rooms-header[data-v-9a456ffc]{display:flex;gap:12px;padding:16px;position:relative}.rooms-header h3[data-v-9a456ffc]{flex:1;margin:0 0 12px}.room-item[data-v-9a456ffc]{border-bottom:1px solid #f0f0f0;padding:16px}.room-avatar[data-v-9a456ffc]{height:48px;margin-right:16px;width:48px}.room-name[data-v-9a456ffc]{font-size:16px;margin-bottom:6px}.last-message[data-v-9a456ffc]{font-size:14px}.message-content[data-v-9a456ffc]{font-size:16px;max-width:85%;padding:12px 16px}.message-text[data-v-9a456ffc]{line-height:1.5}.message-timestamp[data-v-9a456ffc]{font-size:12px;margin-top:6px}.shared-image[data-v-9a456ffc]{max-height:250px;max-width:250px}.message-input-container[data-v-9a456ffc]{background:#fff;border-top:1px solid #e0e0e0;flex-shrink:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));z-index:10}.message-input-wrapper[data-v-9a456ffc]{gap:12px;padding:12px}.message-input[data-v-9a456ffc]{font-size:16px;-webkit-text-size-adjust:100%;padding:12px;touch-action:manipulation}.attach-btn[data-v-9a456ffc],.send-btn[data-v-9a456ffc]{min-height:44px;min-width:44px;padding:12px}.search-input[data-v-9a456ffc]{font-size:16px;padding:12px 16px}.close-btn[data-v-9a456ffc]{height:40px;right:12px;top:12px;width:40px}}@media (max-width:480px){.rooms-header h3[data-v-9a456ffc]{font-size:20px;margin-bottom:16px}.current-room-name[data-v-9a456ffc]{font-size:18px}.message-content[data-v-9a456ffc]{font-size:15px;max-width:90%;padding:10px 14px}.shared-image[data-v-9a456ffc]{max-height:200px;max-width:200px}.file-preview[data-v-9a456ffc]{margin-top:8px;padding:8px}.preview-image[data-v-9a456ffc]{max-height:80px;max-width:80px}}@media (max-width:768px){.mobile-overlay[data-v-9a456ffc]{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:15}.mobile-overlay.active[data-v-9a456ffc]{opacity:1;visibility:visible}}.separator[data-v-9a456ffc]{border-bottom:1px solid #ddd;width:100%}.date-text[data-v-9a456ffc]{color:#666;font-size:10px;margin:16px 0;text-align:center;width:100%}@media (hover:none) and (pointer:coarse){.room-item[data-v-9a456ffc]:hover{background-color:transparent}.room-item[data-v-9a456ffc]:active{background-color:#f8f9fa}.attach-btn[data-v-9a456ffc]:hover,.send-btn[data-v-9a456ffc]:hover{background:none}.attach-btn[data-v-9a456ffc]:active{background:#f0f0f0}.send-btn[data-v-9a456ffc]:active:not(:disabled){background:#fef2e6}.shared-image[data-v-9a456ffc]:hover{transform:none}.shared-image[data-v-9a456ffc]:active{transform:scale(.98)}}