.chat-row{display:flex;flex-direction:row;align-items:flex-start;gap:8px;padding:6px 8px;width:100%}.chat-row.mine{flex-direction:row-reverse}.chat-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-content{display:flex;flex-direction:column;max-width:70%;overflow-wrap:break-word;min-width:0}.chat-name{font-size:12px;color:#9ca3af;margin-bottom:2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%}.chat-bubble{display:block;padding:6px 10px;border-radius:14px;font-size:14px;line-height:1.4;word-break:break-word;overflow-wrap:break-word;max-width:100%}.chat-row.mine .chat-bubble{background:#2563eb;color:#fff;align-self:flex-end;border-bottom-right-radius:2px}.chat-row:not(.mine) .chat-bubble{background:#2d2f36;color:#fff;align-self:flex-start;border-bottom-left-radius:2px}.chat-bubble.error{background:#dc2626}.chat-bubble.loading{opacity:.6;font-style:italic}.sending-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;border:2px solid #fff;border-top-color:transparent;animation:spin 1s linear infinite;margin-left:6px}@keyframes spin{to{transform:rotate(1turn)}}.chat-timestamp{font-size:10px;color:#6b7280;margin-top:2px;opacity:.7}.chat-row.mine .chat-timestamp{align-self:flex-end}.chat-name.mine{text-align:right}.chat-row{transition:background-color .2s ease}.chat-row:hover{background-color:hsla(0,0%,100%,.05)}.conversation-container{flex-direction:unset;height:calc(90vh - 100px)}.conversation-chat{width:calc(100% - 350px)}.conversation-sidebar{width:350px}.conversation-messages{scrollbar-width:thin;scrollbar-color:#6f78a8 transparent;scroll-behavior:smooth}.conversation-messages::-webkit-scrollbar{width:10px}.conversation-messages::-webkit-scrollbar-track{background:transparent}.conversation-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6976d9,#4a568d);border-radius:999px;border:2px solid #1a2343}.conversation-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7d8aff,#55629d)}.zego-cohost-label{display:inline-flex;align-items:center;gap:6px;max-width:100%}.zego-cohost-tag{flex-shrink:0;display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.02em;text-transform:lowercase;color:#93c5fd;background:rgba(59,130,246,.2);border:1px solid rgba(96,165,250,.35)}