/* @@SPLIT_HEADER@@
   css/pages/pick-label.css —— XXIII. 商品货位 / 拿货标签：样式
      由 redesign2.html 拆分而来（原行号 35214-35276），业务逻辑原样搬运；加载顺序见 index.html / README.md */
/* --------------------------------------------------------------------------
   拿货标签（plb- 前缀：避开 .odlg / .xiii- / .ix- / .x10- / .qc- / .adv- /
   .ppop / .aft- / .bk- 已有前缀）
   -------------------------------------------------------------------------- */
.plb-mask{position:fixed;inset:0;z-index:1260;background:rgba(15,23,42,.34);display:none;
  align-items:center;justify-content:center;padding:20px}
.plb-mask.show{display:flex}
.plb-sheet{width:min(560px,calc(100vw - 40px));max-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}
.plb-sheet.wide{width:min(760px,calc(100vw - 40px))}
.plb-hd{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line);flex:none}
.plb-title{font-size:15px;font-weight:600;color:var(--text)}
.plb-sub{font-size:11.5px;color:var(--faint);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plb-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}
.plb-x:hover{background:var(--bg);color:var(--text)}
.plb-bd{flex:1;min-height:0;overflow:auto;padding:12px 16px}
.plb-ft{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;flex:none;
  border-top:1px solid var(--line);background:#fcfdff}
.plb-ft .sp{flex:1;min-width:8px}
.plb-btn{font-size:12px;padding:5px 11px;border:1px solid var(--line-strong);border-radius:7px;
  background:var(--card);color:var(--text-2);cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-block}
.plb-btn:hover{border-color:var(--accent-line);color:var(--accent);background:var(--accent-weak)}
.plb-btn.pri{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.plb-btn.pri:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}
.plb-btn[disabled]{opacity:.45;cursor:not-allowed;background:var(--card);color:var(--faint);border-color:var(--line)}
.plb-msg{font-size:11.5px;color:var(--faint);line-height:1.6}
.plb-msg.ok{color:var(--green)}
.plb-msg.bad{color:#b91c1c}
.plb-sec{border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 11px;margin-bottom:10px}
.plb-sec h5{margin:0 0 7px;font-size:12px;font-weight:600;color:var(--mut)}
.plb-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2);
  padding:3px 0;flex-wrap:wrap}
.plb-row label{display:inline-flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap}
.plb-row select,.plb-row input[type="number"],.plb-row input[type="text"]{
  font:inherit;font-size:12px;padding:3px 6px;border:1px solid var(--line-strong);border-radius:6px;
  background:var(--card);color:var(--text)}
.plb-row input[type="number"]{width:64px}
.plb-hint{font-size:11px;color:var(--faint);line-height:1.7;margin:4px 0 8px}
.plb-tb{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}
.plb-tb th{position:sticky;top:0;z-index:1;background:var(--hover);color:var(--mut);font-weight:600;
  font-size:11px;text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.plb-tb td{padding:5px 8px;border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:middle}
.plb-tb td.n,.plb-tb th.n{text-align:right}
.plb-tb td.c,.plb-tb th.c{text-align:center}
.plb-tb .nm{color:var(--text)}
.plb-tb .sp{color:var(--faint);font-size:11px}
.plb-tb input[type="number"]{width:56px;font:inherit;font-size:12px;padding:2px 5px;
  border:1px solid var(--line-strong);border-radius:5px}
.plb-empty{padding:36px 10px;text-align:center;color:var(--faint);font-size:12.5px;line-height:1.9}
/* ---- 备货单顶部那条扫描栏（我们自己插进去的 DOM，藏在 .bk-sheet 里） ---- */
.plb-scan{display:none;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 16px;flex:none;
  border-bottom:1px solid var(--line);background:#f8fbff}
.plb-scan.on{display:flex}
.plb-scan .tag{font-size:11px;font-weight:600;color:#fff;background:var(--accent);
  border-radius:6px;padding:1px 7px;letter-spacing:.5px;flex:none}
.plb-scan input[type="text"]{flex:1 1 260px;min-width:150px;font:inherit;font-size:12.5px;
  padding:4px 8px;border:1px solid var(--accent-line);border-radius:7px;background:var(--card);color:var(--text)}
.plb-scan input.bad{border-color:var(--danger);background:#fef2f2}
.plb-scan .bar{flex:0 0 150px;height:8px;border-radius:5px;background:var(--green-bg);overflow:hidden}
.plb-scan .bar i{display:block;height:100%;width:0;background:var(--green);transition:width .2s}
.plb-scan .txt{font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.plb-scan .txt.ok{color:var(--green);font-weight:600}