/* จัดวางหน้าย่อยและหน้าต่างของฝั่ง "ตัวฉัน" ใหม่ (23 ต.ค. 2569 · taste-skill) · ใช้สีและเนื้อหาเดิม ปรับเฉพาะการจัดวาง
   - แถบแท็บที่ติดด้านบน (มือถือ): ชิดขอบบน ไม่มีช่องว่างให้เนื้อหาโผล่เหนือแถบตอนเลื่อน
   - ผลตรวจสุขภาพ: ปุ่ม บันทึก PDF / โหลดใหม่ อยู่แถวเดียวกัน
   - แผนดูแลหัวใจ: หัวข้อย่อย 5 ปุ่มเรียง 3+2 บนมือถือ เห็นครบไม่ต้องปัดหา · ปุ่มแจ้งข้อมูล (?) อยู่มุมขวาบนของการ์ด
   - หน้าต่างฟอร์มยาว (ข้อมูลส่วนตัว · เพิ่มการออกกำลังกาย · ใบสมัคร): ปุ่มบันทึกติดขอบล่าง · ชื่อ/นามสกุล คู่กันบนจอกว้าง */

/* แถบแท็บติดชิดขอบบนจอ (เดิมเว้น 18px ให้เนื้อหาโผล่เหนือแถบตอนเลื่อน) */
@media (max-width: 999px) { .healthy-formal #member > .member-tabs { top: var(--safe-top, 0px) !important; } }

/* ผลตรวจสุขภาพ: ปุ่มของรายงานเรียงเป็นแถว */
.healthy-formal #myHealth .mh-actions { display: flex !important; flex-wrap: wrap; gap: 8px; }
.healthy-formal #myHealth .mh-actions > .button { flex: 1 1 auto; justify-content: center; white-space: nowrap; padding-inline: 14px !important; }

/* แผนดูแลหัวใจ: ปุ่มแจ้งข้อมูลมุมขวาบน · หัวข้อย่อยเห็นครบ */
.healthy-formal .my-heart-plan { position: relative; }
.healthy-formal .my-heart-plan > .mh-issue { position: absolute; top: 16px; right: 14px; margin: 0 !important; }
@media (max-width: 600px) {
  .healthy-formal .mh-cvd-tabnav { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible !important; }
  .healthy-formal .mh-cvd-tabnav [role="tab"] { flex-direction: column; gap: 2px !important; min-width: 0; min-height: 58px !important; padding: 6px 4px !important; line-height: 1.25; white-space: normal; text-align: center; }
}

/* หน้าต่างฟอร์มยาว: ปุ่มบันทึกติดขอบล่าง */
:is(#profileDialog, #activityDialog, #registerDialog) form { overflow-x: clip !important; overflow-y: visible !important; }
:is(#profileDialog, #activityDialog, #registerDialog) form > button[type="submit"] {
  position: sticky; bottom: 0; z-index: 3;
  box-shadow: 0 0 0 14px #fff, 0 14px 0 14px #fff;
}