/* ============================================================ PTCARGO Responsive AppShell — LAYOUT LAYER ONLY (frozen Pattern P1) 2026 LIGHT THEME: เปลี่ยนเฉพาะ "สี" เป็นธีมสว่าง · คงเรขาคณิตเดิมทั้งหมด (sidebar ชิดซ้าย 72/248px · offset 54px · ไม่ floating) → หน้าอื่นแค่เปลี่ยนสี ไม่ขยับ layout Responsibility: sidebar · active menu · responsive chrome · shared topbar frame. Mobile (<768) = Source-of-Truth ไฟล์เดิม ไม่ถูกแตะ. ============================================================ */ /* the ONLY non-@media rules — guarantee mobile purity */ .dk-nav,.dk-topbuttons,.dk-toplevel,.dk-promo,.dk-search{display:none} body.ptshell .sec.pad{margin:10px 15px} /* ===== FOUC guard (2026-07): กัน "มือถือแวบขึ้นมาแล้วหาย" บน desktop ===== desktop body-box (max-width/margin/padding ที่เว้นที่ให้ sidebar+topbar) เดิมผูกกับ body.ptshell — ซึ่ง ptcargo-shell.js เพิ่มด้วย JS "หลัง" paint แรก → ก่อน JS รัน หน้าจึง แสดง mobile layout ก่อน แล้วค่อย "เด้ง" เป็น desktop. ย้ายมาผูกกับ viewport ล้วนตรงนี้ (appshell.css เป็น render-blocking อยู่ใน ) = มีผลตั้งแต่ paint แรก: content ลงตำแหน่ง desktop ทันที · JS แค่เติม sidebar/topbar เข้าช่องว่างที่จองไว้ (ไม่มี reflow/แวบ). ค่าทุกจุดตรงกับ .ptshell ด้านล่างเป๊ะ จึงไม่เปลี่ยนภาพตอน JS ทำงาน. */ @media (min-width:768px){ /* padding-right ต้องมีคู่กับ padding-left เสมอ — ไม่งั้นกล่องเนื้อหาแนบขอบขวา และ max-width ของหน้าจะไม่มีวันมีผลเพราะพื้นที่ที่เหลือแคบกว่าค่าที่ตั้งไว้ */ html body{max-width:none;margin:0;padding-top:88px;padding-bottom:0;padding-left:108px;padding-right:16px} } @media (min-width:1280px){ html body{padding-left:272px;padding-right:16px} } /* ความกว้างของคอลัมน์เนื้อหาบนเดสก์ท็อป — ประกาศที่เดียว ทุกหน้าอ้างค่านี้ เดิม selector เดียวกันเป๊ะ (body.ptshell main.page) ถูกกำหนด 13 ค่าต่างกันใน 53 สไตล์ชีต ทำให้ขอบกระโดดเวลาสลับหน้า · หน้าที่ต้องการคอลัมน์อ่านแคบให้คุมที่ลูกข้างใน ไม่ใช่หดกรอบ */ :root{ --pt-content-max:1240px; } /* ===== Tablet 768–1279: collapsed icon rail ===== */ @media (min-width:768px){ html body.ptshell{max-width:none !important; margin:0 !important; box-shadow:none !important; padding-top:88px !important} /* light neutral canvas. !important is REQUIRED: ptcargo-shell.js injects a