/* ===== 云枢智控 · 发送前输入过滤（mobile.filter.css） =====
   1705 输入过滤优化：优化结果卡（优化版 + 发送优化版/发送原文/继续编辑）与
   输入条附近「发送前AI优化」小开关样式。复用既有 --accent/--card/--border
   主题变量，亮暗主题自动跟随。仅被 /static/mobile.html 引用。
   单文件 ≤500 行。 */

/* 优化结果卡：显示在输入条上方（JS 动态插到对应输入条前面） */
.filter-card{
  display:none;             /* JS 控制显隐（内联 display） */
  margin:8px 14px 0;padding:10px 12px 12px;
  background:var(--card);border:1px solid var(--accent-border);border-radius:12px;
  box-shadow:var(--card-shadow);font-size:14px;line-height:1.5;flex-shrink:0;
}
.filter-card .filter-loading{
  color:var(--accent);font-weight:600;text-align:center;padding:4px 0;
}
.filter-label{
  font-size:12px;font-weight:600;color:var(--accent);margin-bottom:6px;
}
.filter-text{
  color:var(--text);font-size:14px;line-height:1.5;white-space:pre-wrap;
  word-break:break-word;padding:8px 10px;margin-bottom:8px;
  background:var(--accent-bg-light);border-radius:8px;
}
.filter-btns{display:flex;gap:8px}
.filter-btn{
  flex:1;min-height:36px;padding:0 8px;border:none;border-radius:8px;
  font-size:13px;background:var(--bar-bg);color:var(--text);cursor:pointer;
}
.filter-btn.primary{background:var(--accent-grad);color:#fff;font-weight:600}
.filter-btn:active{opacity:.85}

/* 输入条附近「发送前AI优化」开关：纯 ✨ 图标无胶囊无文字，44pt 热区（十一·AI优化只要图标去文字） */
.filter-toggle{
  width:44px;height:44px;flex-shrink:0;border:none;background:transparent;
  color:var(--accent);font-size:22px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
}
.filter-toggle .ft-ico{line-height:1}
.filter-toggle .ft-txt{display:none}   /* JS 动态渲染仍带文字节点，隐藏兜底 */
.filter-toggle.off{color:var(--sub);opacity:.7}

/* 1705 整改③：tabbar「消息」未读徽标（红底白字数量，>99 显示 99+，JS 控显隐） */
.tab-badge{
  position:absolute;top:3px;right:10px;min-width:16px;height:16px;padding:0 4px;
  background:#ff3b30;color:#fff;border-radius:8px;font-size:10px;line-height:16px;
  font-style:normal;font-weight:700;display:inline-flex;align-items:center;justify-content:center;
}