#messagesContainer[data-v-f87dc493]{height:100vh;max-height:600px}.edit-indicator[data-v-f87dc493]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;margin-bottom:8px;font-size:13px;color:#374151}.cancel-btn[data-v-f87dc493]{margin-left:auto;background:none;border:none;color:#6b7280;cursor:pointer;font-weight:700;padding:2px 6px;border-radius:3px}.cancel-btn[data-v-f87dc493]:hover{background:#e5e7eb;color:#374151}.mention-input[data-v-f87dc493]{min-height:80px;max-height:200px;overflow-y:auto;padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;outline:none;transition:border-color .2s;background:#fff;white-space:pre-wrap;word-wrap:break-word}.mention-input[data-v-f87dc493]:focus{border-color:#3b82f6}.mention-input.edit-mode[data-v-f87dc493]{border-color:#6b7280;background:#f9fafb}.mention-input[placeholder][data-v-f87dc493]:empty:before{content:attr(placeholder);color:#9ca3af}.mention-dropdown[data-v-f87dc493]{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:1000;max-height:200px;overflow:hidden}.mention-search[data-v-f87dc493]{width:100%;padding:8px 12px;border:none;border-bottom:1px solid #e5e7eb;outline:none;font-size:14px}.mention-results[data-v-f87dc493]{max-height:150px;overflow-y:auto}.mention-user[data-v-f87dc493]{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background-color .15s}.mention-user[data-v-f87dc493]:hover,.mention-user.active[data-v-f87dc493]{background:#f0f9ff}.user-avatar[data-v-f87dc493]{width:28px;height:28px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.user-name[data-v-f87dc493]{font-size:14px;color:#374151}.no-results[data-v-f87dc493]{padding:12px;text-align:center;color:#6b7280;font-style:italic;font-size:13px}.messages-area[data-v-f87dc493]{flex:1;padding:16px;overflow-y:auto}.message-wrapper[data-v-f87dc493]{margin-bottom:16px}.message-container[data-v-f87dc493]{background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #e5e7eb}.message-container.own-message[data-v-f87dc493]{border-left-color:#3b82f6;background:#f0f9ff}.message-header[data-v-f87dc493]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.user-info[data-v-f87dc493]{display:flex;align-items:center;gap:10px}.message-avatar[data-v-f87dc493]{width:32px;height:32px;background:#6b7280;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.own-message .message-avatar[data-v-f87dc493]{background:#3b82f6}.user-details[data-v-f87dc493]{display:flex;flex-direction:column}.user-name[data-v-f87dc493]{font-weight:600;font-size:14px;color:#374151}.message-date[data-v-f87dc493]{font-size:11px;color:#6b7280}.message-actions[data-v-f87dc493]{display:flex;gap:4px;opacity:0;transition:opacity .2s}.message-container:hover .message-actions[data-v-f87dc493]{opacity:1}.action-btn[data-v-f87dc493]{background:none;border:none;padding:6px;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s}.action-btn[data-v-f87dc493]:hover{background:#f3f4f6}.edit-btn[data-v-f87dc493]:hover{color:#3b82f6}.delete-btn[data-v-f87dc493]:hover{color:#ef4444;background:#fef2f2}.message-content[data-v-f87dc493]{color:#374151;line-height:1.5;word-wrap:break-word}.mention-tag[data-v-f87dc493]{background:#dbeafe;color:#1d4ed8;padding:2px 6px;border-radius:4px;font-size:13px;font-weight:500;display:inline-block;margin:0 2px}
