/* 台账列表通用交互样式（2026-09-22）
   用法：表格加 class="vx-rowedit vx-actfix"
     · vx-rowedit = 点整行任意位置打开该行编辑（复用行内 [data-vx-edit] 按钮）
     · vx-actfix  = 「操作」列（最后一列）sticky 固定在表格右侧，横滑时始终可见
   说明：不改列宽、不改列数、不动任何业务逻辑；只加样式与交互。 */

/* ① 整行可点：指针 + hover 高亮（提示“可点编辑”） */
table.vx-rowedit > tbody > tr { cursor: pointer; }
table.vx-rowedit > tbody > tr:hover > td { background-color: #eef3fc !important; }
table.vx-rowedit > tbody > tr.vx-norow { cursor: default; }
table.vx-rowedit > tbody > tr.vx-norow:hover > td { background-color: transparent !important; }
/* 行内输入/按钮区域恢复正常光标，避免“整行可点”骗人 */
table.vx-rowedit > tbody > tr > td input,
table.vx-rowedit > tbody > tr > td select,
table.vx-rowedit > tbody > tr > td textarea,
table.vx-rowedit > tbody > tr > td button,
table.vx-rowedit > tbody > tr > td a { cursor: auto; }
table.vx-rowedit > tbody > tr > td button,
table.vx-rowedit > tbody > tr > td a { cursor: pointer; }
/* 勾选框单元格不做“可点编辑”暗示 */
table.vx-rowedit > tbody > tr > td:first-child { cursor: default; }
table.vx-rowedit > tbody > tr:hover > td:first-child { background-color: inherit; }

/* ②「操作」列固定（表头 + 每行最后一格） */
/* 2026-09-23 赵哥：解除「操作」列固定（手机端占用过多横向空间）。
   保留 border-left 作为视觉分隔，不再 sticky。 */
table.vx-actfix > thead > tr > th:last-child {
  background: #f8f9fa; border-left: 1px solid #dee2e6;
}
table.vx-actfix > tbody > tr > td:last-child {
  background: #fff; border-left: 1px solid #eef0f3;
}
/* 悬停时固定列跟随行高亮 */
table.vx-actfix.vx-rowedit > tbody > tr:hover > td:last-child { background-color: #eef3fc !important; }
/* 表头本身已经 sticky top 的页面（费用等），固定列不遮挡 */
table.vx-actfix > thead > tr > th:last-child { box-shadow: -6px 0 6px -6px rgba(0,0,0,.18); }

/* ③ 可点提示条（由 JS 自动插入表格上方） */
.vx-hint { font-size: 12px; color: #64748b; margin: 0 0 6px; }
.vx-hint b { color: #16499c; font-weight: 600; }

/* 2026-09-23 赵哥：操作列只留「删除」—— 编辑按钮视觉隐藏，
   但**必须保留在 DOM 中**：点整行编辑靠 JS 触发它的 click（见 list-row-edit.js）。 */
table.vx-rowedit [data-vx-edit] { display: none; }