/*
 * CSS พื้นฐานกลางที่ทุกหน้าควรใช้ร่วมกัน (reset, body, การ์ด, footer) — คู่กับ lib/site_common.php
 *
 * ที่มา: แต่ละหน้าพัฒนาแยกกันทีละหน้ามาตลอด ผลลัพธ์เลยออกมา "คล้ายกัน" แต่ไม่เหมือนกันเป๊ะ (เช่น .card ใน
 * view_np.php ใช้ var(--surface)/var(--radius), view_financials_table.php ใช้ var(--card-bg)/10px hardcode,
 * body padding/font-family ก็ต่างกันไปทีละหน้า) — ไฟล์นี้ตั้งใจเป็นจุดเดียวที่ทุกหน้าดึงไปใช้ จะได้หน้าตา
 * เหมือนกันจริงๆ ไม่ใช่แค่คล้ายกัน (ต้นแบบดึงค่ามาจาก view_np.php ที่เป็นหน้าอ้างอิงหลักของการ migrate นี้)
 *
 * สำคัญ: ไฟล์นี้ใช้ตัวแปรกลางจริงเท่านั้น (var(--bg)/var(--card-bg)/var(--radius) ฯลฯ จาก
 * assets/site-theme.css) ห้ามอ้างชื่อ alias เฉพาะหน้า (เช่น --page/--surface ของ view_np.php เดิม) เพราะ
 * ไฟล์นี้จะถูกหลายหน้าเรียกใช้ หน้าที่ไม่มี alias พวกนั้นจะพังทันที
 *
 * ต้องมี assets/site-theme.css (ตัวแปรสี/มุมโค้ง/เงา) และ assets/site-fonts.css (var(--font-main)) โหลด
 * อยู่ก่อนเสมอ
 */
* { box-sizing: border-box; }
body {
    font-family: var(--font-main);
    background: var(--bg);
    color: var(--text-primary);
    margin: 0;
    padding: 12px 16px 30px;
}
.card {
    background: var(--card-bg); border: 1px solid var(--border); border-radius: var(--radius);
    padding: 20px; margin-bottom: 14px; box-shadow: 0 1px 3px var(--shadow-sm);
}
.footer-note { text-align: center; font-size: 12.5px; color: var(--text-muted); margin: 18px 0 0; }