/* ═══════════ Shared mobile/tablet polish — โหลดต่อท้าย styles ของทุกหน้า ═══════════ */

/* ── iPhone/iPad ติดตั้งเป็นแอป (standalone): กันเนื้อหามุดใต้ notch/แถบสถานะ/แถบ home ── */
@media (display-mode: standalone){
  .topbar{
    padding-top:calc(12px + env(safe-area-inset-top, 0px)) !important;
    padding-left:calc(14px + env(safe-area-inset-left, 0px));
    padding-right:calc(14px + env(safe-area-inset-right, 0px));
  }
  body{ padding-bottom:env(safe-area-inset-bottom, 0px) }
  .toast{ bottom:calc(26px + env(safe-area-inset-bottom, 0px)) }
}

/* ── โทรศัพท์ ── */
@media (max-width:700px){
  /* iOS ซูมหน้าเด้งเองถ้าช่องกรอก <16px */
  input, select, textarea{ font-size:16px !important }
  /* ปุ่ม/แท็บ/เมนู ขนาดแตะง่ายด้วยนิ้ว */
  .btn{ min-height:40px }
  .tab{ min-height:42px }
  .seg-toggle button{ min-height:38px }
  .pop-item{ padding-top:12px; padding-bottom:12px }
  .btn-x{ padding:10px 12px }
  .topbar-back, .topbar-refresh{ min-height:38px; min-width:38px }
  /* dialog สูงไม่เกินจอ เลื่อนในตัวเองได้ */
  dialog{ max-height:calc(100dvh - 20px); overflow-y:auto }
  /* ตารางข้อมูล: เลื่อนแนวนอนลื่นๆ แทนการบีบคอลัมน์จนอ่านไม่ออก
     (ยกเว้น #assetTable ของสินทรัพย์ถาวร ที่แปลงร่างเป็นการ์ดอยู่แล้ว) */
  .table-scroll{ -webkit-overflow-scrolling:touch }
  .table-scroll .ledger:not(#assetTable){ min-width:600px; font-size:.85rem }
  .table-scroll .ledger:not(#assetTable) th,
  .table-scroll .ledger:not(#assetTable) td{ padding:7px 8px }
  /* toolbar รายงาน: ตัวเลือกงวดไม่ล้นจอ */
  .asof select{ max-width:46vw }
  .seg-toggle{ flex-wrap:wrap }
}

/* ── แท็บเล็ตแนวตั้ง (701–1024px): ระยะห่างพอดีขึ้น ── */
@media (min-width:701px) and (max-width:1024px){
  main{ padding-left:16px; padding-right:16px }
  .hub{ padding-left:18px; padding-right:18px }
}