/* 质量抽检页（SQI v1）：沿用海报规范（index.html 的 token 与 .card / .kpis / .tbl / .pill / .flag），这里只有页内布局；选择器带 #quality 或 .qa- 前缀 */
#quality input[type=date]{height:32px;padding:0 10px;min-width:150px;border:1px solid var(--line-3);border-radius:0;background:var(--bg);color:var(--ink);font-size:var(--fs-s);font-weight:500}
#quality input[type=date]:hover{border-color:var(--ink-3)}
#quality input[type=date]:focus{outline:none;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
#quality input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75}
#quality .ph .act .field.inline{gap:6px}
/* 空态：还没有抽检记录时的说明卡（两条白皮书事实 + 载入示例） */
#quality .qa-empty{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:0 44px;align-items:start;padding:8px 0 4px}
#quality .qa-empty h3{margin:0 0 6px;font-size:var(--fs-xl);font-weight:800;letter-spacing:-.02em;line-height:1.15}
#quality .qa-empty p{margin:0;font-size:var(--fs-s);color:var(--ink-2);line-height:1.65;max-width:620px}
#quality .qa-empty .facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-top:16px;border-top:1px solid var(--line-2)}
#quality .qa-empty .facts>div{padding:12px 0 4px}
#quality .qa-empty .facts>div+div{border-left:1px solid var(--line);padding-left:24px}
#quality .qa-empty .facts .v{font-family:var(--num);font-stretch:75%;font-size:40px;font-weight:700;line-height:1;letter-spacing:-.02em}
#quality .qa-empty .facts .v small{font-family:var(--font);font-stretch:100%;font-size:var(--fs-m);color:var(--ink-3);font-weight:600;margin-left:4px}
#quality .qa-empty .facts .l{font-size:var(--fs-xs);color:var(--ink-3);font-weight:600;margin-top:6px;line-height:1.5}
#quality .qa-empty .cta{display:flex;flex-direction:column;gap:10px;padding-top:4px}
#quality .qa-empty .cta .dim{font-size:var(--fs-xs);line-height:1.6}
/* 导入区：与物料页同构 */
#quality .qa-up{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:0 44px;align-items:start}
#quality .qa-drop{padding:26px 18px 20px;gap:6px}
#quality .qa-drop b{font-size:16px}
#quality .qa-drop p{margin:2px 0 0}
#quality .qa-drop .dropfoot{margin-top:12px}
#quality .qa-sample{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:var(--fs-xs);color:var(--ink-3)}
#quality .qa-side h3{margin:0 0 8px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
#quality .qa-side p{margin:0;font-size:var(--fs-s);color:var(--ink-2);line-height:1.65}
#quality .qa-side p+p{margin-top:8px}
#quality .qa-side b{color:var(--ink);font-weight:700}
#quality .qa-batches{margin-top:16px;border-top:1px solid var(--line-2)}
#quality .qa-batches .row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:var(--fs-s)}
#quality .qa-batches .row .fn{font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
#quality .qa-batches .row .fm{color:var(--ink-3);font-size:var(--fs-xs);white-space:nowrap}
#quality .qa-batches .none{padding:10px 0 0;font-size:var(--fs-xs);color:var(--ink-4)}
/* 解析面板：文件条 → 映射（缺必填或有模糊列才展开）→ 校验计数 → 写入 */
#quality .qa-file{display:flex;align-items:center;gap:12px;padding:0 0 12px;border-bottom:1px solid var(--line)}
#quality .qa-file .fi{width:36px;height:36px;border:1px solid var(--ink);display:grid;place-items:center;flex:none}
#quality .qa-file .fi .ic{width:18px;height:18px}
#quality .qa-file .fn{font-weight:800;color:var(--ink);font-size:var(--fs-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#quality .qa-file .fm{font-size:var(--fs-xs);color:var(--ink-3);margin-top:1px}
#quality .qa-file>div{min-width:0;flex:1}
#quality .qa-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}
#quality .qa-mapline .ok{color:var(--good);display:inline-flex} #quality .qa-mapline .wn{color:var(--warn);display:inline-flex}
#quality .qa-mapline>div{flex:1;min-width:220px}
#quality .qa-mapline b{color:var(--ink)}
#quality .qa-map{max-height:320px;border-top:1px solid var(--line)}
#quality .qa-map select{min-width:172px;height:28px}
#quality .qa-map td.muted{max-width:150px;overflow:hidden;text-overflow:ellipsis}
#quality .qa-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}
#quality .qa-stat>div{padding:10px 14px 12px;border-left:1px solid var(--line)}
#quality .qa-stat>div:first-child{border-left:0;padding-left:0}
#quality .qa-stat .v{font-family:var(--num);font-stretch:75%;font-size:30px;font-weight:700;line-height:1;letter-spacing:-.02em}
#quality .qa-stat .l{font-size:var(--fs-xs);color:var(--ink-3);font-weight:600;margin-top:5px}
#quality .qa-issues{margin:10px 0 0;padding-left:18px;font-size:var(--fs-s);color:var(--ink-2)}
#quality .qa-issues li{margin:3px 0}
#quality .qa-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)}
#quality .qa-actions .msg{display:flex;align-items:center;gap:8px;min-width:0}
#quality .qa-actions .msg.bad{color:var(--bad)} #quality .qa-actions .msg.good>.ic{color:var(--good)}
#quality .qa-actions b{color:var(--ink)}
/* 表格：样本少 / 无抽检用灰字；小字副值 */
#quality td.sm{color:var(--ink-4)}
#quality .qa-sub{font-size:var(--fs-xs);color:var(--ink-4);margin-left:5px;font-weight:400}
#quality .qa-grade{display:inline-block;min-width:22px;height:20px;line-height:18px;text-align:center;border:1px solid currentColor;font-family:var(--num);font-stretch:80%;font-weight:700;font-size:12px}
#quality .qa-grade.B{color:var(--warn)} #quality .qa-grade.C{color:var(--bad)} #quality .qa-grade.D{color:var(--bad);background:var(--bad);color:#fff;border-color:var(--bad)}
/* 规则卡与清单 */
#quality .qa-rules li{grid-template-columns:8px minmax(0,1fr)}
#quality .qa-rules li i{background:var(--ink)}
#quality .qa-rules li.gate i{background:var(--accent)}
#quality .qa-rules li small{margin-top:3px;line-height:1.55}
#quality .qa-check{max-height:520px}
#quality .qa-check tr.sec td{padding-top:12px;padding-bottom:4px;font-size:var(--fs-xs);color:var(--ink-3);border-bottom:1px solid var(--line-2)}
#quality .qa-check tr.sec b{color:var(--ink);font-weight:700}
#quality .qa-check td.it{white-space:normal;min-width:260px;line-height:1.45}
#quality .qa-check td.id{font-family:var(--mono);font-size:var(--fs-xs);color:var(--ink-4)}
#quality .qa-cat{display:inline-flex;align-items:center;height:18px;padding:0 6px;border:1px solid currentColor;font-size:10.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
#quality .qa-cat.Critical{color:var(--bad)} #quality .qa-cat.Major{color:var(--warn)}
#quality .qa-pend li{grid-template-columns:8px minmax(0,1fr)}
#quality .qa-pend li small{margin-top:2px;line-height:1.5}
@media (max-width:900px){#quality .qa-up,#quality .qa-empty{grid-template-columns:1fr;gap:20px} #quality .qa-empty .facts{grid-template-columns:1fr} #quality .qa-empty .facts>div+div{border-left:0;padding-left:0;border-top:1px solid var(--line)}}
@media (max-width:640px){#quality .qa-stat{grid-template-columns:repeat(2,minmax(0,1fr))} #quality .qa-stat>div:nth-child(odd){border-left:0;padding-left:0} #quality .qa-stat>div:nth-child(n+3){border-top:1px solid var(--line)}}