/* ============================================================================
   06 — VÙNG CHẠM
   Trên màn cảm ứng, mọi thứ bấm được phải đạt 44×44px. Đây là chuẩn ngón tay,
   không phải chuyện thẩm mỹ: nhỏ hơn là người ta bấm trượt liên tục.

   ⚠ CHỈ NÂNG TRÊN MÀN CẢM ỨNG (`html.compact`). Trên máy tính giữ nguyên — chuột
     bấm chính xác, nâng hết sẽ làm giao diện cao lên và thưa ra.
     Ngoại lệ DUY NHẤT là ô tick: 13px là cỡ mặc định của trình duyệt, chuột cũng
     bấm trượt, nên nâng ở mọi giao diện.

   ⚠ Dùng `min-height` / `min-width`, ĐỪNG sửa `padding`. Nút dựng bằng JS thường
     có `padding` gõ thẳng trong `style=""`, sửa padding ở CSS là thua.
   ============================================================================ */

input[type=checkbox],input[type=radio]{width:18px;height:18px;flex:none;cursor:pointer}
html.compact input[type=checkbox],html.compact input[type=radio]{width:22px;height:22px}

html.compact .btn,
html.compact .ntbtn,
html.compact .tabs button,
html.compact .nav a,
html.compact .mdrawer a,
html.compact select,
html.compact .selp,
html.compact .field input,
html.compact .field select,
html.compact .field textarea,
html.compact .cellinput,
html.compact a.nutcham,
html.compact button:not(.mt-btn):not(.navcol){
  min-height:44px;
}

/* Nút chỉ có icon thì phải đủ cả hai chiều */
html.compact .btn.icon,
html.compact .nutvuong{min-width:44px}

/* Ô nhập trong bảng: nâng chiều cao mà vẫn giữ căn phải của con số */
html.compact .cellinput{padding-top:10px;padding-bottom:10px}