.rich-text-editor{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-base);flex-direction:column;display:flex;overflow:hidden}.rich-text-editor .editor-toolbar{padding:var(--space-2);background:var(--bg-hover);border-bottom:1px solid var(--border-subtle);gap:var(--space-1);flex-wrap:wrap;display:flex}.rich-text-editor .editor-toolbar button{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.rich-text-editor .editor-toolbar button:hover{background:var(--bg-surface);color:var(--text-primary)}.rich-text-editor .editor-toolbar button.is-active{background:var(--brand-primary);color:var(--text-inverse)}.rich-text-editor .editor-toolbar button:disabled{opacity:.3;cursor:not-allowed}.rich-text-editor .editor-toolbar .divider{background:var(--border-subtle);width:1px;height:20px;margin:var(--space-1) var(--space-1)}.rich-text-editor .editor-content{min-height:200px;padding:var(--space-4);color:var(--text-primary);outline:none}.rich-text-editor .editor-content .ProseMirror{outline:none;min-height:200px}.rich-text-editor .editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0}.rich-text-editor .editor-content .ProseMirror p{margin-bottom:1em}.rich-text-editor .editor-content .ProseMirror h1,.rich-text-editor .editor-content .ProseMirror h2,.rich-text-editor .editor-content .ProseMirror h3{margin:1.5em 0 .5em;font-family:inherit;font-weight:700}.rich-text-editor .editor-content .ProseMirror ul,.rich-text-editor .editor-content .ProseMirror ol{margin-bottom:1em;padding-left:1.5em}.rich-text-editor .editor-content .ProseMirror blockquote{border-left:3px solid var(--brand-primary);color:var(--text-muted);padding-left:1em;font-style:italic}.rich-text-editor .editor-content .ProseMirror img{border-radius:8px;max-width:100%;height:auto}.rich-text-editor .editor-content .ProseMirror a{color:var(--brand-primary);text-decoration:underline}.rich-text-editor .editor-content .ProseMirror .mention{color:var(--brand-primary);background:rgba(var(--brand-primary-rgb,99, 102, 241), .1);cursor:pointer;border-radius:3px;padding:2px 4px;font-weight:500;text-decoration:none}.rich-text-editor .editor-content .ProseMirror .mention:hover{background:rgba(var(--brand-primary-rgb,99, 102, 241), .2)}.mention-popup{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:320px;overflow:hidden;box-shadow:0 8px 24px #00000026}.mention-suggestions{max-height:320px;padding:var(--space-1);overflow-y:auto}.mention-suggestions::-webkit-scrollbar{width:6px}.mention-suggestions::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.mention-suggestions::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.mention-suggestion-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-align:left;cursor:pointer;width:100%;transition:all var(--transition-base);color:var(--text-primary);background:0 0;border:none;display:flex}.mention-suggestion-item:hover,.mention-suggestion-item.is-selected{background:var(--bg-hover)}.mention-suggestion-item.is-selected{background:rgba(var(--brand-primary-rgb,99, 102, 241), .1)}.mention-suggestion-item .mention-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.mention-suggestion-item .mention-user-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mention-suggestion-item .mention-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.mention-suggestion-item .mention-handle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mention-no-results{padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:14px}
