/* Mẫu in A4 ngang — báo giá, chi phí nội bộ, bóc tách, bản vẽ */
@page{size:A4 landscape; margin:9mm 10mm}
.trang-in{background:#fff; color:#2a2420; font:10.5px/1.45 'Be Vietnam Pro', Arial, sans-serif; width:277mm; margin:0 auto 14px; padding:9mm 10mm; box-shadow:0 4px 24px rgba(0,0,0,.25); box-sizing:content-box}
.trang-in *{box-sizing:border-box}
.logo-bb{display:flex; align-items:center; gap:10px}
.logo-bb .l1{font-size:10px; font-weight:700; letter-spacing:.32em; line-height:1.1}
.logo-bb .l2{font-size:21px; font-weight:800; letter-spacing:.04em; line-height:1.15; margin-top:4px}
.in-dau{display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; padding-bottom:10px; border-bottom:2.5px solid #3b2a20; position:relative}
.in-dau::after{content:""; position:absolute; left:0; right:0; bottom:-6px; border-bottom:1px solid #c9a06a}
.in-cty{font-size:9.8px; color:#5a4b3f; border-left:1px solid #e1d4c2; padding-left:16px}
.in-cty .ten{font-size:12.5px; font-weight:800; color:#3b2a20; letter-spacing:.02em; margin-bottom:2px}
.in-tieu{text-align:right; font-size:10px; color:#5a4b3f}
.in-tieu .tieu{font-size:20px; font-weight:800; color:#3b2a20; letter-spacing:.04em; margin-bottom:3px}
.in-tieu .so-bg{font-size:11px; color:#2a2420}
.in-tieu .mat{margin-top:3px; color:#b3432f; font-weight:800; font-size:9.5px; letter-spacing:.06em}
.in-khach{display:grid; grid-template-columns:1.2fr 2fr 1fr; gap:0; margin-top:16px; border:1px solid #e1d4c2; border-radius:6px; overflow:hidden}
.in-khach > div{padding:7px 12px; border-right:1px solid #e1d4c2; background:#fbf7f1}
.in-khach > div:last-child{border-right:0}
.in-khach span{display:block; font-size:8.5px; text-transform:uppercase; letter-spacing:.08em; color:#9a8b7c; font-weight:700}
.in-khach b{font-size:13px}
.in-loi{margin:10px 0 8px; font-style:italic; color:#5a4b3f}
.in-bang{width:100%; border-collapse:collapse; font-size:9.8px}
.in-bang th{background:#3b2a20; color:#f3e3c7; font-weight:700; padding:5px 4px; border:1px solid #5b4434; text-align:center; font-size:9px; text-transform:uppercase; letter-spacing:.03em}
.in-bang td{border:1px solid #e1d4c2; padding:4px 5px; vertical-align:middle}
.in-bang thead{display:table-header-group}
.in-bang tr{page-break-inside:avoid; break-inside:avoid}
.in-bang td.g{text-align:center}
.in-bang td.so{text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap}
.in-bang td.am{color:#b3432f}
.in-bang td.mota{font-size:9.3px; color:#4a3d33}
.in-bang .ghi{font-size:8.8px; color:#8a7a6c; font-style:italic}
.in-bang td.hinh{padding:2px; text-align:center}
.in-bang td.hinh img{width:100%; height:46px; object-fit:cover; border-radius:3px; display:block}
.in-bang td.hinh svg{width:100%; height:46px; display:block}
.in-bang tr.khu-in td{background:#f3e6d0; font-weight:800; color:#3b2a20; font-size:10.5px; letter-spacing:.02em}
.in-bang tfoot td{background:#3b2a20; color:#f3e3c7; font-weight:800}
.in-bang tbody tr:nth-child(even):not(.khu-in) td{background:#fdfbf8}
.in-cuoi{display:grid; grid-template-columns:1fr 300px; gap:18px; margin-top:12px; page-break-inside:avoid; break-inside:avoid}
.muc{font-size:9px; text-transform:uppercase; letter-spacing:.1em; font-weight:800; color:#a8743f; margin:6px 0 3px}
.in-ghi ol{margin:0; padding-left:16px; color:#4a3d33}
.in-ghi p{margin:0; color:#4a3d33}
.in-tong{border:1.5px solid #3b2a20; border-radius:6px; padding:8px 12px}
.in-tong .d{display:flex; justify-content:space-between; padding:3px 0; font-size:11px}
.in-tong .d.lon{border-top:1.5px solid #3b2a20; margin-top:4px; padding-top:7px; font-size:15px; color:#3b2a20}
.in-tong .chu{font-size:9.8px; color:#5a4b3f; margin-top:4px}
.in-tt{display:grid; grid-template-columns:1fr auto; gap:18px; margin-top:12px; align-items:center; page-break-inside:avoid; break-inside:avoid; background:#fbf7f1; border:1px solid #e1d4c2; border-radius:6px; padding:8px 12px}
.tien-do table{border-collapse:collapse; width:100%; font-size:10.3px}
.tien-do td{padding:3px 6px; border-bottom:1px dashed #e1d4c2}
.tien-do td.b{font-weight:800; color:#a8743f; width:50px}
.tien-do td.pt{text-align:center; width:44px; font-weight:700}
.tien-do td.so{text-align:right; font-weight:700; white-space:nowrap}
.tien-do .nh{margin-top:5px; font-size:9.8px}
.qr{display:flex; align-items:center; gap:10px; font-size:9.8px; text-align:center}
.qr img{width:92px; height:92px; border:1px solid #e1d4c2; border-radius:4px; background:#fff}
.in-ky{display:grid; grid-template-columns:1fr 1fr; margin-top:14px; text-align:center; page-break-inside:avoid; break-inside:avoid; min-height:95px}
.in-ky div{display:flex; flex-direction:column; gap:2px}
.in-ky span{font-style:italic; color:#5a4b3f}
.in-ky i{color:#9a8b7c; font-size:9.5px}
.phoi-canh, .noi-bo, .ban-ve-in{page-break-before:always; break-before:page}
.pc-luoi{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px}
.pc-luoi figure{margin:0; border:1px solid #e1d4c2; border-radius:6px; overflow:hidden; page-break-inside:avoid; break-inside:avoid}
.pc-luoi img{width:100%; height:62mm; object-fit:cover; display:block}
.pc-luoi figcaption{padding:4px 8px; font-weight:800; font-size:10px; color:#3b2a20; background:#f3e6d0; letter-spacing:.03em}
.pc-ghi{font-size:9.3px; color:#8a7a6c; font-style:italic; margin-top:8px}
.in-h3{font-size:12px; margin:16px 0 6px; color:#3b2a20}
.nb th{font-size:8.5px}
.ban-ve-in{padding:4mm}
.ban-ve-in svg{width:100%; height:auto; display:block}
@media print{
  .trang-in{box-shadow:none; margin:0; padding:0; width:auto}
  .trang-in + .trang-in{page-break-before:always; break-before:page}
  *{-webkit-print-color-adjust:exact; print-color-adjust:exact}
}
@media screen and (max-width: 1100px){
  .trang-in{width:auto; max-width:277mm; overflow-x:auto}
}