.mention,.mention-link{background-color:#dbeafe;color:#1e40af;padding:.125rem .25rem;border-radius:.25rem;font-weight:500;font-size:.875rem}.mention-link{text-decoration:none;transition:all .2s ease}.mention-link:hover{background-color:#bfdbfe;color:#1e3a8a}.notification-mention{background-color:#f3e8ff;color:#7c3aed}.message-content .mention,.message-content .mention-link{display:inline}.mention-highlight{animation:mentionPulse 2s ease-in-out}@keyframes mentionPulse{0%{background-color:#fef3c7;color:#d97706}50%{background-color:#fed7aa;color:#ea580c}to{background-color:#dbeafe;color:#1e40af}}.mention-suggestions{max-height:200px;overflow-y:auto;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.mention-suggestion-item{border-bottom:1px solid #f3f4f6}.mention-suggestion-item:last-child{border-bottom:none}.role-badge{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px}.role-owner{background-color:#f3e8ff;color:#7c3aed}.role-admin{background-color:#dbeafe;color:#1d4ed8}.role-designer{background-color:#fce7f3;color:#be185d}.role-renderer{background-color:#e0e7ff;color:#4338ca}.role-drafter{background-color:#fed7aa;color:#c2410c}.role-ffe{background-color:#d1fae5;color:#047857}.role-viewer{background-color:#f3f4f6;color:#374151}