/* ══════════════════════════════════════════════════════════════════════════
   _chuan.css — NỀN CHUẨN GIAO DIỆN TGM
   ──────────────────────────────────────────────────────────────────────────
   Vì sao có tệp này (30/09, Sếp duyệt "cách A" sau bản phản biện độc lập):

   ① CHỮ ĐỌC KHÔNG RA. Màu #94a3b8 dùng 308 chỗ, tương phản trên nền trắng chỉ
      2,5:1 trong khi mức đọc thoải mái là 4,5:1. Nhiều chỗ mang thông tin vận
      hành thật (hạn xử lý, tên khách, ghi chú) - anh chị lớn tuổi hoặc xem trên
      điện thoại ngoài nắng không đọc được.

   ② MÃ MÁY DÙNG FONT LẠ. Sếp chỉ ra 30/09: cột Mã máy hiển thị bằng font của
      MÁY TÍNH (ui-monospace) nên trên Mac một kiểu, trên Windows một kiểu, và
      lạc hẳn so với Inter của toàn hệ. Class `.mono` lại được khai 5 cách khác
      nhau ở 20 màn - có màn đổi font, có màn chỉ đổi cỡ chữ.

   ⭐ CÁCH GIẢI (Sếp chọn 30/09): KHÔNG đổi sang font thường, vì font đẳng khoảng
      đang làm hai việc thật - số thẳng cột khi dò IMEI 15 số, và phân biệt 0 với
      O khi mã có lẫn chữ (003200EBBB). Thay vào đó dùng CHÍNH Inter của hệ rồi
      bật hai tính năng có sẵn trong nó:
        · tabular-nums  → mọi chữ số rộng bằng nhau, cột thẳng tăm tắp
        · slashed-zero  → số 0 có nét chéo, không lẫn chữ O
      Cùng font với toàn hệ mà không mất lợi ích nào.

   ⚠️ Màn nào dùng thì NẠP TỆP NÀY, không tự khai lại .mono trong <style> của
      mình - bộ kiểm `npm run kiem:chuan` canh việc đó.
   ══════════════════════════════════════════════════════════════════════════ */

:root{
  /* Ba bậc chữ - dùng biến, đừng gõ mã màu rải rác nữa.
     Số trong ngoặc là độ tương phản trên nền trắng. */
  --tg-chu:      #16233a;   /* nội dung chính        (14,8:1) */
  --tg-chu-phu:  #64748b;   /* ghi chú, nhãn cột      (4,5:1 - vừa đủ đọc thoải mái) */
  --tg-chu-mo:   #94a3b8;   /* CHỈ trang trí: dấu gạch, đường kẻ, chữ mờ không mang nghĩa */
}

/* ── MÃ MÁY · IMEI · SERIAL · SĐT · MÃ PHIẾU · BIỂN SỐ ────────────────────
   Giữ tên class `.mono` vì đã dùng ở 118 chỗ; chỉ đổi RUỘT. Không phải đi sửa
   118 chỗ gọi, và màn nào chưa nạp tệp này thì vẫn chạy như cũ. */
.mono{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-variant-numeric:tabular-nums slashed-zero;
  font-feature-settings:'tnum' 1,'zero' 1;
  letter-spacing:.3px;          /* hở nhẹ cho mắt tách từng ký tự khi dò dọc */
}
/* ⚠️ ĐO THẬT trên production 30/09, nói đúng sự thật để sau này khỏi tưởng nhầm:
   · `tabular-nums` ĐẠT - nhưng không phải nhờ khai: Inter vốn đã có chữ số rộng
     bằng nhau. Cột mã máy thẳng tăm tắp đúng như mong muốn.
   · `slashed-zero` khai rồi nhưng CHƯA CÓ HIỆU LỰC: bản Inter lấy từ Google Fonts
     không kèm tính năng đó (đo bằng cách so bề rộng chuỗi "000000" khi bật/tắt -
     giống hệt nhau, và nhìn trên màn số 0 vẫn tròn trơn).
   Có đáng lo không: KHÔNG, với dữ liệu TGM. Mã máy và serial ở đây là số hoặc chữ
   HEX (0-9, A-F) - trong bộ đó KHÔNG có chữ O, nên không có gì để lẫn với số 0.
   Giữ nguyên dòng khai: hôm nào đổi sang nguồn Inter đầy đủ thì tự có, không phải
   đi sửa lại 46 màn. */

/* ── SỐ LƯỢNG · TIỀN · PHẦN TRĂM ──────────────────────────────────────────
   Chỉ cần thẳng cột, KHÔNG cần gạch chéo số 0 (những ô này không lẫn chữ). */
.so, .tien, .kpi .v, .kpi-v{
  font-variant-numeric:tabular-nums;
  font-feature-settings:'tnum' 1;
}

/* ── LỚP TIỆN ÍCH cho chữ phụ - dùng thay vì gõ mã màu ────────────────── */
.tg-phu{color:var(--tg-chu-phu)}
.tg-mo{color:var(--tg-chu-mo)}