/**
 * Tablet UI — ขยายตัวอักษร/ปุ่มบนแท็บเล็ต (481–1100px)
 * มือถือ ≤480px ไม่เปลี่ยน · โหลดหลัง theme ของแต่ละแอป
 */
@media (min-width: 481px) and (max-width: 1100px) {
  :root {
    --tablet-tap-min: 44px;
    --tablet-tap-sm: 40px;
  }

  /* Bootstrap / ฟอร์มทั่วไป */
  .form-control,
  .form-select {
    font-size: 1rem !important;
    min-height: var(--tablet-tap-min);
    padding: 0.5rem 0.75rem !important;
  }

  .btn {
    min-height: var(--tablet-tap-min);
    font-size: 0.95rem !important;
    padding: 0.5rem 0.9rem !important;
  }

  .btn-sm {
    min-height: var(--tablet-tap-sm);
    font-size: 0.9rem !important;
    padding: 0.4rem 0.75rem !important;
  }

  .btn-lg {
    min-height: 48px;
    font-size: 1.05rem !important;
  }

  .small,
  small,
  .text-muted.small,
  .form-text {
    font-size: 0.88rem !important;
  }

  h5, .h5 { font-size: 1.15rem !important; }
  h6, .h6 { font-size: 1.05rem !important; }

  table.table {
    font-size: 0.95rem;
  }

  table.table th,
  table.table td {
    padding: 0.55rem 0.65rem !important;
  }

  .modal-body {
    font-size: 1rem;
  }

  .dropdown-menu .dropdown-item {
    min-height: var(--tablet-tap-min);
    padding: 0.55rem 1rem !important;
    font-size: 0.95rem !important;
  }
}