/* ===== 云枢智控 · 集群AI客服 入口卡 + 聊天子屏样式（mobile.kefu.css） =====
   20260866 C-① 消息中枢三合一：消息 Tab 置顶入口卡 + 客服聊天子屏。
   入口卡视觉区别于普通会话（渐变圆角卡）；聊天子屏气泡流（右=老板/左=AI）+ 转人工引导卡。
   加载顺序：mobile.css → … → mobile.messages.css → mobile.kefu.css；仅被 /static/mobile.html 引用。
   约束：单文件 ≤500 行。 */

/* ===== 入口卡已并入微信会话列表 CHANNELS 首项（总整改单⑦⑧: .msg-kefu-card 旧入口卡清理,不再使用 93% 宽蓝卡） ===== */

/* ===== 聊天子屏布局（消息 Tab 内子页面，无底部 tab） ===== */
#screen-kefu.active{display:flex;flex-direction:column;overflow:hidden}
.kefu-list{
  flex:1;overflow-y:auto;min-height:0;padding:14px 12px 20px;
  display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch;
}
.kefu-empty{
  margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;
  color:var(--sub);font-size:16px;text-align:center;padding:40px 20px;
}
.kefu-empty .ke-ico{font-size:34px}
.kefu-empty .ke-sub{font-size:12px;opacity:.75}

/* ===== 气泡流：右侧=老板 / 左侧=AI / guide=转人工引导（总整改单⑧: 微信式气泡,自己纯色蓝/对方白,尾巴4pt,≤70%） ===== */
.kefu-bubble-row{display:flex;flex-direction:column;max-width:100%}
.kefu-bubble-row.mine{align-items:flex-end}
.kefu-bubble-row.theirs{align-items:flex-start}
.kefu-bubble{
  max-width:70%;padding:9px 12px;border-radius:12px;font-size:16px;line-height:1.55;
  word-break:break-word;white-space:pre-wrap;border:1px solid var(--border);
  background:var(--card);color:var(--text);
  border-bottom-left-radius:4px;   /* 对方: 左下4pt尾巴 */
}
.kefu-bubble-row.mine .kefu-bubble{
  background:var(--accent);color:#fff;border-color:transparent;   /* 自己: 纯色#007AFF(禁渐变),右下4pt尾巴 */
  border-bottom-left-radius:12px;border-bottom-right-radius:4px;
}
.kefu-bubble.pending{opacity:.7;font-style:italic}
.kefu-text{white-space:pre-wrap;word-break:break-word}
.kefu-bubble-row.guide{align-items:center}
.kefu-guide{
  display:flex;align-items:center;gap:8px;max-width:88%;
  background:var(--warn);color:#fff;border-radius:12px;padding:9px 12px;font-size:14px;
  box-shadow:0 2px 8px rgba(255,171,64,.25);
}
.kefu-guide .kg-ico{font-size:18px;flex-shrink:0}
.kefu-guide .kg-text{line-height:1.5}

/* ===== 底部输入条 ===== */
.kefu-input{flex-shrink:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--border)}
.kefu-input textarea{
  width:100%;min-height:40px;max-height:96px;resize:none;border:1px solid var(--border);border-radius:12px;
  padding:9px 12px;font-size:16px;background:var(--bg);color:var(--text);outline:none;
}
.kefu-input-row{display:flex;align-items:center;gap:8px;margin-top:6px}
.kefu-hint{flex:1;font-size:11px;color:var(--sub)}
.kefu-send{
  width:36px;height:36px;border-radius:50%;border:none;background:var(--accent);color:#fff;   /* 20260818 配色统一: 发送钮蓝紫渐变→主蓝 */
  font-size:16px;line-height:1;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;
}
.kefu-send:active{opacity:.85}