/* ระบบผลตรวจสุขภาพ — เฉพาะส่วนที่เป็นของระบบนี้เท่านั้น

   หน้าตาส่วนกลาง (สี ปุ่ม ตาราง ฟอร์ม แถบบน) อยู่ใน shared/pgh-ui.css
   ซึ่งใช้ร่วมกับ PGH MOBILE — อย่าเขียนทับกฎในไฟล์นั้นที่นี่
   ถ้าอยากเปลี่ยนหน้าตาส่วนกลาง ให้ไปแก้ที่ไฟล์กลาง จะได้เปลี่ยนพร้อมกันทั้งสองระบบ

   ฟอนต์อยู่ที่นี่เพราะสองระบบส่งฟอนต์คนละวิธี ระบบนี้โหลดจาก /static/fonts/
   ส่วน PGH MOBILE ฝังไว้ในไฟล์เดียวเพื่อให้เปิดแบบออฟไลน์ได้ */

@font-face {
  font-family: "LINE Seed Sans TH"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/static/fonts/LINESeedSansTH_W_Rg.woff2") format("woff2");
}
@font-face {
  font-family: "LINE Seed Sans TH"; font-style: normal; font-weight: 600 700; font-display: swap;
  src: url("/static/fonts/LINESeedSansTH_W_Bd.woff2") format("woff2");
}


@media (max-width: 700px) {
  main { padding: 14px 12px 40px; }
  .card { padding: 15px; }
  table.kv th { width: auto; }
}

/* ปุ่มเลือกไฟล์ของเบราว์เซอร์ แต่งให้เป็นทรงแคปซูลของระบบ (ghost)
   ใช้ ::file-selector-button จะได้พฤติกรรมเลือกไฟล์เดิมครบ ไม่ต้องเขียนสคริปต์ */
input[type="file"] { font-family: inherit; font-size: 13px; color: var(--muted);
  background: var(--panel); border: 1px dashed var(--line); border-radius: 999px;
  padding: 5px 14px 5px 5px; max-width: 420px; }
input[type="file"]::file-selector-button {
  font-family: inherit; font-size: 13px; font-weight: 500; cursor: pointer;
  padding: 6px 16px; margin-right: 12px; border-radius: 999px;
  border: 1px solid var(--link); background: #fff; color: var(--link);
  transition: background .15s; }
input[type="file"]::file-selector-button:hover { background: var(--link-2); }

/* ท้ายหน้า (ใช้กฎกลางใน pgh-ui.css) — ระบบนี้ไม่มีแถบปุ่มติดขอบล่าง จึงไม่ต้องเว้นที่ด้านล่างมาก */
.appfoot { padding-bottom: 28px; }
main { padding-bottom: 28px; }