/* [16/10] ICON TRẠNG THÁI — một cửa (wow-icon-trang-thai-mot-cua-2026-10-16.js). Nghĩa từng hình ghi ở đầu tệp JS. Hover chỉ brightness (§13 SYND). */
.tt-ic { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; border: 1px solid var(--wow-vien); color: var(--wow-chu-3);
  font-style: normal; flex: none; vertical-align: middle; }
.tt-ic svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.tt-ic.tot { color: var(--wow-tot); border-color: #1f7a4d; background: rgb(111 207 154 / .12); box-shadow: 0 0 10px rgb(111 207 154 / .25); }
.tt-ic.cam { color: var(--wow-cam-sang); border-color: rgb(var(--wow-cam-rgb) / .6); }
.tt-ic.vang { color: #f2b84b; border-color: #7a6320; }
.tt-ic.xau { color: var(--wow-xau); border-color: rgb(255 92 122 / .55); background: rgb(255 92 122 / .08); }
.tt-ic.chay svg { animation: tt-quay 1.1s linear infinite; }
@keyframes tt-quay { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .tt-ic.chay svg { animation: none; } }
.tt-dem { display: inline-flex; align-items: center; gap: 5px; vertical-align: middle; white-space: nowrap; }
.tt-dem .tt-ic-tran { border: 0; width: 16px; height: 16px; background: none; }
.tt-dem b { font: 600 13px var(--wow-font-so); font-variant-numeric: tabular-nums; color: var(--wow-cam-sang); text-shadow: 0 0 10px rgb(var(--wow-cam-rgb) / .5); }
/* dòng dày (danh sách việc · bài · hồ sơ gốc · SP trong page) ⇒ icon nhỏ hơn một nấc */
:where(.xc-page, .tt-dong, .xc-hs, .xc-sp-chu, .pn-sp, .xc-tien-do, .xc-mm-nut-dau, .lr-dong, .lr-pill, .ht-dong-ip-ten, .ht-nick) .tt-ic { width: 18px; height: 18px; }
:where(.xc-page, .tt-dong, .xc-hs, .xc-sp-chu, .pn-sp, .xc-tien-do, .xc-mm-nut-dau, .lr-dong, .lr-pill, .ht-dong-ip-ten, .ht-nick) .tt-ic svg { width: 11px; height: 11px; }
.xc-dang-chay { display: inline-flex; align-items: center; gap: 6px; }
/* [17/10] hình vật + số (chỉ số đầu khối) · nút chỉ một hình */
.tt-vat { display: inline-grid; place-items: center; font-style: normal; flex: none; }
.tt-vat svg { width: 15px; height: 15px; }
.tt-so { display: inline-flex; align-items: center; gap: 5px; color: var(--wow-chu-2); white-space: nowrap; vertical-align: middle; }
.tt-so b { font: 600 13px var(--wow-font-so); font-variant-numeric: tabular-nums; }
.tt-so.xau { color: var(--wow-xau); }
.tt-nut-hinh { display: inline-grid; place-items: center; width: 32px; height: 32px; padding: 0; }
/* [02/11] cột sóng (iconBacManh) — độ đo, không viền tròn như icon trạng thái; vạch đặc, màu theo chữ chỗ đặt */
.tt-bac { display: inline-flex; align-items: flex-end; font-style: normal; flex: none; line-height: 0; }
.tt-bac svg { display: block; }
/* [13/11] dấu farm của page (dauFarmTrangThai) — màu = farm, dùng chung mọi màn; thanh tỉ lệ farm (Fanpage) đọc cùng hai biến màu */
:root { --wow-farm-luong: #7fb2d6; --wow-farm-chat: var(--wow-cam-sang); }
.dau-farm { flex: none; display: inline-block; font: 600 10.5px/1.5 var(--wow-font-chu); font-style: normal; padding: 0 6px; border-radius: 999px; white-space: nowrap;
  font-variant-numeric: tabular-nums; vertical-align: middle; border: 1px solid; }
.dau-farm.luong { color: var(--wow-farm-luong); border-color: rgb(127 178 214 / .5); background: rgb(127 178 214 / .08); }
.dau-farm.chat { color: var(--wow-farm-chat); border-color: rgb(var(--wow-cam-sang-rgb) / .6); background: rgb(var(--wow-cam-sang-rgb) / .1); }