/* ★★ 2026-10-03 客户口径（原话）：
 *   「输入窗口单独放一行，三行字高，就不要和其他的按钮挤在一行了」
 *
 * 为什么必须用这么重的写法：`.agent-dock-input` / `.agent-dock-input-col` / `.agent-dock-composer`
 * 被 ui_ux_patch_d/e/f/h、themes、_css_app/_css_drama 等十几处反复覆盖，其中
 *   · `body.drama-premium .agent-dock-input-col { max-height: 32px !important }` ⇒ 外壳被卡在 32px、撑不高
 *   · `... #agentChatInput.agent-dock-input { white-space: nowrap !important }` ⇒ 禁止换行（单行滚动）
 *   · `body.drama-premium .agent-dock-composer { flex-direction: row !important }` ⇒ 强制横向挤一行
 * 本文件在 base.html 里**最后加载**（post_css 之后），选择器与那些 patch 同量级并带 !important，
 * 因此稳定生效。
 */

/* ① 整体纵向两行：上一行=输入框（独占一行），下一行=按钮组 */
body.drama-premium .drama-agent-dock .agent-dock-composer,
body.drama-premium .agent-dock-composer {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 8px !important;
}

/* ② 外壳解除 32px 限制（这是"撑不到三行"的元凶），且透明无边框 ⇒ 视觉上只看到输入框本身 */
body.drama-premium .drama-agent-dock .agent-dock-input-col,
body.drama-premium .drama-agent-dock .agent-dock-input-col.agent-dock-input-row-full,
body.drama-premium .agent-dock-input-col {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  flex: 0 0 auto !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* ③ 输入框本体：3 行字高（16px × 1.5 × 3 + 内边距 ≈ 90px），允许换行、超高内部滚动 */
body.drama-premium .drama-agent-dock .agent-dock-input-row-full .agent-dock-input,
body.drama-premium .drama-agent-dock #agentChatInput.agent-dock-input,
body.drama-premium .drama-agent-dock #agentChatInput.agent-dock-input.form-control,
body.drama-premium .drama-agent-dock textarea#agentChatInput,
body.drama-premium .agent-dock-input-col .agent-dock-input,
body.drama-premium .agent-dock-input {
  width: 100% !important;
  min-height: 90px !important;      /* ← 三行字高 */
  height: auto !important;
  max-height: 190px !important;
  white-space: pre-wrap !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  resize: none !important;
  line-height: 1.5 !important;
  font-size: 1rem !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* ④ 按钮行：独立一行、无边框背景，靠右；不再与输入框共用外框 */
body.drama-premium .drama-agent-dock .agent-dock-actions-row,
body.drama-premium .drama-agent-dock .agent-dock-composer-row,
body.drama-premium .agent-dock-composer-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.drama-premium .drama-agent-dock .agent-dock-actions-row .agent-dock-tools,
body.drama-premium .agent-dock-actions-row .agent-dock-tools {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* ⑤ 窄屏（手机）同样保持三行，不被压回 1~2 行 */
@media (max-width: 640px) {
  body.drama-premium .agent-dock-input-col,
  body.drama-premium .drama-agent-dock .agent-dock-input-col.agent-dock-input-row-full {
    max-height: none !important;
  }
  body.drama-premium .drama-agent-dock #agentChatInput.agent-dock-input,
  body.drama-premium .drama-agent-dock .agent-dock-input-row-full .agent-dock-input {
    min-height: 82px !important;
    max-height: 160px !important;
  }
}

/* ★★ 2026-10-04 客户口径：「人工审核的右箭头改成文字“下一步”吧，更明晰」
 * 该按钮只在人工审核模式下出现（JS: btn.hidden = !manual）。
 * 原样式是 44×44 的透明圆 + 绿色箭头 ⇒ 这里改成**药丸形文字按钮**，
 * 与「自动审核 / 人工审核」两个开关并排也不拥挤。 */
body.drama-premium .drama-agent-dock .btn-force-next,
body.drama-premium .btn-force-next {
  width: auto !important;
  min-width: 76px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(56, 189, 120, 0.55) !important;
  background: rgba(56, 189, 120, 0.14) !important;
  color: #6ee7a8 !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
  margin-left: 8px !important;
}
body.drama-premium .drama-agent-dock .btn-force-next:hover,
body.drama-premium .btn-force-next:hover {
  background: rgba(56, 189, 120, 0.24) !important;
  color: #86efac !important;
}
body.drama-premium .btn-force-next .force-next-label { line-height: 1 !important; }