/* responsive.css - 移动端适配
 * 与原 index.html 内联样式保持完全一致
 */

@media (max-width: 768px) {
  #sidebar { width: 100%; }
  .msg { max-width: 92%; }
  #messages { padding: 16px 12px; }
  #topbar { padding: 8px 12px; gap: 8px; flex-wrap: nowrap; }
  .topbar-left { gap: 6px; }
  .topbar-left .form-select { min-width: 120px; max-width: none; flex: 1; }
  .topbar-right { gap: 4px; }
  .topbar-btn { padding: 4px 8px; font-size: 11.5px; border-radius: 6px; }
  #inputBar { padding: 10px 12px; gap: 8px; flex-wrap: wrap; }
  /* 文本域独占一行:宽 100% + 默认更高,容纳多行内容 */
  #inputBar textarea { flex: 1 1 100%; min-height: 64px; max-height: 140px; height: 64px; }
  /* 按钮行等分宽度,发送略宽 */
  #inputBar #webSearchToggle,
  #inputBar #fileBtn,
  #inputBar #micBtn,
  #inputBar #mineruBtn,
  #inputBar #sendBtn,
  #inputBar #stopBtn {
    flex: 1 1 0; min-height: 40px; padding: 0; font-size: 13.5px; align-self: auto;
  }
  #inputBar #sendBtn { flex: 1.4 1 0; font-size: 14px; }
  #inputBar #webSearchToggle { padding: 0; }
  /* 移动端顶栏:左侧只剩汉堡,头像自然靠右 */
  #topbar > .topbar-left { flex: 0 0 auto; }
  /* 窄屏下拉:不超出视口右边缘 */
  .user-menu { min-width: 0; width: max-content; max-width: calc(100vw - 24px); right: 0; }
  .user-menu .form-select { max-width: none; }
}