/* 2026-10-21 grok：手机端（≤768px）对话输入框单行紧凑布局
   一行：[+] [输入框 自动增高 ≤4 行] [语音] [发送]；
   点「+」弹出附件菜单，同时在输入框下方展开工具托盘（创作/联网/知识库/连接系统/助手/模型/云电脑）；
   去掉重复的联网 pill；安全区留白；平板只去重，桌面不变。 */
@media (max-width: 768px) {
  .movo-composer { flex-direction: row !important; flex-wrap: wrap !important; align-items: flex-end !important; column-gap: 6px; row-gap: 6px; padding: 6px 6px 6px 6px !important; border-radius: 22px !important; }
  .movo-composer > .movo-composer-plan, .movo-composer > .composer-context-slot { flex: 0 0 100%; order: 0; }
  .movo-composer > .composer-footer { display: contents !important; }
  .movo-composer > .composer-footer > div.relative:first-child { order: 1; flex: 0 0 auto; }
  .movo-composer > textarea.movo-composer-input { order: 2; flex: 1 1 auto !important; width: auto !important; min-width: calc(100% - 140px) !important; max-height: 104px !important; min-height: 40px !important; overflow-y: auto; padding: 8px 2px !important; font-size: 16px !important; line-height: 24px !important; }
  .movo-composer > .composer-footer > button.movo-tool-btn[aria-pressed] { order: 3; flex: 0 0 auto; }
  .movo-composer > .composer-footer > .composer-action, .movo-composer > .composer-footer > :last-child:not(button.movo-tool-btn) { order: 4; flex: 0 0 auto; }
  .movo-composer .movo-tool-btn { width: 40px !important; height: 40px !important; }
  /* 重复的联网 pill 与占位 spacer：手机端去掉（托盘里保留联网图标） */
  .movo-composer > .composer-footer > button.rounded-full.border, .movo-composer > .composer-footer > .flex-1 { display: none !important; }
  /* 工具托盘：默认收起，点「+」（附件菜单打开）或助手/模型下拉打开时展开为第二行 */
  .movo-composer > .composer-footer > .movo-quick-actions,
  .movo-composer > .composer-footer > div.relative.min-w-0,
  .movo-composer > .composer-footer > button.movo-tool-btn:not([aria-pressed]) { display: none !important; order: 6; }
  .movo-composer:has(> .composer-footer > div.relative:first-child > div),
  .movo-composer:has(> .composer-footer > div.relative.min-w-0 > div) { --qp-tray: 1; }
  .movo-composer:has(> .composer-footer > div.relative:first-child > div) > .composer-footer > .movo-quick-actions,
  .movo-composer:has(> .composer-footer > div.relative.min-w-0 > div) > .composer-footer > .movo-quick-actions { display: inline-flex !important; order: 5; margin-left: 40px; }
  .movo-composer:has(> .composer-footer > div.relative:first-child > div) > .composer-footer > div.relative.min-w-0,
  .movo-composer:has(> .composer-footer > div.relative.min-w-0 > div) > .composer-footer > div.relative.min-w-0 { display: block !important; }
  .movo-composer:has(> .composer-footer > div.relative:first-child > div) > .composer-footer > button.movo-tool-btn:not([aria-pressed]),
  .movo-composer:has(> .composer-footer > div.relative.min-w-0 > div) > .composer-footer > button.movo-tool-btn:not([aria-pressed]) { display: inline-flex !important; }
  .movo-composer > .composer-footer > div.relative.min-w-0 > button { max-width: 150px !important; }
  /* 输入框外层：底部安全区 */
  .movo-composer { margin-bottom: env(safe-area-inset-bottom, 0px); }
  /* 回到底部按钮：放在紧凑输入框上方，不压工具行 */
  body:has(.movo-composer > .composer-footer > div.relative:first-child > div) button.chat-scroll-down { display: none !important; }
}
@media (min-width: 769px) and (max-width: 1024px) {
  /* 平板：去掉与快捷联网图标重复的联网 pill */
  .movo-composer > .composer-footer > button.rounded-full.border { display: none !important; }
}

/* 2026-10-21 grok：手机首屏（新会话欢迎态）——问候缩小、上移，功能门户紧凑两列 */
@media (max-width: 768px) {
  div.absolute.inset-x-0.top-1\/2:has(.movo-composer) { top: 0 !important; bottom: 0; transform: none !important; overflow-y: auto; padding: max(7vh, 28px) 12px calc(16px + env(safe-area-inset-bottom, 0px)) !important; }
  div.absolute.inset-x-0.top-1\/2 .text-center.text-3xl { font-size: 22px !important; line-height: 30px !important; margin-bottom: 14px !important; padding: 0 8px; letter-spacing: -0.01em; text-wrap: balance; }
  .qp-portal { margin-top: 16px !important; }
  .qp-portal-title { text-align: left !important; margin: 0 2px 8px !important; font-size: 12px !important; }
  .qp-portal-grid { gap: 8px !important; max-height: none !important; overflow: visible !important; }
  .qp-portal-card { height: auto !important; min-height: 60px; padding: 10px !important; gap: 8px !important; align-items: center !important; border-radius: 12px !important; }
  .qp-portal-icon { width: 30px !important; height: 30px !important; margin-top: 0 !important; }
  .qp-portal-card-desc { -webkit-line-clamp: 1 !important; font-size: 11px !important; }
  .qp-portal-card-title { font-size: 13px !important; }
}
@media (min-width: 769px) and (max-width: 1024px) {
  div.absolute.inset-x-0.top-1\/2 .text-center.text-3xl { font-size: 30px !important; line-height: 38px !important; }
}