/* dash-daily.css —— 数据中心「每日数据明细」（D-04 · 用户标注 #121）
 *
 * 标注原话：「这里面每一列，不止这一列，列宽、行高、文字颜色、列选中状态都要和设计稿对齐。」
 *
 * 基准＝原型快照 docs/reference/prototype/数据看板-原型快照-2026-09-16.html，在真 Chrome
 * （1680×1400）实测 #daily 表：列宽 日期 96 / 消耗 63 / 当日充值金额 106 / 当日roi 70 /
 * 总roi 69 / 盈亏 54 / d2 97 / d3~d60 84；行高 34px；表头 d2 列 bg #eff6ff + color #1d4ed8，
 * 该列数据格 bg #f8faff。实测行高实现＝设计稿（同 34px），故此处只补列宽与 d2 列选中带。
 *
 * 分工：**列**是设计稿固定属性 ⇒ 走 CSS（列宽 + 选中带）；**值**是否有真值由数据决定 ⇒
 * 走 JS（dashboard_analytics.js 的 fillDailyRows 按有无真值加 val-cost / val-recharge /
 * val-roi / val-profit），两边都对齐设计稿、互不重复。
 *
 * 为什么单开文件：styles.css 已超行数上限（棘轮只许缩小），新样式不写进去（与 ops-order.css 同口径）。
 */

/* 列宽：设计稿是「日期列窄、dN 回收列宽」，实现原来恰好相反（日期 204px / dN 54px）——
   因为 d2~d60 在库里无源、实现渲染「—」比设计稿的数字列窄。按设计稿钉死下限，无源也不塌。 */
#daily .table-wrap thead th.first-col { min-width: 96px; }
#daily .table-wrap thead th:nth-child(2) { min-width: 63px; }
#daily .table-wrap thead th:nth-child(3) { min-width: 106px; }
#daily .table-wrap thead th:nth-child(4) { min-width: 70px; }
#daily .table-wrap thead th:nth-child(5) { min-width: 69px; }
#daily .table-wrap thead th:nth-child(6) { min-width: 54px; }
#daily .table-wrap thead th:nth-child(n + 8) { min-width: 84px; }

/* 列选中态：设计稿默认停在 d2「增幅」列（表头整格高亮 + 该列数据格浅蓝底），实现原来没有。 */
#daily .table-wrap thead th:nth-child(7) { min-width: 97px; background: #eff6ff; color: #1d4ed8; }
#daily .table-wrap tbody td:nth-child(7) { background: #f8faff; }