/* ━━━ 출고확인서 PDF 미리보기 ━━━ */
/* 원본: joy-module/shipment-pdf.html CSS 그대로 적용 */

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --dk:#252832;--sl:#3A3E4C;--sl2:#4A4E5C;--mid:#5F6476;--hz:#9095A5;
  --ms:#C0C3CE;--cl:#E3E4EA;--sn:#F2F2F6;--w:#fff;--bd:#B6B9C4;
  --brand:#3A3E4C;--secondary:#4A4E5C;--tertiary:#5F6476;
  --light:#9095A5;--tint:#C0C3CE;--bg-light:#DCDEE4;--background:#F2F2F6;
}
body{font-family:'Pretendard',system-ui,sans-serif;background:#DCDEE4;color:var(--dk);font-size:13px;line-height:1.5}

/* ━━━ A4 Page ━━━ */
.a4-wrapper{padding:40px 20px}
.a4{width:210mm;min-height:297mm;background:var(--w);margin:0 auto;box-shadow:0 4px 28px rgba(0,0,0,.08);position:relative;overflow:hidden}
@media print{
  .no-print{display:none!important}
  body{background:#fff;margin:0;padding:0}
  .a4-wrapper{padding:0}
  .a4{box-shadow:none;margin:0;padding:0;page-break-after:always;width:100%;min-height:auto}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
}

/* ━━━ atoms ━━━ */
table.t{width:100%;border-collapse:collapse}
table.t th{background:var(--sn);font-size:11px;font-weight:700;color:var(--mid);padding:9px 12px;text-align:center;border:1px solid var(--bd);white-space:nowrap}
table.t td{font-size:12px;padding:9px 12px;border:1px solid var(--bd);color:var(--dk);text-align:center}
table.t td.left{text-align:left}
table.t td.right{text-align:right}
table.t td.hi{background:var(--cl);font-weight:800;color:var(--sl)}
table.t th.dark{background:var(--sl);color:#fff;font-weight:800}
table.t tfoot td{background:var(--sn);font-weight:800;color:var(--sl);font-size:13px}

.sec{font-size:11.5px;font-weight:800;color:var(--sl);padding:12px 0 6px;border-bottom:2.5px solid var(--sl);margin-top:16px;margin-bottom:10px;letter-spacing:.4px;display:flex;align-items:center;gap:8px}
.sec .ico{width:18px;height:18px;border-radius:4px;background:var(--sl);color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900}

/* Info grid */
.info-grid{display:grid;grid-template-columns:90px 1fr 90px 1fr;gap:0;border:1px solid var(--bd);border-radius:6px;overflow:hidden;margin-bottom:12px}
.info-grid .label{background:var(--sn);font-size:11px;font-weight:700;color:var(--mid);padding:8px 12px;border-bottom:1px solid var(--bd);border-right:1px solid var(--bd)}
.info-grid .value{font-size:12px;padding:8px 12px;border-bottom:1px solid var(--bd);border-right:1px solid var(--bd);font-weight:500}
.info-grid .value:nth-child(4n){border-right:none}
.info-grid .label:nth-child(4n-1){border-right:1px solid var(--bd)}

/* Stamp */
.stamp{width:64px;height:64px;border:3px solid #c0392b;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c0392b;font-size:13px;font-weight:900;letter-spacing:2px;opacity:.7;transform:rotate(-15deg)}

/* Footer */
.ft{display:flex;justify-content:space-between;font-size:9.5px;color:var(--hz);padding-top:12px;border-top:1px solid var(--cl);margin-top:16px}

/* Sign area + footer: 인쇄 시 페이지 넘김 방지 */
.sign-footer-group{page-break-inside:avoid;break-inside:avoid}
.sign-area{display:flex;justify-content:flex-end;gap:40px;margin-top:32px;padding:0 12px}
.sign-box{text-align:center;min-width:120px}
.sign-box .sign-label{font-size:10px;color:var(--hz);margin-bottom:4px;font-weight:600}
.sign-box .sign-line{border-bottom:1.5px solid var(--bd);height:48px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}
.sign-box .sign-name{font-size:11px;font-weight:700;color:var(--sl);margin-top:4px}