/* @@SPLIT_HEADER@@
   css/pages/picksheet.css —— XXII. 备货单 + 拿货合并规则：样式
      由 redesign2.html 拆分而来（原行号 30990-31068），业务逻辑原样搬运；加载顺序见 index.html / README.md */
/* --------------------------------------------------------------------------
   备货单（bk- 前缀：避开 .odlg / .xiii- / .ix- / .x10- / .qc- / .adv- / .ppop / .aft-）
   ★ 为什么自己一套样式而不是复用 .odlg：备货单是**页面级**面板（表格 + 工具栏 + 打印条），
     .odlg 是问答式小对话框（420px / 最大 80vh），套上去要么改它的宽度要么挤成一条缝。
   -------------------------------------------------------------------------- */
.bk-mask{position:fixed;inset:0;z-index:1210;background:rgba(15,23,42,.34);display:none;
  align-items:center;justify-content:center;padding:20px}
.bk-mask.show{display:flex}
.bk-sheet{position:relative;width:min(1100px,calc(100vw - 40px));height:min(780px,calc(100vh - 40px));
  background:var(--card);border-radius:var(--r-lg);box-shadow:0 24px 64px rgba(15,23,42,.22);
  display:flex;flex-direction:column;overflow:hidden}
.bk-hd{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);flex:none}
.bk-title{font-size:15px;font-weight:600;color:var(--text);flex:none}
.bk-sub{font-size:11.5px;color:var(--faint);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-x{margin-left:auto;flex:none;width:24px;height:24px;border:0;background:none;border-radius:6px;
  color:var(--faint);cursor:pointer;font-size:13px;line-height:1}
.bk-x:hover{background:var(--bg);color:var(--text)}
.bk-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:8px 16px;flex:none;
  border-bottom:1px solid var(--line);background:#fcfdff}
.bk-f{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2)}
.bk-f select{font-size:12px;color:var(--text);padding:4px 6px;border:1px solid var(--line-strong);
  border-radius:7px;background:var(--card);max-width:260px}
.bk-chk{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-2);
  cursor:pointer;user-select:none;white-space:nowrap}
.bk-btn{font-size:12px;padding:5px 10px;border:1px solid var(--line-strong);border-radius:7px;
  background:var(--card);color:var(--text-2);cursor:pointer;white-space:nowrap}
.bk-btn:hover{border-color:var(--accent-line);color:var(--accent);background:var(--accent-weak)}
.bk-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.bk-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}
.bk-btn[disabled]{opacity:.45;cursor:not-allowed;background:var(--card);color:var(--faint);border-color:var(--line)}
.bk-btn[disabled]:hover{background:var(--card);border-color:var(--line);color:var(--faint)}
.bk-sp{flex:1;min-width:8px}
.bk-body{flex:1;min-height:0;overflow:auto}
.bk-tb{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}
.bk-tb th{position:sticky;top:0;z-index:1;background:var(--hover);color:var(--mut);font-weight:600;
  font-size:11.5px;text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.bk-tb th.n,.bk-tb td.n{text-align:right}
.bk-tb th.c,.bk-tb td.c{text-align:center}
.bk-tb td{padding:7px 10px;border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:middle}
.bk-tb tr:hover td{background:var(--hover)}
.bk-tb tr.on td{background:var(--sel)}
.bk-tb td.n{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}
.bk-tb .bk-ck{width:14px;height:14px;cursor:pointer;vertical-align:middle}
.bk-thumb{width:26px;height:26px;object-fit:cover;border-radius:5px;border:1px solid var(--line);
  background:var(--bg);margin-right:6px;vertical-align:middle}
.bk-name{color:var(--text)}
.bk-code{font-size:10.5px;color:var(--faint);margin-left:6px}
.bk-loc{font-variant-numeric:tabular-nums;color:var(--text-2)}
.bk-dim{color:var(--faint)}
.bk-empty{padding:44px 16px;text-align:center;color:var(--faint);font-size:12.5px;line-height:1.9}
.bk-ft{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:9px 16px;flex:none;
  border-top:1px solid var(--line);font-size:12px;color:var(--text-2);background:#fcfdff}
.bk-ft b{color:var(--text);font-variant-numeric:tabular-nums}
.bk-ft .bk-sel{color:var(--accent)}
.bk-msg{font-size:11.5px;color:var(--faint)}
.bk-msg.bad{color:#b91c1c}
.bk-msg.ok{color:var(--green)}
/* ---- 拿货合并规则浮层 ---- */
.bk-rp{position:absolute;right:14px;top:50px;width:356px;background:var(--card);border:1px solid var(--line);
  border-radius:10px;box-shadow:0 12px 32px rgba(15,23,42,.16);padding:12px 14px;display:none;z-index:6}
.bk-rp.show{display:block}
.bk-rp h4{margin:0 0 4px;font-size:12.5px;color:var(--text)}
.bk-rp .grp{margin-top:10px}
.bk-rp .grp-t{font-size:11px;color:var(--faint);margin-bottom:4px}
.bk-rp label.rd{display:flex;gap:6px;align-items:flex-start;font-size:12px;color:var(--text-2);
  padding:3px 0;cursor:pointer;line-height:1.5}
.bk-rp label.rd input{margin:2px 0 0;flex:none}
.bk-rp label.ck{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--text-2);
  padding:3px 0;cursor:pointer}
.bk-rp label.ck input{margin:0;flex:none}
.bk-rp select{font-size:12px;color:var(--text);padding:4px 6px;border:1px solid var(--line-strong);border-radius:7px;background:#fff}
.bk-rp .hint{font-size:11px;color:var(--faint);margin-top:9px;line-height:1.65;
  border-top:1px dashed var(--line);padding-top:8px}
/* ---- 打印条（点「打印备货单」后出现，不弹新窗口） ---- */
.bk-pbar{display:none;align-items:center;gap:9px;flex-wrap:wrap;padding:8px 16px;flex:none;
  border-top:1px solid var(--line);background:#fbfdff;font-size:12px;color:var(--text-2)}
.bk-pbar.show{display:flex}
.bk-pbar select{font-size:12px;color:var(--text);padding:4px 6px;border:1px solid var(--line-strong);
  border-radius:7px;background:var(--card);max-width:300px}