/* 창고 · 로트 · 바코드 · 라벨 (ERP E22c erpwh.js — 사장님 11-03 「다 넣어봐」). app.css 의 토큰(색 · 글자 크기)만 쓴다.
   라벨은 종이 모양이라 크기가 mm — 인쇄는 app.css 의 모달 인쇄 규칙(#modal-box 만 보이게)을 그대로 탄다. */
.wh-pick{flex:0 0 auto;max-width:160px}
.wh-scan{display:inline-flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0}
.wh-scan-in{width:170px;padding:8px 11px;border:1px solid var(--field-line);border-radius:9px;background:#fff;font-family:ui-monospace,Menlo,Consolas,monospace}
.wh-scan-in:focus{outline:2px solid var(--focus);outline-offset:1px}
.wh-scan-say{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}
.wh-lot{display:inline-flex;gap:4px;margin-right:6px}
.wh-lot-no{width:110px}
.wh-lot-exp{width:140px}
.wh-warn{color:var(--amber)}
.wh-bad{color:var(--red);font-weight:600}
.wh-grid{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}
.wh-col{min-width:0}
.wh-tbl tr.wh-on td{background:var(--hover)}
.wh-tbl tr[data-off] td{color:var(--muted)}
.wh-form{margin:6px 0}
.wh-ops{margin-top:18px}
.wh-ops h4{margin:0 0 8px;font-size:calc(var(--fs-section) * var(--fz,1))}
.wh-opsgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}
.wh-card{margin:0}
.wh-card .fl{display:inline-flex;align-items:center;gap:6px;margin:0 12px 0 0;white-space:nowrap}
.wh-card .it-bar input[type=text],.wh-card .it-bar input[type=date]{padding:6px 9px;border:1px solid var(--field-line);border-radius:9px}
.wh-card .it-bar input.es-in{width:80px}
.wh-found{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.wh-fr{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:8px;padding:3px 6px}
.wh-bc{width:150px;font-family:ui-monospace,Menlo,Consolas,monospace}
.wh-cp{width:52px}
.wh-ship{align-items:center}
@media (max-width:760px){.wh-grid{grid-template-columns:1fr}.wh-scan-in{width:130px}.wh-scan-say{max-width:180px}}

/* 라벨 — 한 장 62 × 32 mm(흔한 라벨 크기) · 종이에 여러 장을 차례로 */
.whl-sheet{display:flex;flex-wrap:wrap;gap:3mm;padding:2mm;background:#fff;color:#000}
.whl{width:62mm;height:32mm;box-sizing:border-box;border:1px dashed var(--line);padding:2mm 3mm;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;break-inside:avoid;page-break-inside:avoid}
.whl-nm{font-weight:700;font-size:calc(var(--fs-label) * var(--fz,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.whl-sp,.whl-lc{font-size:calc(var(--fs-tag) * var(--fz,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.whl-bc{height:11mm}
.whl-svg{display:block;width:100%;height:100%}
.whl-tx{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:calc(var(--fs-tag) * var(--fz,1));text-align:center;letter-spacing:.5px}
@media print{.whl{border-color:transparent}.whl-sheet{gap:2mm;padding:0}}