/* Mentions share the portal palette; lime badges belong to the dark navigation. */
.mention-picker { position:fixed; z-index:260; width:350px; max-width:calc(100vw - 16px); max-height:calc(100dvh - 24px); overflow:auto; padding:8px; border:1px solid #d6e2ee; border-radius:14px; background:#fff; box-shadow:0 12px 40px #23354826; }
.mention-picker-title { display:flex; align-items:center; gap:9px; padding:7px 9px; color:#233548; font-size:14px; font-weight:600; }
.mention-picker-title>span { color:#087f75; font-size:20px; }
.mention-picker-query { display:flex; align-items:center; gap:8px; margin:2px 5px 7px; padding:8px; border-radius:7px; background:#f3f7fc; color:#76879a; font-size:12px; }
.mention-picker-query svg { width:16px; height:16px; flex:none; }
.mention-picker [role=listbox] { max-height:280px; overflow:auto; }
.mention-picker [role=option] { display:flex; width:100%; align-items:center; gap:10px; padding:9px; border-radius:8px; color:#233548; text-align:left; }
.mention-picker [role=option]:hover,.mention-picker [aria-selected=true] { background:#eaf4f2; }
.mention-picker [role=option]>.avatar { width:32px; height:32px; flex:none; }
.mention-picker [role=option]>span:nth-child(2) { flex:1; min-width:0; }
.mention-picker [role=option] strong { display:block; font-size:14px; font-weight:550; }
.mention-picker [role=option] strong small { margin-left:8px; font-size:10px; color:#728394; font-weight:400; }
.mention-picker [role=option] span>span { display:block; margin-top:2px; color:#7d8b9a; font-size:11px; }
.mention-picker [role=option]>svg { width:16px; height:16px; color:#087f75; }
.mention-picker-hint { padding:9px 9px 2px; border-top:1px solid #edf1f5; margin-top:5px; font-size:10px; color:#8795a4; }
.mention-no-results { padding:20px 12px; font-size:13px; color:#76879a; }
.message-mention { border-radius:4px; background:#e8eff8; color:#315f8b; padding:1px 3px; font-weight:550; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.message-mention.mentions-you { background:#dcefdc; color:#347044; }
.message { transition:background-color .4s ease; }
.message.mention-unread,.channel-workspace .message.mention-unread,.channel-workspace .message.mention-unread:hover { background:#eff8e9; box-shadow:inset 3px 0 #92bd72; }
.channel-workspace .channel-message.selected:not(.mention-unread) { background:#f5f8fc; border-left-color:#8da9c4; }
.mention-attention { color:#5f854e; background:#e3f0d8; padding:2px 6px; border-radius:5px; font-size:10px; line-height:16px; font-weight:500; }
.thread-mention-count { display:inline-flex; align-items:center; justify-content:center; padding:1px 5px; border-radius:5px; background:#e4f0d7; color:#507731; font-size:11px; font-weight:600; margin-left:4px; }
.sidebar .nav-count.mention-count { flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; margin-left:auto; min-width:21px; height:21px; padding:0 5px; border-radius:12px; background:#ccff00; color:#202712; font-size:11px; font-weight:650; line-height:21px; }
.sidebar .channel-link>span:not(.channel-hash):not(.mention-count) { min-width:0; overflow-wrap:anywhere; }
.sidebar .channels-toggle .nav-chevron { margin-left:auto; }
.sidebar .channels-toggle .nav-count.mention-count { margin-left:4px; }
.sidebar .channel-link .nav-count.mention-count { min-width:19px; height:19px; font-size:10px; }