，被 display:flex 劈成
flex 容器，整张表塌掉 → 加 :not(tr) 排除表格行；
2) 2026-08-03：人力看板自己的 .row{display:grid} 是时间轴那一行的栅格，
结果被上面那个 :not(tr) 反盖 —— **修 1) 的时候把优先级从 (0,1,0) 抬到
了 (0,1,1)**，共享样式从此压过模块样式，191 行时间轴全塌成 0 宽。
所以用 :where()：它的优先级恒为 0，整条选择器仍是 (0,1,0)。表格行照样排除，
但模块自己的 .row（后加载）又能正常盖回来 —— 共享样式该是**底座**，
不该压过模块。改共享样式里的短类名时，先问一句"这会不会压过谁"。 */
.row:where(:not(tr)) { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; }
.row:where(:not(tr)) > label { flex: 1 1 220px; }
.inline-form { display: inline-flex; gap: 4px; align-items: center; }
/* ---- 筛选条 .filterbar ----
*
* **筛选器不是页面主角。** 它是"选完就不管"的东西，主角是它下面的数据
* （KPI 数字、热力图、表格）。所以一律做小、做淡：控件透明底、边框比正文淡、
* 字号降一档。用户 2026-07-28 连着四个页面提同一个意见——仓库/日期/搜索框
* 太显眼——就是因为最初把它们按"录入表单"的规格画了。
*
* 用法：外层 ``，里面 ``，
* 主按钮照常 `.btn.primary.sm`。要把右侧信息推开就插一个 ``。
* ------------------------------------------------------------------------ */
.filterbar {
display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
padding: 8px 0 10px;
}
.filterbar > label,
.filterbar label.inline {
flex-direction: row; align-items: center; gap: 5px;
font-size: 11.5px; color: var(--dim); margin: 0;
}
.filterbar select,
.filterbar input {
width: auto; min-width: 110px; max-width: 300px;
padding: 3px 7px; font-size: 12px; border-radius: 6px;
color: var(--muted); background: transparent; border-color: var(--line);
}
.filterbar input[type="checkbox"],
.filterbar input[type="radio"] { width: auto; min-width: 0; }
/* 一组相关控件：「渠道 ☑ToC ☑ToB」「拣选类型 ☑大波次 ☑普通」。
组内横排贴紧，组与组之间靠 .filterbar 的 gap 拉开 —— 这样一眼能看出
哪几个选项是一伙的。没有这条的话整组会竖着堆（div 默认是块级）。 */
.filterbar .grp { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.filterbar .grp > span:not([class]),
.filterbar .grp > label:not(:has(> input[type="checkbox"])):not(:has(> input[type="radio"])) {
font-size: 11.5px; color: var(--dim); white-space: nowrap;
}
.filterbar input[type="date"] { min-width: 0; }
.filterbar select:hover, .filterbar input:hover { border-color: var(--muted); }
/* **原生下拉的弹层是浏览器画的，它取 select 的 background/color。**
上面把 .filterbar select 设成了 transparent + --muted：深色主题下弹层就成了
灰字灰底，选项几乎看不见（2026-08-18 用户在云端同步入口的数据集下拉上撞到，
但凡用 .filterbar select 的页面都一样）。
给 option 一个实心底色与正文色，别让它继承那个为"融进筛选条"而设的透明背景。
注意这条要放在全局，不能只放 .filterbar 下面 —— 表格里的 select 同理。 */
select option {
background: var(--card);
color: var(--text);
}
.filterbar select:focus, .filterbar input:focus {
box-shadow: none; border-color: var(--focus); color: var(--text);
}
.filterbar .btn { padding: 4px 11px; font-size: 12px; }
.filterbar .spacer { flex: 1 1 auto; }
/* 筛选条右侧那串"当前口径"说明（日期范围、SKU 数…）：给人看一眼确认用的，
同样压到最低对比度 */
.filterbar .meta { font-size: 11.5px; color: var(--dim); }
/* 搜索框：同属筛选，别做成整宽的大输入框 */
.filterbar input[type="search"], .filterbar input.search { min-width: 200px; }
/* 只填个数字的小格子（周数、天数、半径…）—— 给它整整 110px 是浪费 */
.filterbar input.narrow { min-width: 0; width: 52px; }
/* ---------------------------------------------------------------------------
* 6. 按钮 —— 样式与**位置**都是规范的一部分
* ------------------------------------------------------------------------ */
.btn, button.btn {
padding: 8px 15px; border: 1px solid var(--input-bd); border-radius: 8px;
background: var(--card); color: var(--text); font: inherit; font-size: 13px;
cursor: pointer; white-space: nowrap;
transition: border-color .15s, background .15s;
}
.btn:hover:not(:disabled) { border-color: var(--focus); }
.btn:disabled { opacity: .45; cursor: not-allowed; }
.btn.primary { background: var(--accent); border-color: var(--accent); color: #fff; }
.btn.primary:hover:not(:disabled) { background: var(--accent-hover);
border-color: var(--accent-hover); }
.btn.ghost { background: transparent; color: var(--muted); }
.btn.ghost:hover:not(:disabled) { background: var(--bg); color: var(--text); }
/* 危险操作：不是红底大按钮（太扎眼、反而容易误点），是红字描边 + 位置隔离 */
.btn.danger { color: var(--err); border-color: var(--err-bd); background: transparent; }
.btn.danger:hover:not(:disabled) { background: var(--err-bg); border-color: var(--err); }
.btn.sm { padding: 5px 10px; font-size: 12.5px; }
/* 整宽按钮：表单里"提交"这类唯一出口用它（登录、改密码） */
.btn.block { display: block; width: 100%; padding: 10px 15px; font-size: 14px; }
/* 兜底：表单里漏写 class 的