/* ===== Composer (Discord tarzi tek yuvarlak kutu) ===== */
.composer{
  position:relative;
  display:flex;align-items:center;
  margin:0 16px 24px;padding:0;
  background:var(--input-bg);border:none;border-top:none;border-radius:8px;
  gap:0;flex-shrink:0;min-height:44px;
}
.comp-add{
  background:none;border:none;color:var(--muted);cursor:pointer;
  padding:0 16px;align-self:stretch;display:flex;align-items:center;flex-shrink:0;
}
.comp-add:hover{color:var(--text);}
.composer #input{
  flex:1;background:none;border:none;border-radius:0;color:var(--text);
  padding:11px 0;font-size:15px;outline:none;min-width:0;
}
.composer #input:focus{border:none;}
.comp-actions{display:flex;align-items:center;gap:2px;padding:0 10px 0 4px;flex-shrink:0;}
.comp-actions .icon-btn{padding:6px;color:var(--muted);background:none;border:none;cursor:pointer;display:flex;align-items:center;border-radius:5px;}
.comp-actions .icon-btn:hover{color:var(--text);background:none;}
.gif-btn{font-weight:800;font-size:11px;letter-spacing:.02em;color:var(--muted);}
.gif-btn:hover{color:var(--text);}

/* Discord: Enter ile gonder, buton gizli (mobilde gorunur) */
.composer .send-btn{display:none;}

/* emoji paneli ve mention listesi composer'a gore konumlanir */
#emojiPanel{bottom:60px;left:16px;}
.mention-list{bottom:60px;left:16px;}

@media(max-width:640px){
  .composer{margin:0 8px 8px;}
  .composer .send-btn{display:flex;align-items:center;justify-content:center;height:36px;margin-right:6px;border-radius:6px;}
}