/* colresize.css —— 表格「拖列宽」抓手的共用样式（客户管理 / 主动获客两条线共用一份）。
 *
 * 【为什么单独一个文件】抓手的样子原来在 crm.css 和 prospect.css 各写一份，
 *   尺寸还不一样（7px / 6px），用户看不出哪儿能拖。合成一份，两边长得一样、都够大好点。
 *   2026-09-28 真机踩过：只监听鼠标事件时，触屏上手指按上去完全没反应 ——
 *   光加 pointer 事件还不够，抓手必须 `touch-action: none`，否则浏览器会把它当成滚动。
 *
 * 各页只负责"抓手贴在格子的哪一边"（表头格子的 overflow 不一样），其余都在这里。
 */

.colres, .pg-g-res {
    position: absolute;
    top: 0;
    height: 100%;
    width: 10px;                 /* 7px 太细，手指根本点不到 */
    cursor: col-resize;
    z-index: 6;
    touch-action: none;          /* ★ 触屏必需：不然手指拖动会被当成页面滚动 */
    -webkit-user-select: none;
    user-select: none;
}
/* 常显一条淡线 —— 以前只在 hover 时才有反馈，而手机上根本没有 hover，
   用户压根不知道这一列右边能拖。 */
.colres::after, .pg-g-res::after {
    content: '';
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 50%;
    width: 1px;
    background: var(--border, #dde5ea);
}
.colres:hover::after, .pg-g-res:hover::after,
.colres:active::after, .pg-g-res:active::after {
    background: var(--accent, #1b6b8f);
    width: 2px;
}
/* 拖宽中：整页光标统一，别在划过单元格时变回箭头 */
body.col-resizing, body.col-resizing * { cursor: col-resize !important; user-select: none !important; }