/* kefu-fix-input.css v5 —— 聊天输入区布局修复与高度调整
 *
 * v2（已生效）：置顶栏把输入框挤出可视区
 *   实测：.wk-chat-content-chat 1750x1165 display:block
 *         .wk-chat-conversation-header 1750x64
 *         .kefu-msgpin                 1750x36   ← 置顶栏
 *         .wk-chat-conversation        1750x1101
 *   64 + 36 + 1101 = 1201 > 1165，正好溢出 36px，最底部的输入框被推出可视区。
 *
 * v3~v5：输入区抬高。原来约 62px（≈3 行），抬到 96px（≈4.5 行）。
 *
 * 注意输入区的真实结构（实测 DOM）：
 *   div.wk-messageinput-input.wk-messageinput-input--multiLine   1750x62  ← 决定外观高度
 *     textarea.wk-messageinput-input__input  position:absolute; height:53px; min-height:63px
 *   textarea 是绝对定位，不参与父容器布局，所以两者必须同时设置，
 *   否则文字会溢出到输入框外面。两者都要用 !important 才能盖住库写上去的内联样式。
 */

/* —— 置顶栏存在时，让聊天内容区让出 header(64) + 置顶栏(36) = 100px —— */
.wk-chat-content-chat:has(.kefu-msgpin) > .wk-chat-conversation {
  height: calc(100% - 100px) !important;
  overflow: hidden !important;
}

/* 置顶栏固定占位，不被压缩 */
.kefu-msgpin {
  flex: none !important;
  min-height: 34px !important;
  box-sizing: border-box !important;
}

/* 输入框区域不被压缩 */
.wk-conversation-footer {
  flex: none !important;
  flex-shrink: 0 !important;
}

/* —— 输入区抬高 ——
 * 提高特异性并覆盖 contenteditable / textarea / mentions 三种实现形态。
 * 以后想再调高度，只改这一处的 min-height 即可。
 */
.wk-messageinput-inputbox .wk-messageinput-input,
.wk-messageinput-inputbox .wk-messageinput-input__input,
.wk-messageinput-inputbox .wk-messageinput-input__control,
.wk-messageinput-inputbox .mentions__input,
.wk-messageinput-inputbox .mentions__highlighter,
.wk-messageinput-inputbox textarea,
.wk-messageinput-box .wk-messageinput-input,
.wk-messageinput-box .wk-messageinput-input__input,
.wk-messageinput-box .wk-messageinput-input__control,
.wk-messageinput-box .mentions__input,
.wk-messageinput-box .mentions__highlighter,
.wk-messageinput-box textarea,
.wk-messageinput-input__input,
.wk-messageinput-input__control,
.wk-messageinput-input,
.mentions__input,
.mentions__highlighter {
  min-height: 96px !important;
}