处理。 */
.hg-num-int { white-space: nowrap; }
.hg-num-frac { white-space: nowrap; }
/* 数据行悬停反色（排除页脚行、分页行） */
#pgForm .hg-sales-grid tbody tr:not(.hg-grid-footer):not(.hg-grid-pager):hover > td { background: #e6f2fa !important; color: var(--hg-primary) !important; }
/* hover 行内子元素（链接/内联色 span/font）也变蓝（用户要求"选中行文字蓝字"），避免白字看不清 */
#pgForm .hg-sales-grid tbody tr:not(.hg-grid-footer):not(.hg-grid-pager):hover > td * { color: var(--hg-primary) !important; }
/* 2026-08-31 复选框选中的行（点击行首 checkbox，GridView SelectedRowStyle 是 inline 白字）：
# 用 :has() 选中 + !important 强制把内联白字覆盖为蓝字，背景保留 GridView 浅蓝 */
/* 页脚“本页合计” */
#pgForm .hg-sales-grid .hg-grid-footer td { font-weight: 700; background: var(--hg-primary-soft); color: var(--hg-primary-deep); border-bottom: 0; }
/* 空数据提示行（GridView EmptyDataText，2026-08-26 上货查询等） */
#pgForm .hg-sales-grid .hg-grid-empty td { text-align: center !important; color: var(--hg-muted); padding: 28px 12px !important; font-size: 13px; }
/* 汇总行（“本页合计” / “总计” 等）：销量(5)/销售金额(7)/提成后收入(8) 右对齐 */
#pgForm .hg-sales-grid tr.hg-grid-footer td:nth-child(5),
#pgForm .hg-sales-grid tr.hg-grid-footer td:nth-child(7),
#pgForm .hg-sales-grid tr.hg-grid-footer td:nth-child(8),
#pgForm .hg-sales-grid tr.hg-grid-summary td:nth-child(5),
#pgForm .hg-sales-grid tr.hg-grid-summary td:nth-child(7),
#pgForm .hg-sales-grid tr.hg-grid-summary td:nth-child(8) {
text-align: right !important;
font-variant-numeric: tabular-nums;
white-space: normal !important;
}
/* 在线销售（wcSale）合计行：销售数量是第 4 列，全局只对齐了 5/7/8，此处按页补齐。
列序 0序号 1商品编码 2商品名称 3销售数量(→nth-child 4) 4单价 5折扣 6优惠 7实收金额 8操作 */
#pgForm .hg-sales-grid.hg-sale-grid tr.hg-grid-footer td:nth-child(4) {
text-align: right !important;
font-variant-numeric: tabular-nums;
white-space: normal !important;
}
/* 分页行（JS 规范化前后兜底） */
#pgForm .hg-sales-grid .hg-grid-pager td { text-align: center; color: var(--hg-muted); background: transparent; }
/* JS hgNormalizePager() 把页码重建为 flex 容器：统一间距，彻底消除 ASP.NET 默认分页
在页码间生成的不对称空占位 | / 间隙；只有当前页（直接子 ）高亮为绿色。 */
#pgForm .hg-sales-grid .hg-pager-wrap {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
max-width: 100%;
justify-content: center;
align-items: center;
width: 100%;
gap: 4px;
}
#pgForm .hg-sales-grid .hg-pager-wrap > a,
#pgForm .hg-sales-grid .hg-pager-wrap > span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 32px;
padding: 6px 8px;
border-radius: var(--hg-radius-sm);
text-align: center;
text-decoration: none;
background: #f3f4f6;
color: var(--hg-muted);
font-weight: 400;
white-space: nowrap;
cursor: pointer;
}
#pgForm .hg-sales-grid .hg-pager-wrap > a:hover,
#pgForm .hg-sales-grid .hg-pager-wrap > .hg-pg-link:hover {
background: var(--hg-primary);
color: #ffffff;
}
/* 当前页：JS 显式打 .hg-pg-current（服务端把“当前页”渲染成无链接的 时）。
只有它染主色，不再“所有 span 都绿”，避免把被误渲染成 的其它页码也染绿。 */
#pgForm .hg-sales-grid .hg-pager-wrap > .hg-pg-current {
background: var(--hg-primary);
color: #ffffff;
cursor: default;
}
/* 禁用导航（« » … 等）：灰色、不可点、淡化 */
#pgForm .hg-sales-grid .hg-pager-wrap > .hg-pg-disabled {
background: transparent;
color: var(--hg-muted);
cursor: default;
opacity: .45;
}
/* 链接内嵌套的 span 不继承高亮 */
#pgForm .hg-sales-grid .hg-pager-wrap > .hg-pg-link span,
#pgForm .hg-sales-grid .hg-pager-wrap > a span {
background: transparent;
color: inherit;
}
/* 页脚（由 wcBar.ascx 输出 .hg-footer）
页脚 td 为 colspan=2，跨过左侧菜单列，宽度=侧边栏+内容区之和（与上方全部栏同宽）；
桌面/手机均保留圆角 */
.hg-shell > tbody > tr:last-child td { padding: 0; }
.hg-shell > tbody > tr:last-child td .hg-footer {
border-radius: var(--hg-radius-xl);
margin-top: 24px;
}
/* ====== 响应式 ====== */
/* 中等屏：三栏仍等比缩小（grid minmax 已处理）；更窄时堆叠为三行 */
@media (max-width: 1024px) {
.hg-shell { max-width: 100%; margin-top: 16px; }
}
/* 老布局根表格（table.hg-legacy-filter）撑满右侧面板：统一由全局 #pgForm > table { width:100% }（上方 L1118）
负责，各页无需重复声明（2026-08-13 清理：原 putprodquery/myprod/downqk 三条 width:100% 均被全局覆盖属冗余，
其中 putprodquery 已改 div 卡片布局、table 规则为死代码；专属类名保留，仅作页面专属覆盖的作用域锚点）。 */
/* 窄屏：首页三栏纵向堆叠为三行 */
@media (max-width: 880px) {
.hg-home-row { grid-template-columns: 1fr; }
}
/* 2026-08-15 销售查询（wcSaleQuery 等 .hg-rpt-page 报表根 table）：
桌面端同样需要 width:100% + table-layout:fixed + display:table，
否则外层 table 默认 width:auto 会被内部 GridView（带 border+border-radius）撑宽，
视觉上"表格跑出 .hg-content-card 白底卡片"（之前只有 @media 768 内的规则，桌面端不生效） */
#pgForm > div.hg-content-card > table.hg-rpt-page,
#pgForm > div.hg-content-card > table.hg-boxsale-page {
display: table !important;
table-layout: fixed !important;
width: 100% !important;
}
#pgForm > div.hg-content-card > table.hg-rpt-page > tbody,
#pgForm > div.hg-content-card > table.hg-boxsale-page > tbody { display: table-row-group !important; }
#pgForm > div.hg-content-card > table.hg-rpt-page > tbody > tr,
#pgForm > div.hg-content-card > table.hg-boxsale-page > tbody > tr { display: table-row !important; }
#pgForm > div.hg-content-card > table.hg-rpt-page > tbody > tr > td,
#pgForm > div.hg-content-card > table.hg-boxsale-page > tbody > tr > td { display: table-cell !important; width: 100% !important; }
/* ============================================================
中等屏（769~1024px）：左侧菜单折叠为汉堡抽屉，表格占满内容区
（原 768 断点的抽屉机制上移到 1024，解决中等屏表格被 240px 菜单列挤压；
2026-08-21，配合 default.aspx JS isMobile 判断 768→1024）
============================================================ */
@media (max-width: 1024px) {
.hg-menu-toggle { display: block; }
/* 2026-08-21 中等屏/移动端内容贴边：覆盖全局 #pgForm padding-left:24px（移动段另有完整 padding 声明，源序在后，需各自改 left） */
#pgForm { padding-left: 0; }
/* 顶栏高于遮罩(200)与展开菜单(210)，保证汉堡按钮始终可点 */
.hg-topbar { z-index: 250; }
/* 解除 pgTool 列 240px 锁定：内容区占满全宽（table-layout:fixed 下 width/min/max 全清）
2026-08-21 修复：选择器收紧到 tr:first-child（只针对菜单行的第一 td 折叠为 0 宽）；
原 tr > td:first-child 会误伤每个 tr 的第一 td（包括页脚 tr 的合并 td=0 宽→页脚容器被挤成内容宽、链接每字一行竖排） */
.hg-shell > tbody > tr:first-child > td:first-child { width: 0 !important; min-width: 0 !important; max-width: 0 !important; padding: 0 !important; }
/* 修复 Edge 的 fixed 列分配 bug：td1 置 0 后 td2 只分到 50% 空间，显式 width:100% 让内容区真正占满 */
.hg-shell > tbody > tr > td:nth-child(2) { width: 100%; }
/* 2026-08-27 用户截 955 视口：登录态下第一列 td 被某段（hg-prelogin fallback 或 line:870 var(--hg-sidebar-w)=240px 残留）
挤成 ~50% 宽度，内容卡片视觉偏左、表格列被严重压缩（销售金额 ¥92.00 断成两行）。
这里防御式加固第二列 td：用 !important 三件套（width:100% + min-width:0 + max-width:100%）覆盖任何残留
的 table-cell 宽度限制（包括 prelogin fallback / InProc session 失效回退 / devtools 视口元数据异常）。
保留 display:table-cell 与 hg-shell 桌列布局兼容——display:block 会破坏桌列布局，仅用三件套足以撬开父锁。 */
.hg-shell > tbody > tr:first-child > td:nth-child(2) {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
}
#pgTool {
position: fixed; top: var(--hg-topbar-h); left: 0; bottom: 0;
width: 82% !important; max-width: 300px !important;
background: var(--hg-surface); overflow: auto;
z-index: 90; padding: 16px;
border-right: 1px solid var(--hg-border);
transform: translateX(-105%);
transition: transform .3s var(--hg-ease-standard);
box-shadow: var(--hg-shadow-lg);
border-radius: 0;
}
#pgTool.hg-open { transform: translateX(0); z-index: 210; }
/* 未登录（中等屏/移动）：登录表单流式显示，不弹遮罩、不自动展开抽屉。
同时必须恢复 td 宽度（上面 width:0 会把登录表单容器也压成 0）。
2026-08-27 修复：原 width:100% !important + line:1772 第二列 width:100%
在 table-layout:fixed 下被等分 50/50 → 内容卡片视觉偏左 ~50%。
改为 display:block 让第一列 td 脱离 table 列分配、流式占第一行；
第二列 td 保持 table-cell + line:1772 width:100% 占第二行（即登录表单下方的内容区）。
同时把登录表单外的 #pgTool 实际内容走 transform/width=0 隐藏，仅靠 #pgForm 内的 fallback 登录表单（如果存在）兜底——
实测 default.aspx JS 在 isMobile && prelogin 时把登录表单直接挂在第一列 td 内显示（见 default.aspx:124-134），
该容器由 prelogin 段靠边沿：position:static 不再 fixed、box-shadow 清掉。 */
/* 同时把第二列 td 折叠为 0（原 line:1772 width:100% 让 login/prelogin 都走 100%，与 prelogin 第一列 100% 在
table-layout:fixed 下被等分 50/50、内容卡片视觉偏左 ~50%。prelogin 时第二列没内容可显，干脆隐藏）。 */
body.hg-prelogin .hg-shell > tbody > tr > td:nth-child(2) { display: none !important; }
body.hg-prelogin .hg-shell > tbody > tr:first-child > td:first-child { width: 100% !important; min-width: 0 !important; max-width: 100% !important; padding: 0 !important; }
body.hg-prelogin .hg-menu-toggle { display: none; }
/* 把 prelogin #pgTool 全部加 !important（覆盖通用段 line:1773 max-width:300px !important）。 */
body.hg-prelogin #pgTool {
position: static !important; transform: none !important;
width: 100% !important; max-width: 100% !important;
z-index: auto !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important;
border-right: 0 !important;
}
}
/* 2026-08-28 移动端未登录页也展示轮播广告：
上面 prelogin 段把第二列（#pgForm）整体隐藏了（移动端只留登录框），轮播会一起看不见。
这里让第二列以 block 流式出现在登录框下方（display:block 可避开 table-layout:fixed 的 50/50 等分问题），
并继续隐藏里面的公告表格，保持原有「移动端未登录只给登录框」的体验，只是多一张广告图。 */
@media (max-width: 1024px) {
/* 769~1024 区间 .hg-shell 仍是 display:table，td 直接改 block 会塌成 0 宽；
所以把 shell/tbody/tr 一并流式化，两列 td 都变块级上下排列（登录框在上、轮播在下）。
仅对 body.hg-prelogin（未登录）生效，不影响已登录后的任何布局。 */
body.hg-prelogin .hg-shell,
body.hg-prelogin .hg-shell > tbody,
body.hg-prelogin .hg-shell > tbody > tr { display: block !important; width: 100% !important; }
/* 必须用与上面 prelogin 段【相同】的 :nth-child 选择器：那条是 (0,3,4) 且带 !important，
若这里写成 td（(0,2,4)）特异度更低，会被它的 display:none 反向覆盖。同特异度 + 源序靠后才生效。 */
body.hg-prelogin .hg-shell > tbody > tr > td:nth-child(1),
body.hg-prelogin .hg-shell > tbody > tr > td:nth-child(2) {
display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; padding: 0 !important;
}
/* 2026-08-29 轮播已移进这张 table（作为 .hg-banner-row），不能再整表隐藏，
否则移动端轮播也会消失；改为只隐藏公告行，保留轮播行。 */
body.hg-prelogin #pgForm > table > tbody > tr:not(.hg-banner-row) { display: none; }
}
@media (max-width: 768px) {
.hg-menu-toggle { display: block; }
/* 移动端：顶栏必须高于遮罩(200)，否则汉堡按钮被遮罩盖住、菜单展开后无法再次点击收起。
同时高于展开后的侧边菜单(210)，保证顶栏始终可点。低于公告弹窗(300)不受影响。 */
.hg-topbar { z-index: 250; }
.hg-sales table td .hg-amt-int,
.hg-sales table td .hg-amt-dec { display: block; }
.hg-shell,
.hg-shell > tbody,
.hg-shell > tbody > tr,
.hg-shell > tbody > tr > td { display: block; width: 100% !important; }
/* 防报表表格撑破整页：table→block 后 width:auto 会取内容 min-width 而超出视口，
连带把站点页脚（关于我们等 colspan=2 的 td）一起撑宽、视觉错位到表格上方。
强制 shell 占满视口；报表根卡片 table-layout:fixed 不随内容撑开；
表格横向滚动仍由内部 .hg-table-scroll(overflow-x:auto) 处理。 */
.hg-shell { width: 100% !important; }
#pgForm { min-width: 0; }
#pgForm > table.hg-page-card { table-layout: fixed; width: 100% !important; }
/* 页脚 td(colspan=2) 也是其所在行的 :first-child，需解除侧边栏 260px 的 min/max 锁定，才能占满整宽 */
.hg-shell > tbody > tr > td:first-child { min-width: 0 !important; max-width: 100% !important; }
#pgTool {
position: fixed; top: var(--hg-topbar-h); left: 0; bottom: 0;
width: 82% !important; max-width: 300px !important;
background: var(--hg-surface); overflow: auto;
z-index: 90; padding: 16px;
border-right: 1px solid var(--hg-border);
transform: translateX(-105%);
transition: transform .3s var(--hg-ease-standard);
box-shadow: var(--hg-shadow-lg);
border-radius: 0;
}
#pgTool.hg-open { transform: translateX(0); z-index: 210; }
/* 未登录（移动端）：登录表单直接流式显示，不弹灰色遮罩、不自动展开抽屉。
body.hg-prelogin 由 default.aspx 在未检测到登录态时添加。 */
body.hg-prelogin .hg-menu-toggle { display: none; }
/* 把 prelogin #pgTool 全部加 !important（覆盖通用段 line:1773 max-width:300px !important）。 */
body.hg-prelogin #pgTool {
position: static !important; transform: none !important;
width: 100% !important; max-width: 100% !important;
z-index: auto !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important;
border-right: 0 !important;
}
/* 移动端遮罩 #mask 的 z-index=200；展开菜单必须高于它，否则遮罩的半透明黑底压在菜单上
（视觉灰显）并拦截点击（菜单项点不动）。菜单置于遮罩之上、顶栏之下(250)。 */
#pgForm { padding: 16px 0 0 0; }
#pgForm > table > tbody > tr > td:first-child { padding-right: 0; }
#pgForm > table,
#pgForm > table > tbody,
#pgForm > table > tbody > tr,
#pgForm > table > tbody > tr > td { display: block; width: 100% !important; }
/* 报表页根 table：移动端恢复 table 布局，避免被上面 #pgForm > table{display:block}
破坏 table-layout:fixed，导致整页横向溢出、站点页脚(colspan=2)上浮到报表上方。
仅作用于带 .hg-rpt-page / .hg-boxsale-page 的报表根 table，首页等其它页面不受影响。 */
#pgForm > table.hg-rpt-page,
#pgForm > table.hg-boxsale-page,
/* 2026-08-13 销售查询外包 .hg-content-card 后根 table 不再直接子元素，需额外匹配 */
#pgForm > div.hg-content-card > table.hg-rpt-page {
display: table !important;
table-layout: fixed !important;
width: 100% !important;
}
#pgForm > table.hg-rpt-page > tbody,
#pgForm > table.hg-boxsale-page > tbody,
#pgForm > div.hg-content-card > table.hg-rpt-page > tbody { display: table-row-group !important; }
#pgForm > table.hg-rpt-page > tbody > tr,
#pgForm > table.hg-boxsale-page > tbody > tr,
#pgForm > div.hg-content-card > table.hg-rpt-page > tbody > tr { display: table-row !important; }
#pgForm > table.hg-rpt-page > tbody > tr > td,
#pgForm > table.hg-boxsale-page > tbody > tr > td,
#pgForm > div.hg-content-card > table.hg-rpt-page > tbody > tr > td { display: table-cell !important; width: 100% !important; }
/* 首页嵌套表（公告/最新销售）在窄屏强制 fixed+100%，防止 7 列表把整页撑宽、连带页脚(colspan=2)错位到上方；
报表页的 GridView 是 .hg-sales-grid，已用 :not() 排除，不受影响 */
#pgForm td > table:not(.hg-sales-grid) { table-layout: fixed; width: 100% !important; }
.hg-col { display: block; }
.hg-col iframe { flex: none; height: 320px !important; }
[id$="_edtUserName"],
[id$="_edtPasswrd"] { max-width: 100%; }
.hg-shell > tbody > tr:last-child td { padding-left: 0; }
.hg-shell > tbody > tr:last-child td .hg-footer { margin-top: 16px; }
/* 销售查询：窄屏下表单字段纵向堆叠、输入框占满宽度（只作用于外层表单 table，不影响内部 GridView） */
table.hg-salequery > tbody,
table.hg-salequery > tbody > tr,
table.hg-salequery > tbody > tr > td { display: block; width: 100% !important; }
table.hg-salequery > tbody > tr > td { padding: 4px 0; }
table.hg-salequery input[type="text"],
table.hg-salequery .hg-date-range,
table.hg-salequery .hg-filter-input { width: 100% !important; max-width: 100%; box-sizing: border-box; }
.hg-cselect-wrap { display: block; }
/* 移动端下拉菜单：跟随 trigger 宽度展开（width:auto 由定位逻辑按最宽选项撑开 + minWidth=trigger 宽），
不再强制 100vw 全屏——原 width:100%!important（position:fixed 下=视口全宽）压过定位逻辑的 width:auto，
菜单从 trigger 处铺满整屏、右缘溢出，且大范围盖住下方按钮造成视觉"重叠错乱"；
max-width 兜底防右缘溢出（配合定位逻辑的左移修正）。 */
.hg-cselect-menu { width: auto !important; max-width: calc(100vw - 16px) !important; }
/* 移动端：筛选栏竖排 + 所有条件（标签/下拉/勾选框/按钮）左对齐并占满整行。
必须 !important：全局桌面 .hg-filter-bar/.hg-filter-group(1280/1633 行) 与部分页
内联 |