/* ---- 매출 (sale.js · sale_lines.js · sale_pick.js) ----
   ⭐ **칠은 매입과 한 판을 쓴다**(`buy.css` · `slip.css`) — 여기 있는 것은 매출에만
      있는 자리뿐이다: 찾는 칸 위의 **창고 세그먼트** · 「다른 창고에는 있습니다」 ·
      전표 바닥의 **둘째 이익 줄**.
   ⛔ 매입에 있는 칠을 여기 베끼지 마라 — 한쪽만 고쳐져 두 화면이 갈린다. */

/* 찾는 칸 위의 창고 세그먼트 — **보는 눈을 좁히는 것**이지 고르는 칸이 아니다(§0-6-1). */
.slp-fseg {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0 0 6px;
}
.slp-fseg .seg-b {
  padding: 3px 8px;
  font-size: 12px;
}

/* 「골라 둔 창고에 없고 다른 창고에 있습니다」 — 없으면 *"등록했는데 안 나온다"* 가 된다. */
.slp-else {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  color: var(--muted);
  font-size: 12px;
  border-top: 1px dashed var(--line);
}

/* 전표 바닥의 **둘째 줄** — 이익 셋이 여기 선다(§2-4). 첫 줄은 돈 칸 셋이다. */
.slp-tot2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 14px;
  padding: 6px 12px 10px;
  border-top: 1px dashed var(--line);
}
/* **적자면 붉다** — 팔지 말지를 정하는 자리라 첫눈에 보여야 한다. */
.slp-tot2 .bad b, .bdt-calc .bad { color: var(--danger); }

/* 펼친 내역의 계산 두 줄 — 셈에 쓴 값(공급가액)을 그대로 적는다. */
.bdt-calc {
  gap: 18px;
  padding-top: 6px;
  border-top: 1px dashed var(--line);
  font-size: 12px;
}