# StatTiles
Hàng 3 ô số liệu nhỏ (khách, ly bán, doanh thu), dùng ở đầu tổng kết ngày và trên bảng điều khiển.

## Khi nào dùng
- Tóm tắt 3 con số chính ngay trên bảng kê hoặc tổng kết ngày.
- Mỗi ô có một số lớn và một nhãn/icon bên dưới.

## Biến thể
| Biến thể | Lớp | Dùng khi |
|---|---|---|
| Mặc định | `tt-stat-tiles` | 3 cột đều, gap 6, nhãn .72rem |
| Tổng kết | `tt-stat-tiles tt-stat-tiles--summary` | Lề 10/0/4, nhãn (icon/emoji) 1rem |

## Cấu trúc
```html
<div class="tt-stat-tiles">
  <div class="tt-stat-tiles__tile"><b class="tt-stat-tiles__value tt-num">28</b>Khách</div>
  <div class="tt-stat-tiles__tile"><b class="tt-stat-tiles__value tt-num">45</b>Ly bán</div>
  <div class="tt-stat-tiles__tile"><b class="tt-stat-tiles__value tt-num">1,02tr</b>Doanh thu</div>
</div>
```
Giá trị tiền dùng `TTMU.formatMoney(n)`.

## Trạng thái
Tĩnh, không có trạng thái.

## Token sử dụng
`bg` (nền ô), `shadow-edge` (viền ô ở `hc`), `ink` (số), `soft` (nhãn), `radius-10`, `space-4/6/8/10`.

## Khả năng tiếp cận
- Luôn có nhãn chữ; nếu dùng icon/emoji thay nhãn, icon cần `alt` ("Khách giận").
- Là nội dung chỉ đọc nên không cần role riêng; có thể bọc `role="group"` + `aria-label` khi muốn.

## Nên / Không nên
| Nên | Không nên |
|---|---|
| Đúng 3 ô cho vừa bề rộng 360px | Thêm ô thứ 4 (lưới cố định 3 cột) |
| Số ngắn: "1,02tr" | Số dài kèm đơn vị trong ô |

## Nguồn
`.kpis`, `.kpis div`, `.kpis b`, và bản ghi đè `.kpis{margin:10px 0 4px}`, `.kpis div{font-size:1rem}` ở tổng kết — css/style.css; markup tổng kết ngày trong js/game.js.
- Màu `ink` của số đặt tường minh vì nhãn dùng `soft`.