/* =============================================================
   slip_aux.css — 전표의 **보조 창**들. 재고·매입·매출이 함께 쓴다.
   일괄 작업 창(.blk) · 입고/출고 창(.rcv) · 고르기 창(.pick).

   ⭐ **stock.css 에서 뺐다** (2026-08-02, 매출이 붙으며). 재고가 처음 만들어 거기
   살고 있었는데 매입이 그대로 쓰고 매출이 셋째가 되었다 — 화면 규칙 §8 이
   *"공용으로 뺄 것은 두 번째 화면이 붙을 때 드러난다 — 그때 빼라"* 고 정한 자리다.
   옮긴 것이지 새로 적은 것이 아니다.
   ============================================================= */
/* ---- 일괄변경 ----
   골라 둔 품목들의 마스터 값을 한 번에 바꾸는 작은 창. 수량 칸은 없다. */
.blk-back {
  position: fixed; inset: 0; z-index: 950; background: var(--backdrop);
  display: flex; align-items: center; justify-content: center;
}
.blk {
  width: 460px; max-width: calc(100vw - 40px);
  background: var(--surface); border: 1px solid var(--border); border-radius: 11px;
  box-shadow: var(--shadow-3); padding: 16px 18px 14px;
}
.blk-h { font-size: 13px; font-weight: 700; }
.blk-sub { font-size: 11.5px; color: var(--muted); margin: 3px 0 13px; line-height: 1.6; }
.blk-row { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; }
.blk-l { flex: none; width: 92px; font-size: 11.5px; font-weight: 600; }
/* ⭐ 여러 줄이 한 가지 일의 갈래일 때 그 위에 서는 작은 머리 (2026-08-04) —
   「판매 기준가 변경」 밑의 정률·정액·직접이 그것이다. 줄만 나란히 서 있으면
   딴 항목으로 읽힌다. 갈래 줄은 라벨을 들여써 묶음에 든 것이 보이게 한다. */
.blk-g {
  font-size: 11px; font-weight: 700; color: var(--muted);
  margin: 13px 0 7px; padding-top: 10px; border-top: 1px solid var(--line);
}
.blk-l.sub { padding-left: 10px; width: 92px; }
.blk-row .dd { flex: 1; }
.blk-num { flex: 1; display: flex; align-items: center; gap: 7px; }
.blk-num input {
  width: 110px; height: 34px; padding: 0 10px;
  border: 1px solid var(--btn-bd); border-radius: 8px;
  background: var(--bg); color: var(--text); font: inherit; font-size: 12.5px;
  text-align: right; outline: 0;
}
.blk-num input:focus { border-color: var(--accent); background: var(--surface); }
.blk-num span { font-size: 11.5px; color: var(--faint); }
.blk-foot { display: flex; justify-content: flex-end; }

/* ---- 입고 창 (buy_receive.js) ----
   일괄변경(blk)의 판을 쓰되 표가 들어가 조금 넓다. 재고 계열 CSS 에 두는 이유는
   뒷막·카드·바닥 단추줄을 blk 와 그대로 나눠 쓰기 때문이다. */
.blk.rcv { width: 620px; }
.rcv-t { margin: 4px 0 14px; font-variant-numeric: tabular-nums; }
.rcv-th, .rcv-r { display: flex; gap: 8px; align-items: center; padding: 4px 2px; }
.rcv-th {
  font-size: 11px; font-weight: 600; color: var(--muted);
  border-bottom: 1px solid var(--border); padding-bottom: 6px;
}
.rcv-r { min-height: 40px; border-bottom: 1px solid var(--line); }
.rcv-c { flex: none; min-width: 0; }
.rc-item { flex: 1; display: flex; flex-direction: column; gap: 1px; overflow: hidden; }
.rc-item b { font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rc-n { width: 104px; text-align: right; font-size: 12px; }
.rcv-in { width: 100%; text-align: right; }
.rcv-done { font-size: 11.5px; color: var(--faint); }

/* 발주서 가져오기 창 (buy_receive.js) — 확정된 발주서를 골라 매입으로 삼는다. */
.blk.pick { width: 560px; }
.pick-t { margin: 4px 0 14px; max-height: 320px; overflow-y: auto; }
/* 이 상자가 흐르므로 안의 펼침 목록은 body 로 띄운다(dropdown 의 fixed) —
   여기 걸린 overflow 가 클리핑 상자가 되어 목록이 잘렸다(2026-08-01 사장님 지적). */
.pick-r {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 2px; border-bottom: 1px solid var(--line);
}
.pick-r.off { opacity: .55; }
.pick-m { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pick-m b { font-size: 12.5px; }
.pick-no { font-size: 11.5px; color: var(--faint); }
.pick-none { padding: 22px 0; text-align: center; color: var(--muted); font-size: 12.5px; }

/* 일괄 작업 창의 설명 조각 — 컨트롤 자리에 글자만 드는 줄이 있다
   (전환할 발주서 수, 삭제 경고). 컨트롤과 같은 자리라 높이를 맞춘다. */
.blk-note {
  flex: 1; min-height: 34px; display: flex; align-items: center;
  font-size: 11.5px; color: var(--muted); line-height: 1.4;
}
/* 발주서 가져오기 줄의 거래처 칸 — 비어 있는 것만 뜬다. */
.pick-dd { width: 190px; flex: none; }

/* 반품할 매입 고르기 — 기간으로 좁히고, 줄을 누르면 명세가 펼쳐진다. */
.blk.pickbuy { width: 720px; }
.pick-bar { display: flex; align-items: center; gap: 8px; margin: 2px 0 10px; }
.pick-bar .slp-in { width: 146px; }
.pick-tilde { color: var(--muted); }
/* 빠른 선택 — 손이 가는 대부분이 이 셋이라 달력보다 눈에 먼저 든다.
   달력은 그 밖의 날을 짚을 때만 쓴다(2026-08-01 사장님 지시). */
.pick-quick { display: flex; gap: 4px; margin-left: 4px; }
.pick-quick .btn { height: 28px; padding: 0 10px; font-size: 11.5px; }
.pick-w { border-bottom: 1px solid var(--line); }
.pick-w .pick-r { border-bottom: 0; cursor: pointer; }
.pick-w .pick-r:hover { background: var(--hover); }
.pick-ex { width: 16px; flex: none; color: var(--faint); font-size: 11px; }
/* 펼친 명세 — 줄 아래에 한 단 들어가 앉는다. */
.pick-d { padding: 2px 0 10px 26px; font-variant-numeric: tabular-nums; }
.pick-dh, .pick-dr { display: flex; gap: 8px; align-items: center; padding: 4px 2px; }
.pick-dh { font-size: 11px; color: var(--muted); border-bottom: 1px solid var(--line); }
.pick-dr { font-size: 12px; }
.pick-c { flex: none; }
.pd-item { flex: 1; display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.pd-item b { font-size: 12px; }
.pd-n { width: 82px; text-align: right; }
/* 돌려보낼 수 있는 수량만 또렷하다 — 0 인 줄은 눈이 지나가면 된다. */
.pd-on { font-weight: 600; color: var(--fg-confirm); }

/* 지난 입고 — 회차마다 한 줄. 잘못 넣은 회차만 되돌린다(2026-08-01). */
.rcv-hist { margin: 0 0 12px; border-top: 1px solid var(--border); padding-top: 10px; }
.rcv-hh { font-size: 11.5px; color: var(--muted); margin-bottom: 4px; }
.rcv-hr {
  display: flex; align-items: center; gap: 10px;
  padding: 6px 2px; border-bottom: 1px solid var(--line);
}
.rcv-hm { flex: 1; display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.rcv-hm b { font-size: 12.5px; }
/* 바닥의 합계 — 누르기 전에 무엇이 들어가는지 눈이 한 번 지난다. */
.rcv-sum { font-size: 12.5px; color: var(--faint); }
.rcv-sum.on { color: var(--text); font-weight: 600; }

/* 작은 창의 머리 — 제목·부제와 오른쪽 끝의 ✕ (AZ.modalHead).
   ⭐ 창마다 제목만 그리다가 공용이 되었다 (2026-08-01 사장님 지적) —
   ✕ 가 있어야 바닥에서 [닫기]를 뺄 수 있다(화면 규칙 §7). */
.blk-head { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 4px; }
.blk-htxt { min-width: 0; }
.blk-x { flex: none; margin-top: -2px; }

/* 담기 줄과 「넣을 것」 — [입고 담기]는 아직 원장에 안 간다(2026-08-01 사장님 지시). */
.rcv-add {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 2px 10px; border-bottom: 1px solid var(--line);
}
.rcv-cart { margin: 10px 0 0; }
.rcv-cart .rcv-hh { color: var(--fg-temp); font-weight: 600; }

/* 반품할 매입 찾기 — 기간 다음의 갈래다(2026-08-01 사장님 지시). */
.pick-q { margin: 0 0 10px; }
.pick-q .slp-in { width: 100%; }

/* ---- 매출이 더한 칸 셋 (2026-08-02) ----
   출고 창과 고르기 창에 **창고 칸**이 섰다 — 같은 품목이 두 창고에서 나가는 전표가
   실제로 있고, 내보내기 전에 어디서 빠지는지를 눈으로 확인해야 한다(매출 정의 ②). */
.rc-wh { width: 104px; font-size: 11.5px; color: var(--muted); }
.pd-wh { width: 96px; font-size: 11.5px; color: var(--muted); }