/* ================= ★v3.379 手机正文行尾收敛（业主 2026-10-26） =================
   问题：手机上每一行右边挤了 5 样东西 ——
     折叠三角 26 + 待办方框 22 + 待读圆点 20 + 「⋯」32 + 阅读记录数字 38 = 138px。
     375px 的屏吃掉 37%，叠上三层缩进之后正文一行只剩 11 个字。
   做法：手机上**只留一个「⋯」**，其余收进 ⋯ 面板 ——
     （阅读记录数字、录音按钮业务主要求保留，所以它们不藏，只是压窄，见文件末尾）——
     待办 / 待读 两个开关由 rowmore.379.js 搬进面板，功能一个没少。
   状态怎么一眼看出来：设了待办 → 行首圆点变绿；设了待读 → 变橙；两个都有 → 绿点套橙环。
     （.tkn / .rdot 只是 display:none，DOM 和数据一个字都没改，所以 :has() 照样读得到状态。）
   桌面端一个像素都不动（全部带 html.phone 前缀）。
   ★ 换文件名而不是改 app.324.css：nginx 对 .css 缓存一天，改老文件手机上一天看不到。 */

/* ---------- 一行只留一个「⋯」 ---------- */
html.phone #mlist .mrow .tkn,
html.phone #mlist .mrow .rdot.rdot-row,
html.phone #mlist .mrow .mkm,
html.phone #mlist .mrow .mnl,
html.phone #mlist .mrow .mgutter{display:none!important}

/* 没有下级的行：折叠三角本来点了也没反应，别白占 20px */
html.phone #mlist .mtri.leaf{display:none!important}

/* 「⋯」的边距收一点（原来 7px 8px），但仍然留 30px 以上的可点高度 */
html.phone #mlist .mrowact{padding:6px 7px;font-size:15px}

/* ---------- 状态提示：行首圆点染色（替代被收起来的 ☐ / ○） ---------- */
html.phone #mlist .mrow:has(.tkn.on) .mbullet .bd{
  background:#2f9e44!important;box-shadow:0 0 0 3px rgba(47,158,68,.16)}

/* 已完成：还是绿的，但淡下去，正文那边已经有删除线 */
html.phone #mlist .mrow:has(.tkn.done) .mbullet .bd{
  background:#2f9e44!important;opacity:.4}

html.phone #mlist .mrow:has(.rdot.rd-todo) .mbullet .bd,
html.phone #mlist .mrow:has(.rdot.rd-due) .mbullet .bd,
html.phone #mlist .mrow:has(.rdot.rd-unread) .mbullet .bd{
  background:#f08c00!important;box-shadow:0 0 0 3px rgba(240,140,0,.16)}

/* 待办 + 待读同时有：绿点套橙环（写在最后，覆盖上面两条） */
html.phone #mlist .mrow:has(.tkn.on):has(.rdot.rd-todo) .mbullet .bd{
  background:#2f9e44!important;box-shadow:0 0 0 3px rgba(240,140,0,.6)}

/* ---------- ⋯ 面板里新增的两个开关 ---------- */
#rowSheet button.rm379{border-color:rgba(47,158,68,.45);background:rgba(47,158,68,.08);color:#2f9e44}
#rowSheet button.rm379:active{background:rgba(47,158,68,.24);color:#2f9e44}
#rowSheet button.rm379.on{background:rgba(47,158,68,.2);font-weight:600}

#rowSheet button.rm379.rd{border-color:rgba(240,140,0,.45);background:rgba(240,140,0,.08);color:#c76f00}
#rowSheet button.rm379.rd:active{background:rgba(240,140,0,.24);color:#c76f00}
#rowSheet button.rm379.rd.on{background:rgba(240,140,0,.22);font-weight:600}

/* ---------- 阅读记录（业务主 2026-10-26：「这个不能没有」） ----------
   原来它是 22px 最小宽 + 左右各 5px 内边距 + 6px 左外边距 = 38px 一块灰底泡泡。
   现在手机端只把外壳压窄（约 19px），数字本身一个字没少、照样能点 +1：
   0 的时候淡到 .32（几乎看不见但不影响点），真记过（.on）就亮起来，一眼能看出这行读过几次。 */
html.phone #mlist .mrow .rdbtn{
  display:inline-block!important;position:relative;
  min-width:0;margin-left:3px;padding:0 3px;
  font-size:11px;line-height:16px;border-radius:6px;
  background:transparent;
  /* 原样式里有一条 `.rdbtn{opacity:.55!important}`，这里必须也带 !important 才压得住 */
  opacity:.32!important}

/* 数字本身只有 12~19px 宽，手指按不准 —— 用透明热区往外撑到 28×34，布局宽度不变 */
html.phone #mlist .mrow .rdbtn::before{
  content:'';position:absolute;left:-2px;right:-6px;top:-4px;bottom:-4px}
/* ★ 热区不能往左伸太多：左边 3px 外就是「⋯」，伸过去会把点 ⋯ 的手指抢走（点了变成 +1）。
   也不能上下伸太多：行与行之间只有 ~30px，伸过 6px 就压到上下邻行的同一列。 */

html.phone #mlist .mrow .rdbtn.on{
  /* 同样要 !important：原样式 `.rdbtn{opacity:.55!important}` 会把「读过几次」的亮态也压暗 */
  opacity:1!important;padding:0 5px;font-weight:600;
  background:var(--acc2);color:var(--acc)}

/* ---------- 录音按钮 🎤（业务主 2026-10-26：「录音符号怎么也不见了」） ----------
   它**只在能编辑的行上才有**（只读态本来就不给），所以恢复它对正文宽度几乎没影响。
   原样式 padding:10px 8px + 19px 图标 = 35px；压到 padding:8px 2px ≈ 23px，触控高度仍有 35px。 */
html.phone #mlist .mrow .mvbtn{
  display:inline-flex!important;align-items:center;justify-content:center;
  padding:8px 2px;margin-left:2px;opacity:.55;
  cursor:pointer;-webkit-tap-highlight-color:transparent}
html.phone #mlist .mrow .mvbtn.on{opacity:1}
html.phone #mlist .mrow .mvbtn .ico{width:19px;height:19px;flex:0 0 19px}