/* assets/sale-print.css — 거래명세서 미리보기 팝업 · 인쇄 규칙 (2026-09-22 신설 · 2026-09-23 형님 확정 디자인으로 교체 · 51-sale-print.js · sections/sale-print-modal.php)
   ★종이 값(794×1123px · 색 · 굵기)은 JS 가 시안(docs/설계/거래명세서_디자인)의 인라인 style 을 그대로 넣는다. 여기는 팝업·인쇄 매체·모드 버튼뿐이다.
   ★인쇄는 body.printing-sale 표식일 때만 이 팝업이 남는다(작업지시서 인쇄 규칙 body:not(.printing-sale) 과 안 겹치게).
   ★팝업은 body 직계가 아니다(body > #portal-wrap > main > #content-wrap > #saleprint-modal) — 조상 사슬은 살리고 형제만 숨긴다(2026-09-22 빈 PDF 원인). */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500;600;700&display=swap');
#saleprint-body{flex:1;overflow:auto;background:#5b6472;padding:16px 0}
.sp-paper{margin:0 auto 16px;box-shadow:0 2px 14px rgba(0,0,0,.25);font-family:'IBM Plex Sans KR','Malgun Gothic','맑은 고딕',sans-serif;
  -webkit-print-color-adjust:exact;print-color-adjust:exact}
.sp-paper img{-webkit-print-color-adjust:exact;print-color-adjust:exact}
/* 헤더 [흑백 / 컬러] — 열 때마다 흑백으로 시작(JS) */
.sp-mode{display:flex;gap:0;border:1px solid rgba(255,255,255,.35);border-radius:6px;overflow:hidden}
.sp-mode button{background:transparent;border:none;color:rgba(255,255,255,.75);font-size:12px;padding:4px 10px;cursor:pointer}
.sp-mode button.on{background:rgba(255,255,255,.9);color:#281470;font-weight:700}
/* 판매 조회 줄·팝업 헤더 버튼 */
.sale-print-btn{padding:1px 8px;font-size:11px;margin-left:6px;vertical-align:middle;white-space:nowrap}
#sale-write-popup:not(.view-only) #sale-print-btn{display:none!important}
/* ── 인쇄: 이 팝업의 종이만 남긴다 ── */
@media print{
  body.printing-sale > :not(#portal-wrap), body.printing-sale #portal-wrap > :not(main), body.printing-sale main > :not(#content-wrap), body.printing-sale #content-wrap > :not(#saleprint-modal){display:none!important}
  body.printing-sale #portal-wrap, body.printing-sale main, body.printing-sale #content-wrap{display:block!important;position:static!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important}
  body.printing-sale #saleprint-modal{display:block!important;position:static!important;pointer-events:auto;inset:auto}
  body.printing-sale #saleprint-box{position:static!important;width:auto!important;height:auto!important;max-width:none!important;min-width:0!important;border:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;display:block!important}
  body.printing-sale #saleprint-header,body.printing-sale #saleprint-box .pw-resize{display:none!important}
  body.printing-sale #saleprint-body{overflow:visible!important;padding:0!important;background:#fff!important}
  /* ★A4 = 793.7×1122.5px. 종이를 1122px 로 잡고 넘침을 자르면 빈 2쪽이 안 생긴다(1123 은 반올림으로 2쪽이 될 수 있다). 절취선 561.5px 은 그대로 가운데 */
  body.printing-sale .sp-paper{width:794px!important;height:1122px!important;overflow:hidden;margin:0!important;box-shadow:none!important;page-break-after:always;break-after:page}
  body.printing-sale .sp-paper:last-child{page-break-after:auto;break-after:auto}
}