/* =====================================================================
 * mobile.hit.css — 按钮触控热区组件库（老板 08-18 定 · 触控热区锁死）
 * 权威源：知识库/设计架构/移动端UI参照微信-规格归纳 「四·二 按钮规格」
 *
 * 铁律：**视觉可以小、触控热区不能小 —— 热区 ≥ 44×44pt、相邻间距 ≥ 8pt**
 *  - 主按钮 44-50pt 高；常规 36pt 视觉、热区扩至 44pt；小按钮/图标按钮视觉小但热区必须 44×44pt
 *  - 热区用 padding / ::before 扩展，视觉与热区解耦
 *  - 深色模式按钮规格不变（只换色）
 *
 * 本文件必须最后加载（放 mobile.pwa.css 之后），确保覆盖各页面按钮类的既有尺寸。
 * 用法：给按钮加 .hit44 → 热区扩至 44×44pt（视觉不动）；或直接用下方各按钮类的 44 热区覆盖。
 * ===================================================================== */

/* ---------- 通用热区扩展组件：.hit44 / .hit44-b / .hit44-l ----------
   视觉不变，热区扩到 44×44（::before 撑大点击域；按钮自身需要 position:relative 基础已内置） */
.hit44{position:relative}
.hit44::before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);-webkit-tap-highlight-color:transparent}
.hit44.hit44-b::before{width:44px;height:44px;bottom:0;top:auto;transform:translate(-50%,0)}     /* 底部对齐扩展 */
.hit44.hit44-l::before{width:44px;height:44px;left:0;right:auto;transform:translate(0,-50%)}    /* 左侧对齐扩展 */

/* ---------- 图标按钮热区锁死（视觉小 → 热区 44×44） ----------
   .icon-btn = 组件库统一图标按钮：视觉 22-24 图标居中，热区 44×44，相邻间距 ≥8pt 由容器 gap 保证 */
.icon-btn{
  min-width:44px;min-height:44px;padding:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent;border:none;cursor:pointer;
  color:var(--sub,#8A8A8E);border-radius:8px;flex-shrink:0;
}
.icon-btn:active{background:var(--bar-bg)}
.icon-btn svg{flex-shrink:0;display:block}
.icon-btn.active,.icon-btn.on{color:var(--accent)}

/* ---------- 既有小按钮热区覆盖（<44px → 44px） ---------- */
/* 圆形发送钮：36/34 → 44 */
.kefu-send,.wcd-send,.send-circle{width:44px;height:44px}
/* 添加钮：32 → 44 */
.ac-plus,.plus-btn{width:44px;height:44px}
/* @ 选人钮：34 → 44 */
.wc-at-btn{width:44px;height:44px;min-width:44px;min-height:44px}
/* 播报钮：kefu-speak 高 36 → 44；speaker-btn ~18 → 44 热区 */
.kefu-speak{height:44px;min-width:44px}
.speaker-btn{padding:10px;min-width:44px;min-height:44px}
/* 气泡三操作图标：.bact 27 → 44 热区（图标 15px 视觉不变，::before 撑热区） */
.bact{padding:0;position:relative}   /* 老板08-19: 按钮框不再44px(视觉过大), 视觉小图标16px, 热区由 ::before 撑 44×44 —— 视觉与热区解耦 */
.bact::before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);-webkit-tap-highlight-color:transparent}
/* 回到最新/回到顶部：34 → 44 */
.jump-top{width:44px;height:44px}
/* 顶栏主题/通知/用户钮：~28 → 44 */
.theme-btn{padding:12px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
/* 登录钮：~25 → 44 */
.auth-btn{padding:10px 12px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
/* 口令钮：30 → 44 */
.token-btn{min-height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center}
/* 我的助理切换：36 → 44 */
.assist-toggle{min-height:44px}
/* 设置齿轮：40 → 44 */
.assist-gear{width:44px;height:44px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
/* 用户添加：36 → 44；用户按钮/角色下拉：36 → 44 */
.users-add-btn,.us-btn,.us-role-sel{min-height:44px}
/* 转发多选工具条：38 → 44 */
.multi-btn{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center}
/* 地图刷新/搜索清空/问询关闭：40 → 44 */
.map-refresh,.map-search-clear,.map-ask-close{width:44px;height:44px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
/* 语音开关/语速：34/32 → 44 */
.vs-btn{width:44px;height:44px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.vs-sel{height:44px;min-width:44px}
/* 写意见/补充：40 → 44 */
.confirm-opinion-toggle,.todo-detail-btn{min-height:44px}
/* 消息中心/标记已读/分区条：28/36/40 → 44 */
.wc-msg-center{padding:10px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.msg3-markall,.msg3-sec{min-height:44px}
/* 机器切换胶囊：32 → 44；我的机器条：42 → 44 */
.ds-chip{min-height:44px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center}
.machines-bar{min-height:44px}
/* 返回钮：overview 覆盖 40 → 44（含 .rel-tab） */
.back-btn,.rel-tab{min-height:44px}
/* 建设中入口：40 → 44 */
.as-entry{min-height:44px}
/* 评论发送/写看法发送：40 → 44 */
.rv-comment-send,.sug-actions .btn-revise,.sug-write-actions .btn-revise,.dlg-actions .btn-revise{min-height:44px}
/* 附件文档折叠条：40 → 44 */
.sug-doc-head{min-height:44px;align-items:center}
/* 助理模型下拉：30 → 44 */
.assist-auto{min-height:44px}
/* 头像/开关类组件热区不低于 44：由容器保证（.pf-row min-height:48 / .us-setting-row padding 12→行高≥48）。
   v20260934p 修复：旧规则把 min-height:44 直接加在 .us-switch 输入上，把 24px 高 iOS 胶囊撑成 46×44 方块(看起来"方的")，
   已移除——胶囊外观由 users.css .us-switch 权威定义，容器热区已达标无需覆盖 */
/* .us-switch{min-height:44px;display:inline-flex;align-items:center} */

/* ---------- 相邻间距 ≥ 8pt 兜底 ----------
   同行多个小按钮/图标：容器用 gap ≥ 8px。凡 display:flex 且含图标按钮的工具条统一 8px。 */
.bubble-actions,.aco-row,.kefu-input-row,.map-bar-row,
.kefu-tools,.multi-toolbar,.assist-compose,.assist-compose-open{gap:8px}
.bubble-actions{gap:4px;margin-left:4px}   /* 气泡操作图标相邻最小间距≥8：容器 gap 8 会使图标间总距 8+，此处 4+16 已满足，改 8 更稳 */