/* EDUZO - buong lai. CO Y khong dung ds.css cua app con: §4.3 "khong duoc la
   ban phong to cua man bo me". Tu Design System 1.0 (24/09/2026) moi con so,
   mau, co chu trong tep nay la BI DANH tro ve token `--ez-*` cua vai `quan-tri`
   (`ez/eduzo.css`, sinh tu `noi-dung/eduzo-tokens.json`). Dai nhan vai XAM
   (`--ez-vai-mau`), mau chi de bao trang thai, khong trang tri. */
:root {
  --nen: var(--ez-nen-trang); --mat: var(--ez-nen-the); --muc: var(--ez-muc-chinh); --muc-nhe: var(--ez-muc-phu);
  --vien: var(--ez-vien-nhat); --nhan: var(--ez-hanh-dong-nen); --nhan-dam: var(--ez-hanh-dong-nen);
  --dung: var(--ez-he-thong-thanh-cong-dam); --dung-nen: var(--ez-he-thong-thanh-cong-nen);
  --sai: var(--ez-he-thong-loi-dam); --sai-nen: var(--ez-he-thong-loi-nen);
  --on: var(--ez-he-thong-canh-bao-dam); --trang: var(--ez-mau-trang);
  --bo-nho: var(--ez-bo-nut); --bo-to: var(--ez-bo-20); --bo-tron: var(--ez-bo-tron);
  --cham: var(--ez-vung-cham); --chu: var(--ez-chu-than-co); --chu-phu: var(--ez-chu-phu-co);
  --chu-hanh-dong: var(--ez-chu-nut-co); --chu-o-nhap: var(--ez-chu-than-lon-co);
  --chu-so-to: var(--ez-chu-so-lieu-co); --chu-de: var(--ez-chu-tieu-de-2-co); --bo: var(--ez-bo-the);
  --khe-khoi: var(--ez-khe-giua-khoi); --cot-noi-dung: var(--ez-cot-toi-da);
  --mau-vai: var(--ez-vai-mau); --day-dai-vai: 3px;
}
* { box-sizing: border-box; }
/* Bo chu DS 1.0: Lexend than chu, Nunito tieu de va so (mat chu o /chu/chu.css). */
body { margin: 0; background: var(--nen); color: var(--muc);
  font: var(--chu)/1.6 var(--ez-phong-than); }
h1, h2, h3, .qt-o__gia { font-family: var(--ez-phong-tieu-de); font-weight: 800; }
:where(button, input, select, textarea) { font-family: inherit; }
h1, h2, h3 { line-height: 1.28; }
/* Bang cua buong lai toan so: chu so phai DEU O RONG. */
table, th, td, .so, .bang { font-variant-numeric: tabular-nums lining-nums; }
.khung { max-width: var(--cot-noi-dung); margin: 0 auto; padding: var(--ez-khe-16) var(--ez-luoi-le) var(--ez-khe-64); }
h1 { font-size: var(--chu-de); margin: 0 0 var(--ez-khe-4); }
h2 { font-size: var(--chu-de); margin: var(--ez-khe-vung) 0 var(--ez-khe-trong-khoi); }
h3 { font-size: var(--chu); margin: var(--ez-khe-giua-khoi) 0 var(--ez-khe-trong-khoi); }
.ez-phu { margin: 0; }

/* Thanh/Dinh + dai vai TIM (UI-UX §1B). */
/* Thanh dinh: EzThanhDinh dung chung bon vo (`ez/ez.css`, `chung/khung-vo.js`). */

/* Muc/Dinh + Muc/DinhDangChon: hang dieu huong o dau cot. */
.ez-tab-hang { display: flex; gap: var(--ez-khe-4); flex-wrap: wrap; margin: 0 0 var(--ez-khe-giua-khoi); }
/* Hinh cua .tab la EzTab trong `ez/ez.css` (DS 1.0); o day chi bo cuc. */

/* O chi so: so to + nhan + MAU SO. */
.o-hang { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--ez-khe-12); }
.qt-o { background: var(--mat); border: 1px solid var(--vien); border-radius: var(--bo); padding: var(--ez-khe-12) var(--ez-khe-16); }
.qt-o__gia { font-size: var(--chu-so-to); font-weight: 800; line-height: 1.2; font-variant-numeric: tabular-nums; }
.qt-o__nhan { font-size: var(--chu-phu); color: var(--muc-nhe); }
.qt-o__mau { font-size: var(--chu-phu); color: var(--muc-nhe); margin-top: var(--ez-khe-2); }

.bang-cuon { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.bang-cuon > table { min-width: max-content; }
table { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--mat); border: 1px solid var(--vien); border-radius: var(--bo); overflow: hidden; }
th, td { text-align: left; padding: var(--ez-khe-8) var(--ez-khe-12); border-bottom: 1px solid var(--vien); font-size: var(--chu); vertical-align: middle; }
th { font-weight: 400; color: var(--muc-nhe); }
tr:last-child td { border-bottom: none; }
td.so, th.so { text-align: right; font-variant-numeric: tabular-nums; }
.ma { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--chu-phu); color: var(--muc-nhe); }

/* Chip/On · Chip/CanGiup — nhan TRANG THAI, khong bam duoc. `co--cho` trung tinh. */
.co { display: inline-block; padding: var(--ez-khe-4) var(--ez-khe-8); border-radius: var(--bo-tron); font-size: var(--chu-phu); font-weight: 800; }
.co--xau { background: var(--sai-nen); color: var(--sai); }
.co--tot { background: var(--dung-nen); color: var(--dung); }
.co--cho { background: var(--nen); border: 1px solid var(--vien); color: var(--muc-nhe); font-weight: 400; }

/* Cum so thuong tren thanh dinh (`chung/khung-vo.js`): ba vo kia khai o `ds.css`. */
.dinh__so { display: inline-flex; gap: var(--ez-khe-8); }
/* Moi o thuong tren thanh dinh giu mot dong (`chung/khung-vo.js`). */
.dinh__mot { white-space: nowrap; }

/* Nut/Phu · Nut/Chinh · Nut/Pha (UI-UX §6: nut pha KHONG bao gio noi hon nut thuan). */
/* Hinh cua .nut la EzNut trong `ez/ez.css` (DS 1.0). Buong lai: nut KHONG trai
   het cot (bang day, nut nam canh nhau). Nut pha = vien do, khong noi hon nut thuan. */
.ez-nut { width: auto; }
.hang-nut { display: flex; gap: var(--ez-khe-8); align-items: center; flex-wrap: wrap; margin: 0; }
/* Khe TRUOC hanh dong pha (UI-UX §6: mot nhip dung, khong phai khoang trang tri). */
.hang-nut .ez-nut--nguy { margin-left: var(--ez-khe-16); }

/* O/Nhap */
input.o-nhap {
  min-height: var(--cham); padding: var(--ez-khe-8) var(--ez-khe-12); font-size: var(--chu-o-nhap); font-weight: 400;
  border: 1px solid var(--vien); border-radius: var(--bo); background: var(--mat); color: var(--muc); min-width: 220px;
}
.hang-nut input.o-nhap { flex: 1; }
/* Bang so (nac 4): o nhap nam trong mot o luoi 160px, san 220px la tran ngang. */
.qt-o input.o-nhap { min-width: 0; width: 100%; box-sizing: border-box; }
/* Loc va lat trang bang Gia dinh (dot 66). */
.hang-chon { display: inline-flex; align-items: center; gap: var(--ez-khe-8); min-height: var(--ez-vung-cham); font-size: var(--chu-phu); color: var(--muc); cursor: pointer; }
.hang-nut--lat .nhac { margin: 0 auto 0 0; }

/* Chip/Thuong · Chip/DangChon: bo loc. */
.chip {
  min-height: var(--cham); padding: var(--ez-khe-4) var(--ez-khe-8); font-size: var(--chu-phu); font-weight: 400;
  border: 1px solid var(--vien); border-radius: var(--bo-to); background: var(--nen); color: var(--muc-nhe); cursor: pointer;
}
.chip--dang { border-color: var(--muc); background: var(--muc); color: var(--trang); font-weight: 800; }

/* The */
.ez-the { margin: 0; }   /* khe giua the do khuon (luoi) quyet */
.the__dinh { display: flex; justify-content: space-between; gap: var(--ez-khe-12); align-items: baseline; flex-wrap: wrap; }
.mau-cau { background: var(--nen); border-left: 3px solid var(--vien); padding: var(--ez-khe-8) var(--ez-khe-12); margin: var(--ez-khe-4) 0; font-size: var(--chu); }
.nhac { font-size: var(--chu-phu); color: var(--muc-nhe); margin: 0; }

/* Dai/Nhac · Dai/ChuY */
.dai { padding: var(--ez-khe-8) var(--ez-khe-12); background: var(--nen); border: 1px solid var(--vien); border-radius: var(--bo);
  font-size: var(--chu-phu); font-weight: 400; color: var(--muc-nhe); margin: 0; }
.dai--chu-y { padding: var(--ez-khe-12); background: var(--sai-nen); border-color: transparent; font-size: var(--chu); color: var(--muc); }

/* --- tang 1.5: dau hieu may dem duoc ---
   Muc phai doc duoc bang MOT cai liec: nguoi doc dung day de biet doc cai nao
   truoc, khong phai de doc them mot bang mau. */
.muc { font-size: var(--chu-phu); font-weight: 800; padding: var(--ez-khe-2) var(--ez-khe-8); border-radius: var(--bo-tron); }
.muc--hong { background: var(--sai-nen); color: var(--sai); }
.muc--ngo { background: var(--ez-he-thong-canh-bao-nen); color: var(--ez-he-thong-canh-bao-dam); }
.muc--mong { background: var(--nen); color: var(--muc-nhe); }
.muc--sach { background: var(--dung-nen); color: var(--dung); }
.muc--khong-soi { background: var(--nen); color: var(--muc-nhe); }
.dau-hieu { margin: var(--ez-khe-8) 0 0; padding-left: var(--ez-khe-16); }
.dau-hieu__mot { font-size: var(--chu); color: var(--muc-nhe); }
.dau-hieu__mot--hong { color: var(--sai); font-weight: 600; }
.dau-hieu__mot--ngo { color: var(--ez-he-thong-canh-bao-dam); }
.dau-hieu__vd { color: var(--muc-nhe); opacity: .8; }

/* Mot dong duong hoc trong tong quan duyet. La mot NUT vi bam duoc — mot dong
   bam duoc ma trong nhu mot dong chu la mot cai nut khong ai tim thay. */
.duong-dong {
  display: flex; align-items: center; gap: var(--ez-khe-12); width: 100%; min-height: var(--cham);
  padding: var(--ez-khe-8) var(--ez-khe-12); margin-bottom: var(--ez-khe-4); text-align: left;
  border: 1px solid var(--vien); border-radius: var(--bo);
  background: var(--mat); cursor: pointer; font: inherit; color: var(--muc);
}
.duong-dong--dang { border-color: var(--muc); box-shadow: inset 0 0 0 1px var(--muc); }
.duong-dong__ten { font-weight: 600; flex: 1; }
.co-cho { background: var(--sai-nen); color: var(--sai); padding: var(--ez-khe-2) var(--ez-khe-8); border-radius: var(--bo-tron); font-size: var(--chu-phu); font-weight: 800; }

/* Cua vao: mot cot hep canh giua (ban ve). */
.cua-vao { max-width: 420px; margin: 12vh auto 0; text-align: center; display: flex; flex-direction: column; gap: var(--ez-khe-8); }
.cua-vao__form { display: flex; flex-direction: column; gap: var(--ez-khe-8); margin-top: var(--ez-khe-8); }
.cua-vao__form .o-nhap { min-width: 0; }

/* Nhan khoi (dot 54): dong chu nho viet hoa dung truoc mot danh sach — noi danh
   sach XEP THEO GI. Cung vai voi `.nhan-khoi` cua ds.css. */
.nhan-khoi { margin: var(--ez-khe-8) 0; font-size: var(--ez-chu-nhan-co); line-height: var(--ez-chu-nhan-cao); font-weight: 600; color: var(--ez-muc-phu); }

/* Khoi "Viec can anh xu" dau Tong quan (dot 66). */
.viec-xu { margin-bottom: var(--ez-khe-giua-khoi); padding: var(--ez-le-trong); border-left: var(--day-dai-vai) solid var(--mau-vai); }
.viec-xu h2 { margin: 0 0 var(--ez-khe-8) 0; }
.viec-xu__dong { justify-content: space-between; margin: var(--ez-khe-4) 0; }
.viec-xu__ds { margin-top: var(--ez-khe-8); }
.viec-xu__ds summary { cursor: pointer; font-weight: 700; min-height: var(--ez-vung-cham); display: inline-flex; align-items: center; gap: var(--ez-khe-8); color: var(--ez-hanh-dong-chu); list-style: none; }
.viec-xu__ds summary::-webkit-details-marker { display: none; }
.viec-xu__ds summary svg { flex: none; transition: transform var(--ez-td-nhanh) var(--ez-dc-chuan); }
.viec-xu__ds[open] summary svg { transform: rotate(90deg); }
.viec-xu__ds summary:hover span { text-decoration: underline; }
.viec-xu__ds ul { margin: var(--ez-khe-8) 0 0; padding-left: var(--ez-khe-20); }
.viec-xu__ds li { margin: var(--ez-khe-4) 0; overflow-wrap: anywhere; }

/* BAO CAO VAN HANH (DS 1.0, ban ve vo-05 · ct-quan-tri): bon o so · dai viec ·
   hai bieu do · nhom va tien. Khe giua khoi 12, chu 13 (vo quan tri). */
:where(.qt-bao) { display: flex; flex-direction: column; gap: var(--ez-khe-giua-khoi); }
.co { display: inline-flex; align-items: center; gap: var(--ez-khe-4); }
.co--canh { background: var(--ez-he-thong-canh-bao-nen); color: var(--ez-he-thong-canh-bao-dam); }
.qt-bao .viec-xu { margin: 0; padding: var(--ez-khe-12) var(--ez-khe-16); background: var(--ez-nen-chim); border-radius: var(--ez-bo-the); }
.viec-xu__ten { margin: 0 0 var(--ez-khe-4); font-weight: 800; color: var(--ez-muc-chinh); }
.viec-xu__dong { display: flex; align-items: center; justify-content: space-between; gap: var(--ez-khe-12); padding: var(--ez-khe-4) 0; }
.qt-bd { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ez-khe-12); }
@media (min-width: 1024px) { .qt-bd { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } }
.qt-bd .ez-the { margin: 0; display: flex; flex-direction: column; gap: var(--ez-khe-12); }
.the__dau { display: flex; align-items: baseline; justify-content: space-between; gap: var(--ez-khe-12); }
.the__ten { margin: 0; font-size: var(--ez-chu-than-lon-co); font-weight: 800; color: var(--ez-muc-chinh); }
.so-dau { font-weight: 800; font-variant-numeric: tabular-nums; color: var(--ez-muc-chinh); }
.bd-duong { width: 100%; height: auto; display: block; }
.bd-duong__luoi { stroke: var(--ez-vien-nhat); stroke-width: 1; }
.bd-duong__chu { fill: var(--ez-muc-phu); font-size: 11px; }
.bd-duong__nay { fill: none; stroke: var(--ez-hanh-dong-nen); stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.bd-duong__truoc { fill: none; stroke: var(--ez-muc-mo); stroke-width: 2; stroke-dasharray: 6 5; }
.bd-duong__cham { fill: var(--ez-hanh-dong-nen); }
.bd-chu { display: flex; gap: var(--ez-khe-16); font-size: var(--chu-phu); color: var(--ez-muc-phu); }
.bd-chu span::before { content: ""; display: inline-block; width: var(--ez-khe-16); height: 0; margin-right: var(--ez-khe-8); vertical-align: middle; }
.bd-chu__nay::before { border-top: 3px solid var(--ez-hanh-dong-nen); }
.bd-chu__truoc::before { border-top: 2px dashed var(--ez-muc-mo); }
.bd-mon { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--ez-khe-8); align-items: end; min-height: 200px; }
.bd-mon__o { display: flex; flex-direction: column; align-items: center; gap: var(--ez-khe-4); min-width: 0; }
.bd-mon__ray { height: 150px; width: 100%; display: flex; align-items: flex-end; justify-content: center; }
.bd-mon__cot { width: 100%; max-width: var(--ez-khe-80); border-radius: var(--ez-bo-4) var(--ez-bo-4) 0 0; }
.bd-mon__so { font-size: var(--chu-phu); font-variant-numeric: tabular-nums; color: var(--ez-muc-chinh); }
.bd-mon__ten { font-size: var(--chu-phu); color: var(--ez-muc-phu); text-align: center; overflow-wrap: anywhere; }

/* BANG GIA DINH: thanh cong cu + bang co sap xep (ban ve ct-quan-tri). */
.ez-the.qt-bang { padding: 0; overflow: hidden; }
.qt-cong-cu { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ez-khe-8); padding: var(--ez-khe-12) var(--ez-khe-16); border-bottom: 1px solid var(--vien); }
.qt-cong-cu input.o-nhap { flex: 1 1 260px; }
.qt-chon { min-height: var(--cham); padding: var(--ez-khe-8) var(--ez-khe-12); border: 1px solid var(--vien); border-radius: var(--bo); background: var(--mat); color: var(--muc); font-size: var(--chu); }
.qt-cong-cu .ez-nut { display: inline-flex; align-items: center; gap: var(--ez-khe-8); }
/* Chi NUT DAU day sang phai (ra soat UI/UX 14/10): moi nut deu `margin-left:auto`
   thi "Xuat CSV", "Thoi" roi le xuong mot dong rieng. Cac nut sau dung lien nut dau. */
.qt-cong-cu > .ez-nut:not(.ez-nut ~ .ez-nut) { margin-left: auto; }
.qt-bang table { border: 0; border-radius: 0; }
.qt-bang thead th { background: var(--ez-nen-chim); position: sticky; top: 0; }
.qt-sap { display: inline-flex; align-items: center; min-height: var(--cham); gap: var(--ez-khe-4); padding: 0; border: 0; background: none; font: inherit; color: inherit; cursor: pointer; }
.qt-sap .hinh { opacity: .35; transform: rotate(90deg); }
.qt-sap--dang { color: var(--ez-muc-chinh); font-weight: 800; }
.qt-sap--dang .hinh { opacity: 1; }
.qt-sap--tang .hinh { transform: rotate(-90deg); }
th.so .qt-sap { justify-content: flex-end; }
.qt-bang__ten { font-weight: 800; color: var(--ez-muc-chinh); white-space: nowrap; }
/* Ten nguoi ban la nut mo (cung lop voi .qt-sap: nut tran doc nhu chu). */
.qt-mo-ten { display: inline-flex; align-items: center; min-height: var(--cham); padding: 0; border: 0; background: none; font: inherit; color: var(--ez-hanh-dong-chu); cursor: pointer; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; }
.qt-mo-ten:hover, .qt-mo-ten:focus-visible { text-decoration-color: currentColor; }
.qt-bang__ma { color: var(--ez-muc-phu); white-space: nowrap; }
.qt-bang .hang-nut--lat { margin: 0; padding: var(--ez-khe-12) var(--ez-khe-16); }
.qt-bang__trong { padding: var(--ez-khe-16); }
.qt-bang__loai { margin-left: var(--ez-khe-8); font-weight: 600; }

/* Cua vao (khuon L1): tieu de + dong phu la mot nhom (khe trong khoi). */
.cua-vao > h2 { margin: 0; }
.cua-vao > h2 + .ez-phu { margin-top: calc(var(--ez-khe-trong-khoi) - var(--ez-khe-giua-khoi)); }
/* Khuon L5: cot ten GHIM khi cuon ngang (dau bang da dinh o tren). */
.qt-bang :is(th, td):first-child { position: sticky; left: 0; background: var(--ez-nen-the); z-index: 1; }
.qt-bang thead th:first-child { background: var(--ez-nen-chim); z-index: 2; }
.bang-cuon thead th { position: sticky; top: 0; background: var(--ez-nen-chim); z-index: 2; }
.bang-cuon tr > :first-child { position: sticky; left: 0; background: var(--ez-nen-the); z-index: 1; }
.bang-cuon thead tr > :first-child { background: var(--ez-nen-chim); z-index: 3; }

/* HANG BON O SO duoi 1200 (27/09): 600-1023 co thanh gon 88px, 1024-1199 co thanh
   ben, nen bon cot chi con 92-162px - so tien to ("2.990.000đ", 165px) tran o va keo
   ca trang cuon ngang 10-40px. Buong lai chia 2x2 toi 1200. Bo chon mang
   [data-vai] de thang luat 4 cot (0,3,0) cua ez.css. */
@media (max-width: 1199px) {
  html[data-vai="quan-tri"] .hang-so:has(> :nth-child(4):last-child) { --so-o: 2; }
}
/* O so buong lai la `ez-the-so` (cham lai 22/30); may hep van can trai nhu doi tac. */
@media (max-width: 599px) {
  html[data-vai="quan-tri"] .hang-so > .ez-the-so { align-items: flex-start; text-align: left; }
}

/* NHAN SU (27/09, CHIEN-LUOC-DOI-BAN-HANG nac 1) */
.qt-cong-cu--mo { padding: 0; border-bottom: 0; margin-top: var(--ez-khe-12); }
.qt-the-ns { display: grid; grid-template-columns: max-content 1fr; gap: var(--ez-khe-8) var(--ez-khe-16); margin: var(--ez-khe-12) 0; }
.qt-the-ns dt { color: var(--ez-muc-phu); }
.qt-the-ns dd { margin: 0; font-weight: 800; color: var(--ez-muc-chinh); }
/* Cot Viec: ba nut mot hang tran khoi the o 1280 (anh 27/09). Tran tren be ngang
   de nut xuong hang trong o, thay vi day bang ra ngoai. */
.qt-ns-viec { width: calc(var(--ez-khe-24) * 8); }
.qt-ns-viec .ez-nut--nguy { margin-left: 0; }
/* Nut NGUY trong dong bang: bien the DS `ez-nut--nguy-vien` (ez.css), khong ghi de o day. */

/* SO TIEN (27/09, nac 2): o chon ngay giu be ngang cua no, o tim moi gian ra. */
.qt-cong-cu input.qt-ngay { flex: 0 0 auto; min-width: 0; width: auto; }
.hang-chon > span { white-space: nowrap; }
/* O ngay go tay dd/mm/yyyy (14/10, G13): go chua tron ngay thi bao sai tai cho. */
input.o-nhap[aria-invalid="true"] { border-color: var(--ez-he-thong-loi-dam); background: var(--ez-he-thong-loi-nen); }

/* BAN HANG (27/09, nac 3a): tieu de the bang, nhan du lieu mau, hang khoang ngay. */
.qt-bang__dau { margin: 0; padding: var(--ez-khe-16) var(--ez-khe-16) var(--ez-khe-8); }
.qt-bang > .ez-phu { margin: 0; padding: 0 var(--ez-khe-16) var(--ez-khe-12); }
/* The bang khong co dem (bang tran mep): moi khoi KHONG phai bang trong the phai tu
   mang le, khong thi hang nut "Tai so…" dinh sat mep trai (ra soat 14/10). */
.qt-bang > .hang-nut { padding: var(--ez-khe-12) var(--ez-khe-16); }
.qt-bang > .qt-cong-cu { border-top: 1px solid var(--vien); }
.qt-cong-cu.qt-khoang { margin-top: 0; }
.qt-nhan-mau { vertical-align: middle; }
/* Tab trong trang: nhan mot dong (DS), hang chat thi cuon ngang trong hang tab. */
.qt-tab-con .ez-tab { flex: 0 0 auto; white-space: nowrap; }
/* Mep mo khi hang tab tran (cham 15/10: "Nhat ky" bi cat cut o 390, khong gi bao con cuon). */
.qt-tab-con {
  padding-inline-end: var(--ez-khe-32);
  -webkit-mask-image: linear-gradient(to right, var(--ez-muc-chinh) calc(100% - var(--ez-khe-32)), transparent);
          mask-image: linear-gradient(to right, var(--ez-muc-chinh) calc(100% - var(--ez-khe-32)), transparent);
}
/* Nut "Mo …" trong Viec can anh xu: mot dong, cau ben trai nhuong cho. */
.viec-xu__dong > .ez-nut { flex: none; white-space: nowrap; }
/* Dong duong hoc o kho hep: ten mot tang, so dem + huy hieu tang duoi (ten khong gay giua). */
@media (max-width: 719px) {
  .duong-dong { flex-wrap: wrap; row-gap: var(--ez-khe-2); }
  .duong-dong__ten { flex: 1 0 100%; }
  .duong-dong > .ez-phu { flex: 1; }
}

/* Duong vao doi tac dot 1 (27/09): khoi Loi moi o man mot nguoi ban. */
.qt-loi-moi { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; gap: var(--ez-khe-12); margin-top: var(--ez-khe-16); padding-top: var(--ez-khe-16); border-top: 1px solid var(--ez-vien-nhat); }
.qt-loi-moi > * { margin: 0; }
.qt-loi-moi__ket { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; gap: var(--ez-khe-12); justify-self: stretch; }
.qt-loi-moi__qr { width: calc(var(--ez-khe-48) * 4); max-width: 100%; height: auto; border: 1px solid var(--ez-vien-nhat); border-radius: var(--ez-bo-8); }
.qt-loi-moi__loi-dan { margin: 0; padding: var(--ez-khe-12) var(--ez-khe-16); white-space: pre-line; overflow-wrap: anywhere; justify-self: stretch; background: var(--ez-nen-chim); border-radius: var(--ez-bo-8); color: var(--ez-muc-chinh); }
.qt-noi-tay { margin-top: var(--ez-khe-16); }
.qt-noi-tay summary { cursor: pointer; color: var(--ez-muc-phu); }

/* Duong vao doi tac dot 3 (28/09): dai hanh trinh o man mot nguoi ban (dung lai qt-the-ns). */
.qt-hanh-trinh__cau { margin: var(--ez-khe-8) 0 0; color: var(--ez-muc-chinh); }
.qt-hanh-trinh__dai dt { display: inline-flex; align-items: center; gap: var(--ez-khe-8); }
.qt-hanh-trinh__dai dt[data-trang="xong"] svg { color: var(--dung); }
.qt-hanh-trinh__dai dd.qt-hanh-trinh__nhat { font-weight: 400; color: var(--ez-muc-phu); }
.qt-hanh-trinh > .qt-loi-moi__loi-dan { margin: var(--ez-khe-12) 0 0; }
.qt-chang > span:first-child { display: block; }
.qt-chang .co { margin-top: var(--ez-khe-4); }

/* GOP Y THU (14/10/2026): the gop y cua nguoi thu, man con cua Bao cao. */
.qt-gy-ds { display: flex; flex-direction: column; gap: var(--ez-khe-12); }
.qt-gy p { margin: 0; }
.qt-gy__dau { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ez-khe-8) var(--ez-khe-12); }
.qt-gy__nd { white-space: pre-wrap; color: var(--ez-muc-chinh); font-size: var(--ez-chu-than-co); line-height: var(--ez-chu-than-cao); }
.qt-gy__kem summary { cursor: pointer; font-weight: 700; min-height: var(--ez-vung-cham); display: flex; align-items: center; }
.qt-gy__kem p { overflow-wrap: anywhere; }
.qt-gy__anh img { max-width: 100%; border: 1px solid var(--ez-vien-nhat); border-radius: var(--ez-bo-nut); }

/* BANG DUOI 720 THANH THE DONG (ra soat UI/UX 14/10): o 390 bang giu dang 1280 nen
   chi thay hai ba cot dau, cot Trang thai va Viec nam ngoai man. Moi dong thanh mot
   the doc: o dau dong lam ten, cac o sau la cap nhan · gia tri. Nhan do qt.js ghi
   tu dong dau bang (`data-nhan`). */
@media (max-width: 719px) {
  #man :is(.qt-bang, .bang-cuon) table, #man :is(.qt-bang, .bang-cuon) :is(tbody, tr, td) { display: block; min-width: 0; width: auto; }
  #man :is(.qt-bang, .bang-cuon) thead, #man :is(.qt-bang, .bang-cuon) tr:not(:has(> td)) { display: none; }
  #man :is(.qt-bang, .bang-cuon) tr { padding: var(--ez-khe-12) var(--ez-khe-16); border-bottom: 1px solid var(--ez-vien-nhat); }
  #man :is(.qt-bang, .bang-cuon) td { position: static; display: flex; justify-content: space-between; align-items: center; gap: var(--ez-khe-12);
    padding: var(--ez-khe-4) 0; border: 0; text-align: right; background: none; white-space: normal; flex-wrap: wrap; }
  #man :is(.qt-bang, .bang-cuon) td[data-nhan]::before { content: attr(data-nhan); flex: none; max-width: 45%; text-align: left;
    color: var(--ez-muc-phu); font-size: var(--ez-chu-phu-co); line-height: var(--ez-chu-phu-cao); font-weight: 400; }
  #man :is(.qt-bang, .bang-cuon) td:first-child { justify-content: flex-start; text-align: left; font-weight: 800; }
  #man :is(.qt-bang, .bang-cuon) td:first-child::before { display: none; }
  .bang-cuon { overflow-x: visible; }
}

/* Dai ban xem thu (phien chi_xem): dung dau ruot moi man, bieu tuong neo dong dau. */
.qt-dai-xem { display: flex; gap: var(--ez-khe-8); align-items: flex-start; margin: 0 0 var(--ez-khe-16); }
.qt-dai-xem svg { flex: none; margin-top: var(--ez-khe-2); }