.app-shell,.chat-layout,.chat-panel,.message-input,.channel-header { min-width:0; max-width:100%; }
.message-input input { min-width:0; width:0; flex:1 1 0; }
.message-input > button { flex-shrink:0; }
.messages { overflow-wrap:anywhere; }
.messages .msg,.messages .action { padding-right:0; }
.messages .message-actions { position:static; display:inline-flex; flex-wrap:wrap; vertical-align:middle; margin-left:6px; max-width:100%; }
.message-actions .reply-button { position:static; opacity:1; }
.reaction-bar { flex-wrap:wrap; }
.reply-preview { overflow-wrap:anywhere; }
@media(max-width:780px) {
  .app-shell { width:100%; height:100dvh; }
  .topbar { min-width:0; flex-wrap:wrap; gap:6px; padding:6px 8px; }
  .app-shell { grid-template-rows:auto minmax(0,1fr); }
  .brand { min-width:0; font-size:15px; }
  .messages { padding:10px 8px; }
  .message-input { padding:8px; gap:6px; }
  .channel-header { overflow-wrap:anywhere; padding:0 8px; }
  .reaction-add { opacity:1; }
}