/* ============================================================ print.css — สั่งพิมพ์ / บันทึกเป็น PDF สำหรับหน้าเครื่องคำนวณ (calc-*.html) ทุกหน้า — 90'S ENGINEER ใช้เฉพาะตอนพิมพ์ (@media print) เท่านั้น ไม่กระทบการแสดงผลปกติ ============================================================ */ @media print { @page { size: A4; margin: 14mm 12mm; } /* บังคับให้พิมพ์สีพื้นหลัง/ตัวอักษรตามที่เห็นบนจอเสมอ ไม่ว่าตัวเลือก "พิมพ์กราฟิกพื้นหลัง" ของเบราว์เซอร์ผู้ใช้จะเปิดหรือปิดอยู่ก็ตาม — ป้องกันปัญหาการ์ดพื้นเข้ม/ตัวอักษรสีอ่อนหายไปกลายเป็นขาวว่างตอนพิมพ์ */ *, *::before, *::after { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; color-adjust: exact !important; } html, body { background: #fff !important; width: auto !important; height: auto !important; } /* --------------------------------------------------------------- ฟอนต์สำหรับพิมพ์ — มาตรฐานเอกสารวิศวกรรม: Angsana UPC ขนาด 16 ใช้เฉพาะเนื้อหา HTML ปกติของหน้า (ป้ายกำกับ/ผลลัพธ์/ตาราง/หมายเหตุ) — ไม่แตะตัวอักษรภายในภาพ SVG (ผังคาน/กราฟแรงเฉือน-โมเมนต์/สเกตช์ เหล็กเสริม ฯลฯ) เพราะภาพเหล่านั้นปรับขนาดตัวอักษรไว้ละเอียดแล้ว เฉพาะจุด สลับฟอนต์/ขนาดจะทำให้ป้ายกำกับในภาพล้นหรือทับกัน --------------------------------------------------------------- */ html, body, h1, h2, h3, h4, p, span, div, li, ul, ol, table, td, th, label, a, button, input, textarea, select, .btn, .card, .chip, .navlink, .field-label, .field-input, .field-unit, .mini-input, .sec-title, .sec-sub, .tbl-head, .row, .block-hd, .notebox, .disp { /* ลำดับฟอนต์: ใช้ Angsana UPC ของเครื่องผู้ใช้ก่อน (ถ้ามีติดตั้งไว้ เช่น เครื่อง Windows ที่ลง Thai language pack/MS Office) ถ้าไม่มีให้ fallback ไปที่ Noto Serif Thai ซึ่งโหลดมาจาก Google Fonts ไว้แล้วในหน้านี้ (ดู ใน ) เพื่อให้ตัวอักษรไทยยังคงเป็นฟอนต์ serif อ่านง่าย แบบเอกสารราชการ/วิศวกรรมเสมอ แม้เครื่องผู้ใช้จะไม่มี Angsana UPC ติดตั้ง */ font-family: "Angsana New","AngsanaUPC","Angsana UPC","Noto Serif Thai",serif !important; font-size: 16pt !important; line-height: 1.6 !important; } /* โครงสร้างหน้าเครื่องคำนวณทุกหน้าใช้ #dc-root > div ที่ fix width:1440px สำหรับแสดงผลบนจอ — ตอนพิมพ์ให้คลายเป็น auto เพื่อพอดีกระดาษ A4 */ #dc-root, #dc-root > div { width: auto !important; background: #fff !important; box-shadow: none !important; } /* ซ่อนส่วนที่ไม่จำเป็นตอนพิมพ์: แถบเมนูบนสุด, ปุ่มต่างๆ, ลิงก์ที่กดไม่ได้บนกระดาษ */ .no-print { display: none !important; } /* การ์ด/บล็อกผลลัพธ์: กันไม่ให้ตัดหน้ากลางบล็อกโดยไม่จำเป็น */ .card, .block-hd, .row, .tbl-head { break-inside: avoid; page-break-inside: avoid; } .card { border: 1px solid oklch(85% 0.0065 268) !important; box-shadow: none !important; margin-bottom: 14px !important; } /* ช่องกรอกข้อมูล/ตัวเลข: ตัดลักษณะกล่อง input แบบหน้าจอออก ให้อ่านเหมือนตัวเลขในรายการคำนวณ */ input, .field-input, .mini-input { border: none !important; background: transparent !important; color: #000 !important; padding: 2px 0 !important; box-shadow: none !important; } .field-input, .mini-input { border-bottom: 0.5pt solid oklch(75% 0.0065 268) !important; border-radius: 0 !important; } a { color: inherit !important; text-decoration: none !important; } /* ภาพประกอบ SVG (ผังคาน / SFD / BMD และอื่นๆ): บีบให้พอดีความกว้างกระดาษเสมอ */ svg, img { max-width: 100% !important; height: auto !important; } .card [style*="overflow-x:auto"] { overflow: visible !important; } /* พื้นหลังไล่สี (gradient) ของส่วนหัวหน้า — ลดเป็นพื้นขาวล้วนเพื่อประหยัดหมึก */ [style*="linear-gradient"] { background: #fff !important; } }