/* 物料页（roadmap 0.5）：沿用海报规范（index.html 的 token 与 .card / .kpis / .tbl / .pill / .flag），这里只有页内布局 */
#material .mt-up{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:0 44px;align-items:start}
#material .mt-drop{padding:26px 18px 20px;gap:6px}
#material .mt-drop b{font-size:16px}
#material .mt-drop p{margin:2px 0 0}
#material .mt-drop .dropfoot{margin-top:12px}
#material .mt-sample{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:var(--fs-xs);color:var(--ink-3)}
#material .mt-side h3{margin:0 0 8px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
#material .mt-side p{margin:0;font-size:var(--fs-s);color:var(--ink-2);line-height:1.65}
#material .mt-side p+p{margin-top:8px}
#material .mt-side b{color:var(--ink);font-weight:700}
#material .mt-batches{margin-top:16px;border-top:1px solid var(--line-2)}
#material .mt-batches .row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:var(--fs-s)}
#material .mt-batches .row .fn{font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
#material .mt-batches .row .fm{color:var(--ink-3);font-size:var(--fs-xs);white-space:nowrap}
#material .mt-batches .none{padding:10px 0 0;font-size:var(--fs-xs);color:var(--ink-4)}
/* 解析面板：文件条 → 映射（只在有列需要核对时展开）→ 校验计数 → 写入 */
#material .mt-file{display:flex;align-items:center;gap:12px;padding:0 0 12px;border-bottom:1px solid var(--line)}
#material .mt-file .fi{width:36px;height:36px;border:1px solid var(--ink);display:grid;place-items:center;flex:none}
#material .mt-file .fi .ic{width:18px;height:18px}
#material .mt-file .fn{font-weight:800;color:var(--ink);font-size:var(--fs-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#material .mt-file .fm{font-size:var(--fs-xs);color:var(--ink-3);margin-top:1px}
#material .mt-file>div{min-width:0;flex:1}
#material .mt-mapline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;font-size:var(--fs-s);color:var(--ink-2);line-height:1.55}
#material .mt-mapline .ok{color:var(--good);display:inline-flex} #material .mt-mapline .wn{color:var(--warn);display:inline-flex}
#material .mt-mapline>div{flex:1;min-width:220px}
#material .mt-mapline b{color:var(--ink)}
#material .mt-map{max-height:320px;border-top:1px solid var(--line)}
#material .mt-map select{min-width:172px;height:28px}
#material .mt-map td.muted{max-width:150px;overflow:hidden;text-overflow:ellipsis}
#material .mt-stat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink);border-bottom:1px solid var(--line-2);margin-top:12px}
#material .mt-stat>div{padding:10px 14px 12px;border-left:1px solid var(--line)}
#material .mt-stat>div:first-child{border-left:0;padding-left:0}
#material .mt-stat .v{font-family:var(--num);font-stretch:75%;font-size:30px;font-weight:700;line-height:1;letter-spacing:-.02em}
#material .mt-stat .l{font-size:var(--fs-xs);color:var(--ink-3);font-weight:600;margin-top:5px}
#material .mt-issues{margin:10px 0 0;padding-left:18px;font-size:var(--fs-s);color:var(--ink-2)}
#material .mt-issues li{margin:3px 0}
#material .mt-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-2);font-size:var(--fs-s);color:var(--ink-2)}
#material .mt-actions .msg{display:flex;align-items:center;gap:8px;min-width:0}
#material .mt-actions .msg.bad{color:var(--bad)} #material .mt-actions .msg.good>.ic{color:var(--good)}
#material .mt-actions b{color:var(--ink)}
/* 对账表：偏差单元格的色字沿用 td.kv-*；样本少 / 无出库单用灰字 */
#material td.sm{color:var(--ink-4)}
#material .mt-std{font-size:var(--fs-xs);color:var(--ink-4);margin-left:5px;font-weight:400}
#material .mt-dict td.n{white-space:normal;min-width:220px;color:var(--ink-3);font-size:var(--fs-xs);line-height:1.5}
#material .mt-dict td.side{font-size:var(--fs-xs);color:var(--ink-3)}
#material .mt-pend li{grid-template-columns:8px minmax(0,1fr)}
#material .mt-pend li small{margin-top:2px;line-height:1.5}
#material .mt-note{font-size:var(--fs-xs);color:var(--ink-3);line-height:1.6;margin:0}
@media (max-width:900px){#material .mt-up{grid-template-columns:1fr;gap:20px}}
@media (max-width:640px){#material .mt-stat{grid-template-columns:repeat(2,minmax(0,1fr))} #material .mt-stat>div:nth-child(odd){border-left:0;padding-left:0} #material .mt-stat>div:nth-child(n+3){border-top:1px solid var(--line)}}