/* 出貨明細表 A4 版面 —— 畫面預覽與匯出 PDF 共用這一份，避免兩邊走樣。
   版面比照 reference/標準L型D款廚具出貨明細表.pdf（橫式 A4、四區塊並排）。 */
.a4 {
  box-sizing: border-box;   /* 列印頁只載入這一支 CSS，沒有全域 reset */
  width: 297mm;
  height: 210mm;            /* 鎖死單頁，避免內容多 0.1mm 就溢到第二頁 */
  padding: 5mm 6mm 4mm;
  background: #fff;
  color: #1a1a1a;
  font: 11px/1.3 "Microsoft JhengHei", "Noto Sans TC", sans-serif;
}
.a4 .head { text-align: center; margin-bottom: 3mm; }
.a4 .head .company { font-size: 18px; font-weight: 700; letter-spacing: 2px; }
.a4 .head .company-en { font-size: 10.5px; color: #555; letter-spacing: .5px; }
.a4 .head .doc-title {
  font-size: 15px; font-weight: 700; margin-top: 2mm;
  display: inline-block; border-bottom: 2px solid #1a1a1a; padding: 0 12mm .8mm;
}

.a4 table {
  border-collapse: collapse; width: 100%; table-layout: fixed;
  /* 操作介面的 style.css 有全域 `table { font-size: 13px }`，會蓋掉 .a4 的字級，
     讓明細表變高而溢出到第二頁。明確吃回 .a4 的字級。 */
  font: inherit;
}
.a4 th, .a4 td { border: 1px solid #333; padding: 2px 4px; vertical-align: middle; }
.a4 .meta td { height: 7.5mm; }
.a4 .lbl {
  background: #f2f2f2; text-align: center; font-weight: 600;
  font-size: 10px; line-height: 1.15; word-break: break-all;
}
.a4 .grp {
  background: #ebebeb; text-align: center; font-weight: 700; font-size: 10px;
  width: 5.5mm; padding: 2px 1px; line-height: 1.15;
}
.a4 .val { color: #1a4fa0; font-weight: 600; word-break: break-all; }
.a4 .val .note { display: block; color: #666; font-weight: 400; font-size: 9px; }
.a4 tbody tr { height: 8.3mm; }

/* 四個區塊的欄寬：大標籤 / 標籤 / 內容 */
.a4 col.c-grp { width: 5mm; }
.a4 col.c-lbl { width: 15.5mm; }
.a4 col.c-val { width: auto; }