.composer{padding:8px 12px;background:var(--panel);border-top:1px solid var(--border);display:flex;gap:7px;align-items:center;position:relative;flex-shrink:0;}
#input{flex:1;background:var(--input-bg);border:1px solid var(--border);border-radius:7px;color:var(--text);padding:8px 11px;font-size:14px;outline:none;}
#input:focus{border-color:var(--accent);}
.icon-btn{background:none;border:none;border-radius:7px;padding:6px;cursor:pointer;line-height:1;flex-shrink:0;color:var(--muted);display:flex;align-items:center;}
.icon-btn:hover{color:var(--accent);background:var(--panel2);}
.send-btn{background:var(--accent);border:none;color:#fff;padding:0 16px;height:36px;border-radius:7px;font-weight:600;font-size:13px;cursor:pointer;flex-shrink:0;}
.send-btn:hover{filter:brightness(1.1);}
#emojiPanel{position:absolute;bottom:52px;left:12px;background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:8px;display:none;grid-template-columns:repeat(8,1fr);gap:2px;max-width:310px;box-shadow:0 8px 24px rgba(0,0,0,.35);z-index:20;}
#emojiPanel.open{display:grid;}
#emojiPanel span{cursor:pointer;font-size:19px;padding:4px;border-radius:5px;text-align:center;}
#emojiPanel span:hover{background:var(--panel);}
.mention-list{position:absolute;bottom:52px;left:12px;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.25);display:none;z-index:25;min-width:160px;overflow:hidden;}
.mention-list.open{display:block;}
.mention-item{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;font-size:13px;}
.mention-item:hover,.mention-item.active{background:var(--panel2);}
.mention-item .m-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;}