/* HCL ONE — module CHỈ TIÊU THÁNG (0.9). Chỉ lớp tiền tố .ctu- ; chỉ dùng biến màu của giao_dien.css (trừ #fff). Điện thoại 390 px trước;
   bản web (HCL.WEB.bat) dựng bảng rộng + cột phụ (.ctu-web-2cot) — màn tự dàn trang nên khung dùng { may: true }. */

/* ---- thanh chọn tháng */
.ctu-ky{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}
.ctu-ky>div{flex:1;min-width:0;text-align:center;line-height:1.3}
.ctu-ky b{display:block;font:800 17px var(--tieu-de)}
.ctu-ky span{display:block;font-size:12.5px;color:var(--mo)}
.ctu-ky .hc-nut{width:48px;min-height:48px;padding:0;flex:none}
.ctu-ky-trong{width:48px;flex:none}

/* ---- khối anh hùng */
.ctu-hero-dong{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ctu-hero-dong>div:first-child{min-width:0}
.ctu-hero h2{margin:2px 0 2px;font-size:30px;font-variant-numeric:tabular-nums}
.ctu-hero-nhan2{margin:8px 0 0!important;font:700 13px/1.4 var(--noi-dung)!important}   /* màu chữ: theo .hc-hero p của app */
.ctu-hero .hc-chip{flex:none}
.ctu-hero .hc-so b small{font-size:.6em;opacity:.8}
.ctu-hero .hc-so b{font-variant-numeric:tabular-nums}
.ctu-hero>.ctu-chip{margin-top:8px}
.ctu-kh{margin:10px 0 0!important;font-size:14.5px!important}
.ctu-kh b{color:var(--vang)}

/* ---- tiêu đề thẻ, phép tính của máy (một thẻ, đọc như tờ hoá đơn) */
.ctu-the-tieu{margin:0 0 10px;font:800 16.5px/1.3 var(--tieu-de)}
.ctu-phep{border:1px solid var(--vien-2);border-radius:var(--r-vua);background:var(--nen);overflow:hidden}
.ctu-phep-dong{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px dashed var(--vien)}
.ctu-phep-dong span{font-size:14.5px;line-height:1.35;min-width:0}
.ctu-phep-dong small{display:block;font-size:12px;color:var(--mo);margin-top:2px}
.ctu-phep-dong b{flex:none;max-width:58%;text-align:right;font:800 16px/1.3 var(--tieu-de);font-variant-numeric:tabular-nums}
.ctu-nw{white-space:nowrap}
.ctu-phep-dong.len b{color:var(--xanh)} .ctu-phep-dong.xuong b{color:var(--do)}
.ctu-phep-tong{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--vang-nhat)}
.ctu-phep-tong span{font:800 14px/1.3 var(--tieu-de);text-transform:uppercase;letter-spacing:.06em;padding-top:1px;color:var(--vang-chu)}
.ctu-phep-tong b{font:800 22px var(--tieu-de);font-variant-numeric:tabular-nums;color:var(--cham-dam)}
.ctu-phep-ghi{margin:10px 2px 0!important;font-size:13px!important;line-height:1.45}
.ctu-bu{margin:10px 0 0}
@media (prefers-color-scheme: dark){ .ctu-phep-tong b{color:var(--vang)} }

/* ---- số các cấp, KSI */
.ctu-bac{margin:0}
.ctu-bac dd small{color:var(--mo);font-weight:600}
.ctu-the-tieu small{font:600 12.5px var(--noi-dung);color:var(--mo);margin-left:4px}
.ctu-ksi-dong{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--vien)}
.ctu-ksi-dong:last-of-type{border-bottom:0}
.ctu-ksi-ten{min-width:0;line-height:1.3}
.ctu-ksi-ten span{display:block;font:700 14.5px var(--noi-dung)}
.ctu-ksi-ten small{display:block;font-size:12px;color:var(--mo);margin-top:2px;font-variant-numeric:tabular-nums}
.ctu-ksi-so{flex:none;font:800 20px var(--tieu-de);font-variant-numeric:tabular-nums;color:var(--chinh)}
.ctu-ksi-sua{flex:none;display:flex;align-items:center;gap:4px;margin:0}
.ctu-ksi-sua span{font:800 15px var(--tieu-de);color:var(--mo)}
.ctu-ksi .hc-phu{margin:6px 0 0;font-size:12.5px;line-height:1.45}
.ctu-ksi-o{width:76px;min-height:44px;height:44px;padding:0 8px;text-align:right;font:800 17px var(--tieu-de);font-variant-numeric:tabular-nums;border-radius:10px;border-color:var(--vang)}

/* ---- dòng thời gian gọn */
.ctu-tg .nd b{font-weight:800}

/* ---- sales sửa TỪNG ĐIỂM (điện thoại: thẻ; bản web: bảng) */
.ctu-dat-lai{float:right;margin-top:-6px;min-height:36px}
.ctu-tim{margin:0 0 10px}
.ctu-nhap-bao .hc-nut{margin-left:6px;min-height:36px;vertical-align:middle}
.ctu-diem-ds{display:block}
.ctu-diem{padding:12px 14px;scroll-margin:96px}
.ctu-diem-dau{display:flex;align-items:flex-start;gap:10px}
.ctu-diem-dau>.hc-hang{flex:none;margin-top:2px}
.ctu-diem-dau>.hc-chip{flex:none;margin-top:1px}
.ctu-diem-dau>.hc-dong-dau{flex:none}
.ctu-diem-dau>.hc-so-buoc{margin-left:auto}
.ctu-diem-ten{flex:1;min-width:0;line-height:1.3}
.ctu-diem-ten>b{display:block;font:800 15.5px/1.3 var(--tieu-de);overflow-wrap:anywhere}
.ctu-diem-ten>.hc-phu{display:block;font-size:12.5px;margin-top:2px}
.ctu-diem-so{display:grid;gap:10px;margin-top:10px}
.ctu-diem-so.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ctu-o{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.ctu-diem-so.c2 .ctu-o{flex-direction:column;align-items:stretch;gap:6px}
.ctu-o-nhan{min-width:0;line-height:1.3}
.ctu-o-nhan b{display:block;font:800 14px var(--tieu-de)}
.ctu-o-nhan span{display:block;font-size:12px;color:var(--mo);font-variant-numeric:tabular-nums}
.ctu-diem .hc-so-buoc input,.ctu-moi-the .hc-so-buoc input{width:64px;font-variant-numeric:tabular-nums;border-color:var(--vang)}
.ctu-diem-so.c2 .hc-so-buoc input{flex:1;min-width:0;width:auto}
.ctu-diem.ctu-loi .hc-so-buoc input{border-color:var(--do);color:var(--do)}
.ctu-diem.ctu-da-sua{background:var(--vang-nhat)}
/* lý do thấp hơn gợi ý */
.ctu-ly{margin-top:10px;padding:10px 12px 12px;border-radius:var(--r-vua);background:var(--cam-nhat);border:1px solid var(--cam)}
.ctu-ly-nhan{font:700 13px/1.3 var(--tieu-de);color:var(--cam-dam)}
.ctu-ly .hc-chon.nho>button{background:var(--the)}
.ctu-ly .hc-chon.nho>button.chon{background:var(--cham);color:#fff}
.ctu-ly-ghi{width:100%;margin-top:8px}
.ctu-diem:not(.ctu-can-ly) .ctu-ly{background:var(--nen);border-color:var(--vien-2)}
.ctu-diem:not(.ctu-can-ly) .ctu-ly-nhan{color:var(--mo)}
.ctu-sales-so{margin:8px 0 0;font-size:13.5px;line-height:1.4}
.ctu-sales-so b{font-variant-numeric:tabular-nums}
/* điểm mở mới */
.ctu-moi-the{padding:12px 14px}
.ctu-moi-the .ctu-diem-dau{align-items:center}
.ctu-moi-the .ctu-diem-dau{flex-wrap:wrap}   /* 0.9.3: 360 px — ô bước xuống dòng thay vì ép chữ còn 1 từ / dòng */
.ctu-moi-the .ctu-diem-ten{min-width:150px}
.ctu-bu-chu{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:13px;color:var(--xanh-dam);line-height:1.4}
.ctu-bu-chu svg{flex:none}
.ctu-moi-ly{margin:12px 0 0}
/* chân: tổng + Gửi đề xuất */
.ctu-chan-tong{display:flex;align-items:center;gap:12px;width:100%}
.ctu-chan-so{flex:1;min-width:0;line-height:1.25}
.ctu-chan-so b{display:block;font:800 20px var(--tieu-de);font-variant-numeric:tabular-nums;white-space:nowrap}
.ctu-chan-so span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.35;color:var(--mo)}
.ctu-chan-tong .hc-nut{flex:none;min-width:156px;white-space:nowrap}
/* bảng điểm (bản web) */
.ctu-bang-diem .hc-bang td{vertical-align:middle}
.ctu-bang-diem .hc-bang td.so small,.ctu-bang-diem .hc-bang td .hc-phu{display:block;font-size:12px;font-weight:500;color:var(--mo);margin-top:2px;white-space:nowrap}
.ctu-bang-diem .hc-bang td.so{white-space:nowrap}
.ctu-bang-diem .hc-bang td.ctu-cam b{color:var(--cam-dam)}
.ctu-diem-ten-b{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.ctu-diem-ten-b b{font:800 14.5px/1.3 var(--tieu-de)}
.ctu-3t-o{font-variant-numeric:tabular-nums}
.ctu-k{font-size:11.5px;font-weight:700;color:var(--bia-tuoi);margin-left:2px}
.ctu-bang-diem .hc-so-buoc button{width:38px;height:38px;font-size:19px;border-radius:10px}
.ctu-bang-diem .hc-so-buoc input{width:60px;min-height:38px;height:38px;font-size:16px}
.ctu-ly-o{min-width:180px}
.ctu-ly-o select,.ctu-ly-o .ctu-ly-ghi{display:block;width:100%;min-height:38px;height:38px;margin-top:6px;font-size:13.5px}
.ctu-bang-diem tr.ctu-loi td:first-child{box-shadow:inset 3px 0 0 var(--do)}
.ctu-bang-diem tr.ctu-can-ly td:first-child,.ctu-bang-diem tr.ctu-lech-dong td:first-child{box-shadow:inset 3px 0 0 var(--cam)}
.ctu-bang-diem tr.ctu-da-sua td{background:var(--vang-nhat)}

/* ---- bản web: bảng chính + cột phụ (thẻ phép tính, KSI, số các cấp) */
.ctu-web-2cot{display:flex;flex-direction:column}
.ctu-web-2cot>.ctu-cot-chinh{min-width:0}
.ctu-web-2cot>.ctu-cot-phu{order:-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:0 16px;align-items:start}
.ctu-web-2cot>.ctu-cot-phu>:not(.hc-the){grid-column:1/-1}
@media (min-width:1560px){
  .ctu-web-2cot{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:0 20px;align-items:start}
  .ctu-web-2cot>.ctu-cot-phu{order:0;display:block;position:sticky;top:80px}
}
/* màn nội dung hẹp (hệ số): luôn 2 cột từ 1180 px, cột phụ bên phải */
@media (min-width:1180px){
  .ctu-web-2cot.ctu-2cot-hep{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:0 20px;align-items:start}
  .ctu-web-2cot.ctu-2cot-hep>.ctu-cot-phu{order:0;display:block}
}

/* ---- chân: 2 nút (Chỉnh · Đồng ý), nút duyệt */
.ctu-chan{margin:0}
.ctu-chan .hc-nut.chinh{flex:2.2;white-space:nowrap}
.ctu-chan .hc-nut.phu{white-space:nowrap}

/* ---- tấm Chỉnh: bước số lớn */
.ctu-buoc-lon{display:grid;grid-template-columns:52px 48px minmax(0,1fr) 48px 52px;gap:6px;align-items:center;margin:6px 0 4px}
.ctu-buoc-lon>button{height:56px;border-radius:14px;border:1.5px solid var(--vien);background:var(--the);color:var(--chinh);font:800 17px var(--tieu-de);cursor:pointer;touch-action:manipulation;padding:0}
.ctu-buoc-lon>button.cong{background:var(--cham);border-color:var(--cham);color:#fff}
.ctu-buoc-so{display:flex;flex-direction:column;align-items:center;gap:0;margin:0}
.ctu-buoc-so input{width:100%;min-height:56px;height:56px;text-align:center;font:800 28px var(--tieu-de);font-variant-numeric:tabular-nums;border-radius:14px;padding:0 4px;border-color:var(--vang)}
.ctu-buoc-so span{font-size:12px;color:var(--mo);margin-top:2px;text-align:center}
.ctu-lech{margin:6px 2px 12px;font-size:14px;line-height:1.4}
.ctu-lech.xanh{color:var(--xanh)} .ctu-lech.cam{color:var(--cam-dam)}
.ctu-moi .hc-so-buoc{justify-content:flex-start}
#ctu-ly-do-khoi textarea{margin-top:8px}
.ctu-tuy{font-weight:600;color:var(--mo)}

/* ---- thẻ trang chủ */
.ctu-tc .hc-the-dau{align-items:center}
.ctu-tc-chu{flex:1;min-width:0}
.ctu-tc-nhan{font:700 12px/1.45 var(--tieu-de);letter-spacing:.08em;text-transform:uppercase;color:var(--mo);padding-top:1px}
.ctu-tc h3{font-size:16px}
.ctu-tc>.hc-the-dau>svg{flex:none;color:var(--mo)}

/* ---- màn đội: vùng (giám đốc) → đội → người; thẻ (điện thoại) / bảng (bản web) */
.ctu-chu-thich{font-size:12.5px;margin:-4px 2px 12px}
.ctu-vung{margin:0 0 18px;padding:12px 14px 2px;border:1px solid var(--vien-2);border-radius:var(--r-lon);background:var(--nen-2)}
.ctu-vung-dau{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.ctu-vung-dau>div{min-width:0;flex:1 1 220px}
.ctu-vung-ten{margin:0 0 2px;font:800 17px/1.3 var(--tieu-de)}
.ctu-vung-dau .hc-phu{margin:0}
.ctu-nhom{margin-bottom:6px}
.ctu-nhom-tong{margin:-4px 2px 10px}
.ctu-nut-nhom{width:100%;margin:0 0 12px;white-space:normal;min-height:48px;line-height:1.3}
.ctu-vung-dau .ctu-nut-nhom{width:auto;margin:0;flex:0 1 auto}
.ctu-nut-nhom.web{width:auto;min-width:320px;padding:0 22px}
.ctu-nguoi{padding:12px 14px}
.ctu-nguoi-dau{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;background:none;border:0;padding:0;text-align:left;color:inherit;font:inherit;cursor:pointer;min-height:44px;text-decoration:none}
.ctu-nguoi-dau>svg{flex:none;color:var(--mo);margin-top:2px}
.ctu-ten{min-width:0;display:block}
.ctu-ten>b{display:block;font:800 16px/1.3 var(--tieu-de);overflow-wrap:anywhere}
.ctu-ten>b small{font:600 12px var(--noi-dung);color:var(--mo)}
.ctu-chip{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.ctu-so3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 6px}
.ctu-so3>div{background:var(--nen);border:1px solid var(--vien-2);border-radius:12px;padding:7px 6px;text-align:center;min-width:0}
.ctu-so3 span{display:block;font-size:11.5px;color:var(--mo);line-height:1.3}
.ctu-so3 b{display:block;font:800 19px/1.2 var(--tieu-de);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ctu-so3 small{display:block;font:700 12px var(--noi-dung)}
.ctu-so3 .cam{border-color:var(--cam);background:var(--cam-nhat)} .ctu-so3 .cam small,.ctu-so3 .cam b{color:var(--cam-dam)}
.ctu-so3 .do{border-color:var(--do);background:var(--do-nhat)} .ctu-so3 .do small,.ctu-so3 .do b{color:var(--do)}
.ctu-mo-moi{margin:0 2px 4px!important;font-size:12.5px!important}
.ctu-ghi{margin:4px 2px 0;font-size:13px;line-height:1.4;color:var(--chu-2,var(--chu))}
.ctu-nut{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.ctu-nut>.hc-nut{flex:1 1 auto;min-width:84px}
.ctu-nut>.hc-nut.cham{flex:1.4 1 auto}
.ctu-vi-sao{display:block;margin-top:8px;font-size:12.5px}
.ctu-link{font:800 14.5px var(--tieu-de);color:var(--chinh);text-decoration:none}
.ctu-link:hover{text-decoration:underline}
.ctu-bang td .ctu-chip{margin-top:3px}
.ctu-bang td.ctu-cam{color:var(--cam-dam);font-weight:700}
.ctu-bang .ctu-viec .ctu-nut{margin-top:0;flex-wrap:nowrap;justify-content:flex-end}
.ctu-bang .ctu-viec{width:1%;white-space:nowrap}
.ctu-bang .ctu-viec .hc-nut{flex:none;min-width:0;white-space:nowrap;padding:0 10px;font-size:13.5px}
.ctu-bang .ctu-viec .ctu-vi-sao{margin-top:0;max-width:200px;white-space:normal}
.ctu-bang .ctu-ghi{font-size:12.5px}
.ctu-bang td.so{white-space:nowrap}
.ctu-nguoi-o{min-width:240px}
.ctu-nguoi-o .ctu-link{white-space:nowrap}
.ctu-ksi-o2{font-size:12.5px;color:var(--mo);margin-top:4px;white-space:nowrap}
.ctu-bang tr.ctu-lech-dong td:first-child{box-shadow:inset 3px 0 0 var(--cam)}
.ctu-bang tr.ctu-hl td:first-child{box-shadow:inset 3px 0 0 var(--xanh)}
.ctu-sua-so{color:var(--cam-dam);font-weight:700}

/* ---- hệ số gợi ý theo dòng / SKU */
.ctu-hs-dong{padding:14px 16px}
.ctu-hs-dau{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ctu-hs-dau>div:first-child{flex:1 1 200px;min-width:0}
.ctu-hs-dau h3{margin:0 0 4px;font:800 17px/1.3 var(--tieu-de)}
.ctu-hs-dau .hc-phu{margin:0}
.ctu-tk{margin:4px 0 0;font-size:13px;line-height:1.4}
.ctu-pt-buoc{align-items:center}
.ctu-pt-buoc input{width:72px;font-variant-numeric:tabular-nums;border-color:var(--vang)}
.ctu-pt-buoc input::placeholder{font-size:13px;font-weight:600;color:var(--mo)}
.ctu-pt-dv{font:800 16px var(--tieu-de);color:var(--mo);margin-left:2px}
.ctu-hs-sku{margin-top:12px;border-top:1px dashed var(--vien);padding-top:10px}
.ctu-hs-sku>summary{cursor:pointer;font:700 14px/1.4 var(--tieu-de);min-height:44px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ctu-hs-sku .hc-ds{margin-top:6px}
.ctu-hs-sku-dong{align-items:center;gap:10px;flex-wrap:wrap}
.ctu-hs-sku-dong .hc-dong-giua{flex:1 1 180px;min-width:0}
.ctu-hs-sku-dong .ctu-pt-buoc button{width:40px;height:40px;font-size:19px}
.ctu-hs-sku-dong .ctu-pt-buoc input{width:80px;min-height:40px;height:40px;font-size:16px}
.ctu-hs-ghi{margin-top:4px}

/* ---- màn công ty */
.ctu-tt-hang{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 2px 12px}
.ctu-tt-hang b{font:800 15px var(--tieu-de);margin-right:6px}
.ctu-doi-han{margin-left:auto}
.ctu-tien-do{padding:14px 16px}
.ctu-td{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;align-items:center;gap:6px 10px;margin:0 0 10px;font-size:13.5px;line-height:1.3}
.ctu-td:last-of-type{margin-bottom:4px}
.ctu-td span small{display:block;font-size:11.5px;color:var(--mo)}
.ctu-td .hc-thanh{margin:0}
.ctu-td b{font:800 14px var(--tieu-de);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:52px}
.ctu-kh-form{padding:12px 16px}
.ctu-kh-o{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}
.ctu-kh-o .hc-nut{grid-column:1/-1}
@media (min-width:760px){ .ctu-kh-o{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto} .ctu-kh-o .hc-nut{grid-column:auto;margin-bottom:12px} }
.ctu-cot2{display:grid;gap:0 12px;grid-template-columns:minmax(0,1fr)}
.ctu-cot2>*{min-width:0}   /* 0.9.3: bảng NPP / kênh cuộn trong khung, không đẩy cả trang tràn ngang ở 360 px */
@media (min-width:900px){ .ctu-cot2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start} }
.ctu-cot-thanh{width:26%;min-width:90px}
.ctu-cot-thanh .hc-thanh{margin:6px 0 0}
.hc-bang tr.ctu-dong-phu td{color:var(--mo);font-style:italic}
.hc-bang tr.ctu-thieu td:first-child{box-shadow:inset 3px 0 0 var(--do)}
.ctu-bang-cty td:nth-child(-n+2){white-space:nowrap}
.ctu-cho-gd{display:block;font-size:11.5px;font-weight:700;color:var(--cam-dam)}
.ctu-mo-vong{max-width:720px;margin:0 auto 12px}
.ctu-lien{margin-top:12px}

/* ---- màn điểm bán: chuẩn PO */
.ctu-po .hc-the-dau{align-items:flex-start}
.ctu-po h3{margin:0 0 2px}
.ctu-po .hc-phu{margin:0}
.ctu-po-chip{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 8px}
.ctu-po-o{display:inline-flex;align-items:center;gap:4px}
.ctu-po-o svg{flex:none}
.ctu-po .hc-nut.khoi{margin-top:4px}

/* ======================================================================== 0.9.3 (anh Vũ 30/09) */
/* ---- ô số KHÔNG BAO GIỜ bị cắt ("1.1…"): cỡ chữ theo độ dài (b.dai / b.rat-dai như app) + được xuống dòng; điện thoại hẹp: 4 ô → 2 cột */
.ctu-hero .hc-so b,.ctu-so-luoi .hc-so b,.ctu-so3 b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.ctu-so3 b.dai{font-size:16px} .ctu-so3 b.rat-dai{font-size:14px}
@media (max-width:480px){ .hc-so-luoi.c4.ctu-so-luoi{grid-template-columns:repeat(2,minmax(0,1fr))} }
.ctu-hero h2 small{font-size:.5em;font-weight:700;opacity:.85;margin-left:2px;white-space:nowrap}
.ctu-chan-so b{white-space:normal;overflow-wrap:anywhere}
.ctu-chan-so b small{font:700 12.5px var(--noi-dung);color:var(--mo);margin-left:2px;white-space:nowrap}
.ctu-chan-so span{-webkit-line-clamp:3}
/* ---- quy đổi: dòng "Tổng: … = … thùng QĐ" trong hero + chú giải dưới hero */
.ctu-tong-chu{margin:8px 0 0!important;font-size:13px!important;line-height:1.45!important;font-variant-numeric:tabular-nums}
.ctu-chu-giai{display:flex;align-items:flex-start;gap:6px;margin:-2px 2px 12px;font-size:12.5px;line-height:1.4;color:var(--mo)}
.ctu-chu-giai svg{flex:none;margin-top:1px}
.ctu-kiem-cong{margin:8px 0 0!important;font-size:14px!important;line-height:1.5!important;font-variant-numeric:tabular-nums}
.ctu-kiem-cong small{display:block;font-size:12.5px;opacity:.85}
/* ---- một điểm: nhóm Lon, chai (thùng QĐ) · Bia tươi (keg) + quy đổi sống + Chia theo SKU */
.ctu-o-nhan b small{font:600 11.5px var(--noi-dung);color:var(--mo);margin-left:2px}
.ctu-qd{display:block;font-size:12px;line-height:1.3;color:var(--mo);font-variant-numeric:tabular-nums}
.ctu-diem-so.c2 .ctu-qd{text-align:center}
.ctu-diem-qd{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:8px;font-size:12.5px;color:var(--mo)}
.ctu-diem-qd b{margin-left:auto;font:800 13.5px var(--tieu-de);color:var(--chu);font-variant-numeric:tabular-nums}
.ctu-diem>.ctu-chip{margin:6px 0 0}
.ctu-sku{margin-top:8px;border-top:1px dashed var(--vien);padding-top:4px}
.ctu-sku>summary{cursor:pointer;min-height:36px;display:flex;align-items:center;flex-wrap:wrap;gap:2px 6px;font:700 13px/1.35 var(--tieu-de)}
.ctu-sku>summary .hc-phu{font:500 12px var(--noi-dung)}
.ctu-sku-ds{padding:2px 0 4px}
.ctu-sku-dong{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;padding:6px 0;border-bottom:1px dashed var(--vien)}
.ctu-sku-dong:last-child{border-bottom:0}
.ctu-sku-dong span{font-size:13px;line-height:1.35;min-width:0;overflow-wrap:anywhere}
.ctu-sku-dong span small{color:var(--mo)}
.ctu-sku-dong b{font:800 13.5px var(--tieu-de);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ctu-sku-dong>small{grid-column:2;text-align:right;font-size:11.5px;color:var(--mo);white-space:nowrap}
.ctu-bang-diem .ctu-sku{max-width:340px;white-space:normal}
.ctu-bang-diem td .ctu-qd{margin-top:4px;white-space:nowrap}
.ctu-qd-o{display:block;font-size:11.5px;font-weight:600;color:var(--mo);white-space:nowrap}
.ctu-bang-cty .ctu-qd-o{white-space:normal;min-width:72px}   /* bảng đội (màn công ty): "≈ … thùng QĐ" xuống dòng, cột keg không phình */
.ctu-muc-dv{font:600 12px var(--noi-dung);letter-spacing:0;text-transform:none;color:var(--mo);margin-left:4px}
/* ---- KSI số điểm */
.ctu-ksi-so small{font:700 12px var(--noi-dung);color:var(--mo);margin-left:2px}
.ctu-ksi-sua span{font:700 12.5px var(--noi-dung)}
.ctu-ksi-pt{display:inline;font:600 11.5px var(--noi-dung);color:var(--mo);margin-left:4px}
.ctu-ksi-vi-sao{display:block;font-style:normal;font-size:12px;line-height:1.4;color:var(--chu-2,var(--chu));margin-top:3px}
/* ---- màn công ty: bảng kiểm vòng, chỉ tiêu tay, sổ PO kế thừa */
.ctu-kiem{display:block}
.ctu-kiem-dong{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2px 8px;padding:8px 0;border-bottom:1px dashed var(--vien);font-size:13.5px;line-height:1.35}
.ctu-kiem-dong:last-child{border-bottom:0}
.ctu-kiem-dong>svg{flex:none;margin-top:1px}
.ctu-kiem-dong.xanh>svg{color:var(--xanh)} .ctu-kiem-dong.cam>svg{color:var(--cam-dam)}
.ctu-kiem-dong>span{flex:1 1 150px;min-width:0}
.ctu-kiem-dong>span small{display:block;font-size:12px;color:var(--mo);margin-top:2px}
.ctu-kiem-dong>b{margin-left:auto;font:800 13.5px var(--tieu-de);text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ctu-kiem-dong.cam>b{color:var(--cam-dam)}
.ctu-kiem-the,.ctu-kenh-tay,.ctu-po-kt{padding:14px 16px}
.ctu-mo-vong .ctu-kiem{margin:4px 0 14px}
.ctu-kt-dong{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--vien)}
.ctu-kt-ten{flex:1;min-width:0}
.ctu-kt-ten b{display:block;font:800 14.5px/1.3 var(--tieu-de);overflow-wrap:anywhere}
.ctu-kt-ten small{display:block;font-size:12px;color:var(--mo)}
.ctu-kt-so{flex:none;text-align:right}
.ctu-kt-so b{display:block;font:800 14.5px var(--tieu-de);font-variant-numeric:tabular-nums;white-space:nowrap}
.ctu-kt-so small{display:block;font-size:12px;color:var(--mo);white-space:nowrap}
.ctu-kt-nut{flex:none;display:flex;gap:6px;min-width:96px;justify-content:flex-end}
.ctu-kt-nut .hc-nut{min-width:0;padding:0 10px}
.ctu-kt-dong.cong{border-bottom:0;margin-top:6px;padding:8px 10px;border-radius:10px;background:var(--nen)}
.ctu-kenh-tay>.hc-nut.khoi,.ctu-po-kt>.hc-nut.khoi{margin-top:10px}
.ctu-po-kt-so{margin:0 0 4px;font-size:14.5px;line-height:1.45}
/* 0.9.3b: thẻ "Thưởng tháng theo 3 trục" — % đạt (số lớn) + thưởng tối đa (chữ nhỏ) bên phải; theo dõi sổ kế thừa — danh sách điểm đã hạ gập được */
.ctu-3truc{padding:14px 16px}
.ctu-3truc-so{flex:none;text-align:right;line-height:1.2;font-variant-numeric:tabular-nums}
.ctu-3truc-so b{display:block;font:800 20px var(--tieu-de);color:var(--chinh)}
.ctu-3truc-so b.chu-xanh{color:var(--xanh)}
.ctu-3truc-so small{display:block;font:700 12px var(--noi-dung);color:var(--mo);white-space:nowrap}
.ctu-thuong-chu small{opacity:.85}
.ctu-kt-ha{margin-top:8px}
.ctu-kt-ha>summary{cursor:pointer;font:700 14px var(--noi-dung);padding:6px 0}
.ctu-kt-ha .hc-dong-giua .p{white-space:normal;overflow-wrap:anywhere}
/* ---- màn hệ số: xem trước trước khi chốt */
.ctu-hs-xem{padding:14px 16px}
.ctu-hs-bang{border:1px solid var(--vien-2);border-radius:var(--r-vua);overflow:hidden;background:var(--nen);margin-bottom:8px}
.ctu-hs-xd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:8px 12px;border-bottom:1px dashed var(--vien)}
.ctu-hs-xd span{font-size:13.5px;line-height:1.35;min-width:0}
.ctu-hs-xd span small{color:var(--mo)}
.ctu-hs-xd b{font:800 14.5px var(--tieu-de);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ctu-hs-xd b small{font:700 12px var(--noi-dung);margin-left:4px}
.ctu-hs-xd b small.len{color:var(--xanh)} .ctu-hs-xd b small.xuong{color:var(--do)}
.ctu-hs-xd i{grid-column:1/-1;font-style:normal;font-size:12px;color:var(--mo);text-align:right}
.ctu-hs-xd.tb{background:var(--nen-2)}
.ctu-hs-xd.kq{background:var(--vang-nhat);border-bottom:0}
.ctu-hs-xd.kq b{font-size:17px;color:var(--cham-dam)}
@media (prefers-color-scheme: dark){ .ctu-hs-xd.kq b{color:var(--vang)} }