/* ═══════════════════════════════════════════════════════════════════════════
   chung.css — KIỂU DÁNG DÙNG CHUNG CHO MỌI TRANG hoily.site
   ---------------------------------------------------------------------------
   Chủ nhà 26/08: *"dòng các nút 🧩 Các app · 💳 Gói cước · 📖 Hướng dẫn, khi chuột
   chỏ vào hiện bàn tay; hiện tại đang hiện mũi tên, user khó biết để bấm vào"*.

   🔴 Không phải lỗi của riêng ba nút ấy: rà cả web thì **gần như không trang nào**
   khai `cursor:pointer` — 37 trang, hàng trăm nút, chỉ lác đác vài chỗ có. Trên điện
   thoại không ai thấy gì (không có con trỏ), nhưng người ngồi máy tính thì mũi tên
   đứng im nghĩa là "chỗ này không bấm được" ⇒ nhìn cái nút mà không dám bấm.

   ⇒ Vá Ở MỘT CHỖ. Vá riêng từng trang thì kiểu gì cũng có ngày thêm trang mới rồi
   quên — đúng cái bẫy `apps.html` đã tự dặn.
   🪤 Cố ý KHÔNG dùng `[onclick]` làm khoá chọn: nhiều màn gắn onclick lên cả tấm nền
   che (bấm ra ngoài để đóng), quét theo onclick là cả màn hình hoá bàn tay.
   ═══════════════════════════════════════════════════════════════════════════ */

button,
summary,
[role="button"],
label[for],
select,
input[type="checkbox"],
input[type="radio"],
input[type="file"] { cursor: pointer; }

/* Nút đang khoá thì phải nói là khoá — bàn tay ở đây là hứa hão, bấm mãi không ra gì. */
button:disabled,
button[disabled],
[aria-disabled="true"] { cursor: not-allowed; }

/* ═══════════════════════════════════════════════════════════════════════════
   📱 NGÓN TAY — 27/08/2026: nút trên MÀN CẢM ỨNG phải cao tối thiểu 44px
   ---------------------------------------------------------------------------
   Mốc 44px là của Apple/Google, và luật này đã có sẵn trên mấy trang bản thương
   mại (`apps.html`, `tuyendung-tm.html`…). Nhưng lượt rà 27/08 đi hết 22 màn
   khách bằng Chrome thật ở khổ 390×844 thì lộ ra: **15 màn còn nút chỉ ~36–38px**
   — nặng nhất là hàng `← Quay lại` · `🏠 Trang chủ` (24 trang cùng khai một luật
   `header button{padding:8px 12px}`) và **ba tab chính của app Nhà ăn**
   (📝 Phiếu · 📊 Bảng kê · 🍚 Báo cơm) — thứ công nhân bấm hàng chục lần mỗi ngày
   ở chỗ cân, một tay cầm máy.

   🔑 Vá Ở MỘT CHỖ. 24 trang chép tay cùng một luật thì sửa tay 24 lần kiểu gì
      cũng sót, mà `chung.css` nạp SAU style của từng trang nên cùng độ ưu tiên
      là nó thắng.
   🪤 Chỉ bật trên MÀN CẢM ỨNG (`pointer: coarse`). Trên máy tính con trỏ chuột
      nhắm chính xác, ép 44px chỉ làm mấy hàng nút dày cộm lên vô cớ.
   🪤 Cố ý KHÔNG đụng `input` (ô tick, ô chọn tệp) — 44px cho ô tick là phình một
      thứ vốn không ai bấm trượt, còn kéo hỏng những hàng biểu mẫu xếp sát nhau.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (pointer: coarse) {
  button,
  select,
  a.b, a.btn, .b, .btn { min-height: 44px; }
  /* Nút chỉ có chữ (không phải thẻ khối) thì phải căn giữa lại theo chiều dọc,
     không thì chữ dính lên mép trên của cái nút vừa cao thêm. */
  header button,
  nav button { display: inline-flex; align-items: center; justify-content: center; }
}