/* Bảng kiểu Excel (mặc định, anh Việt 26/10/2026). Bật bằng html[data-bang="excel"] do máy chủ đặt theo Quản trị > Giao diện;
   chọn "Đơn giản" thì các luật dưới đây không áp dụng và bảng về kiểu cũ. Màu tiêu đề lấy theo bộ màu của hệ thống, sáng/tối đều dùng được. */
html[data-bang="excel"]{--ke-o:color-mix(in srgb,var(--chu) 20%,var(--the));--xen-ke:color-mix(in srgb,var(--nhan) 9%,var(--the))}
html[data-bang="excel"] .bang{border:1px solid var(--ke-o);border-collapse:separate;border-spacing:0;font-size:13.5px}
html[data-bang="excel"] .bang th,html[data-bang="excel"] .bang td{border-right:1px solid var(--ke-o);border-bottom:1px solid var(--ke-o);padding:7px 10px}
html[data-bang="excel"] .bang th:last-child,html[data-bang="excel"] .bang td:last-child{border-right:0}
html[data-bang="excel"] .bang tr:last-child td{border-bottom:1px solid var(--ke-o)}
html[data-bang="excel"] .bang thead th{background:var(--dau2);color:var(--chu-dau);font-weight:700;font-size:13px;position:sticky;top:0;z-index:2;
  border-bottom:2px solid var(--nhan);white-space:nowrap}
html[data-bang="excel"] .bang tbody tr:nth-child(even) td{background:var(--xen-ke)}
html[data-bang="excel"] .bang tbody tr:hover td{background:var(--hover);box-shadow:inset 0 0 0 9999px color-mix(in srgb,var(--nhan) 14%,transparent)}
html[data-bang="excel"] .cuon{max-height:74vh;overflow:auto;border-radius:10px}
html[data-bang="excel"] .cuon .bang{margin:0}
.chip[hidden]{display:none}
/* dòng lọc từng cột */
.bang thead tr.loc-cot th{background:var(--nen-phu);padding:3px 4px;position:sticky;top:34px;z-index:2;border-bottom:1px solid var(--ke-o,var(--vien))}
.bang .loc-o{width:100%;min-width:56px;box-sizing:border-box;font:inherit;font-size:12px;padding:3px 5px;border:1px solid var(--vien);border-radius:5px;background:var(--the);color:var(--chu)}
/* dòng tổng */
.bang tfoot td{background:color-mix(in srgb,var(--nhan) 22%,var(--the));font-weight:700;border-top:2px solid var(--nhan);position:sticky;bottom:0}
.bang tfoot td.so{text-align:right;font-variant-numeric:tabular-nums}
/* ô tô kín màu: tình trạng, nhóm tài sản, khối đơn vị, nhóm ngành */
.o-mau-kin{font-weight:700;text-align:center;white-space:nowrap}
.chip-nhom{display:inline-block;border-radius:6px;padding:2px 9px;font-size:12px;font-weight:600;white-space:nowrap}
.bang td.o-nhom,.bang th.o-nhom{font-weight:600;white-space:nowrap}
.bang td.ten-dv{min-width:170px}
.bang-nhom-dau{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
/* chú giải màu ở đầu bảng */
.chu-giai{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:12px;color:var(--mo);align-items:center;margin:4px 0 8px}
.chu-giai i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:4px;vertical-align:-2px}
@media (max-width:700px){
  html[data-bang="excel"] .bang th,html[data-bang="excel"] .bang td{padding:6px 7px}
  html[data-bang="excel"] .cuon{max-height:70vh}
  .bang thead tr.loc-cot th{top:30px}
}