/* ===== HỘI NHẬP & THỬ VIỆC (R&D rd/tiep-nhan-ns, 01/10/2026) — màn hoi-nhap + lo-trinh (hnx-) =====
   Hình đã duyệt: docs/anh/stitch-tuyen-dung-v2 — 14 Lộ trình (điện thoại) · 15 Sát hạch thử việc · 16 Thông báo kết quả A4.
   Không viền — phân vùng bằng mảng nền; một nút tím mỗi màn; 390px dùng được. Dùng lại pill / thanh tiến độ / ô nhập của tdx-. */
.hnx-ds{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.hnx-the{background:var(--the);border-radius:16px;padding:14px;box-shadow:var(--bong);display:flex;flex-direction:column;gap:10px;min-width:0;cursor:pointer;transition:transform .12s}
.hnx-the:hover{transform:translateY(-1px)} .hnx-the:focus-visible{outline:2px solid var(--nhan);outline-offset:2px}
.hnx-the-dau{display:flex;gap:10px;align-items:center;min-width:0}
.hnx-the-dau .avatar-pt{width:38px;height:38px;flex:none}
.hnx-the-dau>div{display:flex;flex-direction:column;min-width:0;flex:1}
.hnx-the-dau b{font-size:14.5px;line-height:1.3} .hnx-the-dau small{font-size:12px;color:var(--chu3)}
.hnx-ngay{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.hnx-ngay b{font-size:15px} .hnx-ngay small{color:var(--chu3);font-size:12px}
.hnx-the-chan{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hnx-the-chan small{color:var(--chu3);font-size:11.5px;margin-left:auto}
.hnx-nhan{font-size:11.5px;font-weight:600;color:var(--nhan);background:var(--nhan-nhat);border-radius:6px;padding:2px 8px}
.hnx-nhan.canh{color:var(--canh);background:var(--canh-nhat)}
.hnx-chip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--chim);color:var(--chu2)}
.hnx-chip.tot{background:var(--tot-nhat);color:var(--tot)} .hnx-chip.canh{background:var(--canh-nhat);color:var(--canh)}
.hnx-chip.loi{background:var(--loi-nhat);color:var(--loi)} .hnx-chip.nhan{background:var(--nhan-nhat);color:var(--nhan)}
.hnx-chip svg{flex:none}

/* hồ sơ */
.hnx-dau{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.hnx-dau>.avatar-pt{width:46px;height:46px;flex:none}
.hnx-dau-ten{flex:1;min-width:200px;display:flex;flex-direction:column}
.hnx-dau-ten h2{margin:0;font-size:22px;letter-spacing:-.01em} .hnx-dau-ten small{color:var(--chu3)}
.hnx-lui{flex:none;width:38px;height:38px;border:0;border-radius:50%;background:var(--the);color:var(--chu2);display:grid;place-items:center;cursor:pointer;box-shadow:var(--bong-the)}
.hnx-lui:hover{background:var(--chim)} .hnx-lui:focus-visible{outline:2px solid var(--nhan);outline-offset:2px}
.hnx-han{display:inline-flex;align-items:center;gap:6px;background:var(--chim);color:var(--chu2);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600}
.hnx-han.gan{background:var(--canh-nhat);color:var(--canh)}
.hnx-cot-doc{display:flex;flex-direction:column;gap:12px}
.hnx-khoi{background:var(--the);border-radius:16px;padding:16px 18px;box-shadow:var(--bong)}
.hnx-khoi-dau{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.hnx-khoi-dau h3{margin:0;font-size:16px} .hnx-khoi-dau small{color:var(--chu3);font-size:12px}
.hnx-tien{min-width:140px}
.hnx-muc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hnx-dong{display:flex;align-items:center;gap:10px;background:var(--chim);border-radius:12px;padding:10px 12px;min-width:0;flex-wrap:wrap}
.hnx-dong.xong{background:var(--tot-nhat)}
.hnx-bieu{flex:none;width:30px;height:30px;border-radius:9px;background:var(--the);color:var(--nhan);display:grid;place-items:center}
.hnx-dong.xong .hnx-bieu{color:var(--tot)}
.hnx-dong-chu{flex:1;min-width:160px;display:flex;flex-direction:column}
.hnx-dong-chu b{font-size:13.5px;line-height:1.35} .hnx-dong-chu small{font-size:11.5px;color:var(--chu3)}
.hnx-nut-nho{display:flex;gap:6px;flex:none}
.hnx-nguoi{display:flex;align-items:center;gap:12px}
.hnx-nguoi .avatar-pt{width:42px;height:42px} .hnx-nguoi>div{display:flex;flex-direction:column} .hnx-nguoi small{color:var(--chu3);font-size:12px}
.hnx-buoi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hnx-buoi li{display:flex;align-items:center;gap:12px;background:var(--chim);border-radius:12px;padding:10px 12px}
.hnx-buoi time{flex:none;font-weight:700;font-size:13px;color:var(--nhan);min-width:42px}
.hnx-buoi li>div{flex:1;min-width:0;display:flex;flex-direction:column} .hnx-buoi small{color:var(--chu3);font-size:11.5px}

/* sát hạch — hình 15: KPI bên trái rộng, ý kiến + quyết định bên phải */
.hnx-sh{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px;align-items:start}
.hnx-sh-phai{display:flex;flex-direction:column;gap:14px}
.hnx-kpi{display:flex;flex-direction:column;gap:8px}
.hnx-kpi-dong{background:var(--chim);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.hnx-kpi-nhan{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hnx-kpi-nhan small{color:var(--chu3);font-size:12px} .hnx-kpi-nhan small b{color:var(--tot)}
.hnx-kpi-dong.chua .hnx-kpi-nhan small b{color:var(--canh)}
.hnx-kpi-dong .tdx-thanh{height:7px} .hnx-kpi-dong .tdx-thanh i{background:var(--tot)} .hnx-kpi-dong.chua .tdx-thanh i{background:var(--canh)}
.hnx-sop{margin:10px 0 0;font-size:13px;color:var(--chu2)}
.hnx-cd-dau{margin:14px 0 8px;font-size:13.5px;color:var(--chu2)}
.hnx-cd{display:flex;flex-wrap:wrap;gap:6px}
.hnx-yk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hnx-yk li{display:flex;gap:10px;background:var(--chim);border-radius:12px;padding:10px 12px}
.hnx-yk .avatar-pt{width:30px;height:30px;flex:none} .hnx-yk li>div{flex:1;min-width:0}
.hnx-yk-dau{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hnx-yk small{color:var(--chu3);font-size:11.5px} .hnx-yk p{margin:4px 0 0;font-size:13px;line-height:1.5}
.hnx-qd{display:flex;flex-direction:column;gap:8px}
.hnx-qd-dong{display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:var(--chim);color:var(--chu2);border-radius:12px;padding:11px 14px;font:inherit;font-size:13.5px;font-weight:600;text-align:left;cursor:default}
button.hnx-qd-dong{cursor:pointer}
.hnx-qd-dong.dat{background:var(--nhan-nhat);color:var(--nhan)} .hnx-qd-dong.khong{background:var(--loi-nhat);color:var(--loi)}
.hnx-qd small{color:var(--chu3);font-size:12px;line-height:1.5}
.hnx-lk{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--nhan);font:inherit;font-size:12.5px;font-weight:600;padding:2px 0;cursor:pointer;text-align:left}
.hnx-luat{display:block;margin-top:10px;color:var(--chu3);font-size:12px;line-height:1.5}
.hnx-nhan-o{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--chu3)}
.hnx-kpi-nhap{display:grid;grid-template-columns:1fr 64px 84px 84px 84px;gap:6px;margin-bottom:6px}
.hnx-hop-rong{min-width:min(640px,calc(88vw - 48px));max-width:100%;box-sizing:border-box}
.hnx-chon{gap:6px}
.hnx-chon-dong{display:flex;align-items:center;gap:10px;border:0;background:var(--chim);border-radius:12px;padding:9px 12px;font:inherit;text-align:left;cursor:pointer}
.hnx-chon-dong:disabled{opacity:.5;cursor:not-allowed} .hnx-chon-dong:hover:not(:disabled){background:var(--nhan-nhat)}
.hnx-chon-dong .avatar-pt{width:32px;height:32px;flex:none} .hnx-chon-dong>span:nth-child(2){flex:1;display:flex;flex-direction:column}
.hnx-chon-dong small{color:var(--chu3);font-size:11.5px}
.hnx-a4{max-height:68vh;overflow:auto;border-radius:12px;background:var(--chim);padding:10px}

/* LỘ TRÌNH CỦA TÔI — hình 14, điện thoại trước */
.hnx-lt{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding-bottom:84px}
.hnx-lt-dau{display:flex;align-items:center;gap:12px}
.hnx-lt-dau .avatar-pt{width:48px;height:48px} .hnx-lt-dau h2{margin:0;font-size:20px;color:var(--nhan)} .hnx-lt-dau small{color:var(--chu3);font-size:13px}
.hnx-lt-khoi{background:var(--the);border-radius:18px;padding:16px;box-shadow:var(--bong)}
.hnx-lt-tong{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px} .hnx-lt-tong b{font-size:16px}
.hnx-tim{color:var(--nhan)}
.hnx-lt-o{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.hnx-lt-o>div{background:var(--chim);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column}
.hnx-lt-o small{color:var(--chu3);font-size:12px} .hnx-lt-o b{font-size:14px}
.hnx-lt-tb{display:flex;align-items:center;gap:12px;border:0;border-radius:16px;padding:14px 16px;font:inherit;text-align:left;cursor:pointer;color:var(--tot);background:var(--tot-nhat)}
.hnx-lt-tb.khong{color:var(--chu2);background:var(--chim)}
.hnx-lt-tb span{flex:1;display:flex;flex-direction:column} .hnx-lt-tb small{font-size:12px;opacity:.85}
.hnx-lt-nhom{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:var(--nhan);font-weight:600}
.hnx-lt-ds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hnx-lt-muc{display:flex;align-items:center;gap:12px;padding:10px 0}
.hnx-lt-muc+.hnx-lt-muc{box-shadow:0 -1px 0 var(--chim)}
.hnx-lt-muc .hnx-bieu{width:38px;height:38px;border-radius:12px;background:var(--nhan-nhat)}
.hnx-lt-muc.khoa{opacity:.55} .hnx-lt-muc.khoa .hnx-bieu{background:var(--chim);color:var(--chu3)}
.hnx-lt-muc.xong .hnx-dong-chu b{color:var(--chu2);font-weight:600}
.hnx-khoa{color:var(--chu3);display:grid;place-items:center}
.hnx-do{color:var(--loi) !important;font-weight:600}
.hnx-lt-nhac{display:flex;gap:12px;align-items:center;background:var(--nhan-nhat);border-radius:16px;padding:14px 16px}
.hnx-lt-ai{flex:none;width:40px;height:40px;border-radius:50%;background:var(--nhan);color:var(--the);display:grid;place-items:center}
.hnx-lt-nhac>div{display:flex;flex-direction:column} .hnx-lt-nhac b{color:var(--nhan)} .hnx-lt-nhac small{color:var(--chu2);font-size:12.5px}
.hnx-lt-chan{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--the);box-shadow:0 -1px 0 var(--chim);display:flex;justify-content:center}
.hnx-lt-chan .nut{width:min(640px,100%);display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border-radius:14px}
@media (min-width:821px){.hnx-lt-chan{left:260px}}

@media (max-width:820px){
  .hnx-sh{grid-template-columns:1fr}
  .hnx-dau-ten h2{font-size:19px}
  .hnx-kpi-nhap{grid-template-columns:1fr 1fr}
  .hnx-kpi-nhap>input:first-child{grid-column:1/-1}
  .hnx-dong{align-items:flex-start}
}

/* ===== Thư viện tài liệu hội nhập (01/10/2026) ===== */
.hnx-tl-hang{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.hnx-tl-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;border:0;background:var(--nhan-nhat);color:var(--nhan);border-radius:999px;padding:5px 11px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.hnx-tl-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hnx-tl-chip:hover{background:var(--chim)}
.hnx-tl-noidung{background:var(--chim);border-radius:14px;padding:12px 14px}
.hnx-tl-noidung p{margin:0 0 8px;line-height:1.55} .hnx-tl-noidung p:last-child{margin:0}
.hnx-tl-chon{flex-wrap:wrap}

/* ===== Bài kiểm tra hội nhập (01/10/2026) ===== */
.hnx-bai-cau{display:flex;flex-direction:column;gap:8px;background:var(--chim);border-radius:14px;padding:12px 14px}
.hnx-bai-cau>b{font-weight:650;line-height:1.4}
.hnx-bai-lc{display:flex;align-items:center;gap:10px;border:0;background:var(--the);border-radius:12px;padding:10px 12px;font:inherit;text-align:left;cursor:pointer}
.hnx-bai-lc span{flex:none;width:26px;height:26px;border-radius:50%;background:var(--chim);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--chu2)}
.hnx-bai-lc.chon{background:var(--nhan-nhat);color:var(--nhan)} .hnx-bai-lc.chon span{background:var(--nhan);color:var(--the)}
.hnx-bai-cau.dung{background:var(--tot-nhat)} .hnx-bai-cau.sai{background:var(--canh-nhat,var(--chim))}
.hnx-bai-cau small{color:var(--chu2);font-size:12.5px} .hnx-bai-gt{color:var(--chu3) !important}
.hnx-bai-cau.dung small:first-of-type{color:var(--tot)} .hnx-bai-cau.sai small:first-of-type{color:var(--loi)}
.hnx-bai-diem{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px;border-radius:16px;background:var(--chim)}
.hnx-bai-diem b{font-size:34px;line-height:1.1} .hnx-bai-diem span{font-size:12.5px;color:var(--chu2)}
.hnx-bai-diem.dat{background:var(--nhan-nhat)} .hnx-bai-diem.dat b{color:var(--tot)} .hnx-bai-diem.khong b{color:var(--loi)}
.hnx-bai-nhom{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.hnx-bai-lc-sua{display:flex;flex-direction:column;gap:6px}
.hnx-bai-lc-dong{display:flex;align-items:center;gap:8px} .hnx-bai-lc-dong .tdx-o{flex:1}
.hnx-bai-dung{flex:none;width:32px;height:32px;border-radius:50%;border:0;background:var(--chim);font:inherit;font-weight:700;cursor:pointer}
.hnx-bai-dung.chon{background:var(--tot);color:var(--the)}
.hnx-bai-nhom .hnx-chon-dong>span:first-child{flex:1;display:flex;flex-direction:column;min-width:0}
.hnx-bai-nhom .hnx-chon-dong>span:nth-child(2){flex:none;display:inline-flex;flex-direction:row}

/* ===== Tổng quan tuyển dụng (01/10/2026) ===== */
.hnx-tq{display:flex;flex-direction:column;gap:14px}
.hnx-tq-hang{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.hnx-tq-o{display:flex;flex-direction:column;gap:2px;background:var(--the);border-radius:16px;padding:14px 16px}
.hnx-tq-o b{font-size:24px;line-height:1.15} .hnx-tq-o small{color:var(--chu2);font-size:12.5px}
.hnx-tq-o.canh{background:var(--canh-nhat)} .hnx-tq-o.canh b{color:var(--canh)} .hnx-tq-o.loi b{color:var(--loi)}
.hnx-tq-luoi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hnx-tq-khoi{display:flex;flex-direction:column;gap:8px;background:var(--the);border-radius:20px;padding:16px 18px;min-width:0}
.hnx-tq-khoi h3{margin:0 0 4px;font-size:15px} .hnx-tq-khoi>small{color:var(--chu3);font-size:12px}
.hnx-tq-phe{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;font-size:13px}
.hnx-tq-phe.dung{color:var(--chu3)}
.hnx-tq-thanh{display:block;height:8px;border-radius:99px;background:var(--chim);overflow:hidden} .hnx-tq-thanh i{display:block;height:100%;border-radius:99px;background:var(--nhan)}
.hnx-tq-phe.dung .hnx-tq-thanh i{background:var(--chu3)}
.hnx-tq-dong{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.hnx-tq-dong .hnx-tq-o{background:var(--chim);padding:10px 12px} .hnx-tq-dong .hnx-tq-o b{font-size:19px}
.hnx-tq-dong .hnx-tq-o.canh{background:var(--canh-nhat)}
.hnx-tq-nc{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--chim);border-radius:12px;padding:9px 12px}
.hnx-tq-nc>span:first-child{display:flex;flex-direction:column;min-width:0} .hnx-tq-nc small{color:var(--chu2);font-size:12px}
@media (max-width:820px){.hnx-tq-hang{grid-template-columns:repeat(2,1fr)} .hnx-tq-hang .hnx-tq-o:last-child{grid-column:1/-1} .hnx-tq-luoi{grid-template-columns:1fr} .hnx-tq-dong{grid-template-columns:repeat(2,1fr)} .hnx-tq-phe{grid-template-columns:92px 1fr auto}}

/* ===== Gợi ý KPI từ dữ liệu làm việc (02/10/2026) ===== */
.hnx-kpi-nut{display:flex;flex-wrap:wrap;gap:8px}
.hnx-kpi-nhap.goi-y>input,.hnx-kpi-nhap.goi-y>select{box-shadow:0 0 0 2px var(--nhan-nhat)}   /* dòng do máy điền sẵn: viền mờ để thấy chỗ còn thiếu mục tiêu */

/* ===== Trợ lý AI hội nhập (02/10/2026) ===== */
.hnx-lt-hoi{display:flex;align-items:center;gap:12px;width:100%;border:0;background:var(--nhan-nhat);color:var(--nhan);border-radius:16px;padding:12px 14px;font:inherit;text-align:left;cursor:pointer}
.hnx-lt-hoi>span:nth-child(2){flex:1;display:flex;flex-direction:column} .hnx-lt-hoi b{color:var(--nhan)} .hnx-lt-hoi small{color:var(--chu2);font-size:12.5px}
.hnx-ai{gap:10px}
.hnx-ai-khung{display:flex;flex-direction:column;gap:8px;max-height:min(46vh,420px);min-height:160px;overflow-y:auto;padding:2px}
.hnx-ai-tin{max-width:88%;border-radius:16px;padding:9px 13px;line-height:1.5;white-space:pre-wrap;word-break:break-word;font-size:14px}
.hnx-ai-tin.ai{align-self:flex-start;background:var(--chim)} .hnx-ai-tin.nguoi{align-self:flex-end;background:var(--nhan);color:var(--the)}
.hnx-ai-tin.cho{color:var(--chu3)} .hnx-ai-tin.loi{background:var(--canh-nhat);color:var(--canh)}
.hnx-ai-hd{display:flex;flex-direction:column;gap:6px;margin-top:8px;white-space:normal}
.hnx-ai-hd-dong{display:flex;align-items:center;gap:8px;background:var(--the);border-radius:12px;padding:6px 10px;font-size:12.5px}
.hnx-ai-hd-dong>span:first-of-type:not(.hnx-chip){flex:1;display:flex;flex-direction:column} .hnx-ai-hd-dong small{color:var(--chu3)}
.hnx-ai-hd-dong.da-hoan{opacity:.55;text-decoration:line-through}
.hnx-ai-goiy{display:flex;flex-wrap:wrap;gap:6px}
.hnx-ai-nhap{display:flex;gap:8px;align-items:flex-end} .hnx-ai-o{flex:1;resize:none;min-height:40px;max-height:120px}
.hnx-ai-luu-y{color:var(--chu3);font-size:12px}

/* ===== Tình huống ngoài luồng: kết thúc sớm · huỷ quyết định · đổi quản lý (02/10/2026) ===== */
.hnx-nguy{background:var(--canh-nhat)} .hnx-nguy small{color:var(--chu2)}
.hnx-nut-nguy{color:var(--loi) !important}
.hnx-nut-nguy-chinh{background:var(--loi) !important;color:var(--the) !important}
.hnx-canh-qd{display:flex;align-items:center;gap:8px;background:var(--canh-nhat);color:var(--canh);border-radius:12px;padding:8px 12px;font-size:12.5px;margin:6px 0}
.hnx-canh-khoi{align-items:flex-start;flex-direction:row;padding:12px 14px} .hnx-canh-khoi>div{display:flex;flex-direction:column;gap:4px} .hnx-canh-khoi small{color:var(--chu2)}

/* ===== Đợt 3 (02/10/2026): ngày đầu · mốc · nhịp đồng hành · việc kế tiếp · chuẩn bị · cảm nhận · chuyên cần ===== */
/* việc kế tiếp: một dòng trên thẻ danh sách và dưới đầu hồ sơ — tông nhẹ, không phải cảnh báo; gấp thì ấm lên một bậc */
.hnx-vk{display:flex;align-items:center;gap:8px;background:var(--chim);color:var(--chu2);border-radius:10px;padding:7px 10px;font-size:12.5px;line-height:1.4;min-width:0}
.hnx-vk svg{flex:none}
.hnx-vk.khan{background:var(--canh-nhat);color:var(--canh)}
.hnx-vk.xong{background:none;color:var(--chu3);padding-left:2px}
.hnx-vk-chu{flex:1;min-width:0;font-weight:600}
.hnx-cua-ban{flex:none;font-size:11px;font-weight:700;color:var(--nhan);background:var(--the);border-radius:999px;padding:2px 8px}   /* thẻ nhỏ, không tím đặc — nút tím duy nhất của màn là nút hành động */
.hnx-cua-ai{flex:none;font-size:11px;color:var(--chu3);font-weight:600}
.hnx-vk.khan .hnx-cua-ai{color:var(--canh);opacity:.85}
.hnx-vk.lon{font-size:13.5px;padding:10px 14px;border-radius:14px;flex:1}
.hnx-vk-bang{display:flex;align-items:center;gap:10px;margin:-4px 0 14px;flex-wrap:wrap}
.hnx-vk-bang .nut{flex:none}

/* chuẩn bị ngày đầu (Nhân sự) */
.hnx-cb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hnx-cb-dong{display:flex;align-items:center;gap:10px;background:var(--chim);border-radius:12px;padding:9px 12px}
.hnx-cb-dong.xong{background:var(--tot-nhat)}
.hnx-cb-dau{flex:none;width:26px;height:26px;border-radius:50%;background:var(--the);color:var(--chu3);display:grid;place-items:center}
.hnx-cb-dong.xong .hnx-cb-dau{color:var(--tot)}
.hnx-cb-dong>span:last-child{display:flex;flex-direction:column;min-width:0} .hnx-cb-dong b{font-size:13.5px;line-height:1.35} .hnx-cb-dong small{font-size:11.5px;color:var(--chu3)}
.hnx-cb-tom{display:block;margin-top:8px;color:var(--chu3);font-size:12px}

/* cảm nhận hằng tuần (Nhân sự / quản lý) */
.hnx-cn{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hnx-cn-dong{display:flex;align-items:flex-start;gap:12px;background:var(--chim);border-radius:12px;padding:10px 12px}
.hnx-cn-dong>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px} .hnx-cn-dong b{font-size:13.5px} .hnx-cn-dong p{margin:2px 0 0;font-size:13px;line-height:1.5;color:var(--chu2)}
.hnx-cn-mat{flex:none;width:38px;height:38px;border-radius:12px;background:var(--the);display:grid;place-items:center}
.hnx-cn-mat svg,.hnx-mat svg,.hnx-nhip.da svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hnx-cn-dong.m1 .hnx-cn-mat,.hnx-cn-dong.m2 .hnx-cn-mat{color:var(--loi);background:var(--loi-nhat)}
.hnx-cn-dong.m3 .hnx-cn-mat{color:var(--chu2)}
.hnx-cn-dong.m4 .hnx-cn-mat,.hnx-cn-dong.m5 .hnx-cn-mat{color:var(--tot);background:var(--tot-nhat)}

/* chuyên cần thực tế (Sát hạch) */
.hnx-chuyen-can{margin-top:4px}

/* ----- NGƯỜI MỚI: ngày đầu ----- */
.hnx-nd{background:var(--the);border-radius:18px;padding:16px;box-shadow:var(--bong);display:flex;flex-direction:column;gap:12px}
.hnx-nd.lon{background:var(--nhan-nhat);box-shadow:none}
.hnx-nd-dau{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.hnx-nd-dau small{color:var(--chu2);font-size:12.5px;font-weight:600}
.hnx-nd-ngay{font-size:22px;line-height:1.25;letter-spacing:-.01em;color:var(--nhan)}
.hnx-nd-chao{font-size:17px;color:var(--nhan)}
.hnx-nd-ds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hnx-nd-dong{display:flex;align-items:flex-start;gap:12px;background:var(--the);border-radius:14px;padding:10px 12px}
.hnx-nd:not(.lon) .hnx-nd-dong{background:var(--chim)}
.hnx-nd-ic{flex:none;width:34px;height:34px;border-radius:11px;background:var(--nhan-nhat);color:var(--nhan);display:grid;place-items:center}
.hnx-nd.lon .hnx-nd-ic{background:var(--chim)}
.hnx-nd-dong>span:last-child{display:flex;flex-direction:column;min-width:0} .hnx-nd-dong small{font-size:11.5px;color:var(--chu3)} .hnx-nd-dong b{font-size:13.5px;line-height:1.45;font-weight:600}
.hnx-nd-ghi{display:block;color:var(--chu3);font-size:12px;line-height:1.5;margin-top:6px}
.hnx-gt{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hnx-gt li{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--chim);border-radius:12px;padding:9px 12px}
.hnx-gt li>span:first-child{display:flex;flex-direction:column;min-width:0} .hnx-gt small{font-size:11.5px;color:var(--loi)}

/* ----- NGƯỜI MỚI: dải mốc ----- */
.hnx-moc{display:flex;margin-top:14px}
.hnx-moc-o{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;text-align:center;color:var(--chu3)}
.hnx-moc-o i{display:block;width:12px;height:12px;border-radius:50%;background:var(--chim);position:relative;z-index:1;box-shadow:0 0 0 3px var(--the)}
.hnx-moc-o::before{content:"";position:absolute;top:5px;left:-50%;width:100%;height:2px;background:var(--chim)}
.hnx-moc-o:first-child::before{display:none}
.hnx-moc-o.da-qua i,.hnx-moc-o.da-qua::before,.hnx-moc-o.o-day::before{background:var(--nhan)}
.hnx-moc-o.o-day i{background:var(--nhan);box-shadow:0 0 0 3px var(--the),0 0 0 6px var(--nhan-nhat)}
.hnx-moc-o b{font-size:11px;font-weight:600;line-height:1.25} .hnx-moc-o small{font-size:10.5px}
.hnx-moc-o.o-day b{color:var(--nhan)}

/* ----- NGƯỜI MỚI: nhịp đồng hành ----- */
.hnx-nhip{background:var(--the);border-radius:18px;padding:16px;box-shadow:var(--bong);display:flex;flex-direction:column;gap:12px}
.hnx-nhip-dau{display:flex;flex-direction:column;gap:2px} .hnx-nhip-dau b{font-size:15px} .hnx-nhip-dau small{color:var(--chu3);font-size:12px}
.hnx-nhip-mat{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.hnx-mat{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;border-radius:14px;padding:10px 2px 8px;font:inherit;cursor:pointer;background:var(--chim);color:var(--chu3);transition:transform .12s,background .15s}
.hnx-mat small{font-size:10.5px;line-height:1.2;text-align:center;color:inherit}
.hnx-mat:hover{transform:translateY(-1px)} .hnx-mat:focus-visible{outline:2px solid var(--nhan);outline-offset:2px}
.hnx-mat.m1,.hnx-mat.m2{color:var(--loi)} .hnx-mat.m3{color:var(--chu2)} .hnx-mat.m4,.hnx-mat.m5{color:var(--tot)}
.hnx-mat.chon.m1,.hnx-mat.chon.m2{background:var(--loi-nhat)} .hnx-mat.chon.m3{background:var(--nhan-nhat)} .hnx-mat.chon.m4,.hnx-mat.chon.m5{background:var(--tot-nhat)}
.hnx-nhip-ct{display:flex;flex-direction:column;gap:10px} .hnx-nhip-ct[hidden]{display:none} .hnx-nhip-ct>small{color:var(--chu2);font-size:12.5px;font-weight:600}
.hnx-nhip-muon{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--chu2);cursor:pointer}
.hnx-nhip-ct .nut{align-self:flex-end}
.hnx-nhip.da{flex-direction:row;align-items:center;gap:10px;padding:10px 14px;background:var(--chim);box-shadow:none;font-size:13px;color:var(--chu2)}
.hnx-nhip.da.m1,.hnx-nhip.da.m2{color:var(--loi)} .hnx-nhip.da.m4,.hnx-nhip.da.m5{color:var(--tot)}
.hnx-nhip.da span{flex:1}
@media (max-width:420px){.hnx-nhip-mat{gap:4px}.hnx-mat small{font-size:10px}.hnx-nd-ngay{font-size:20px}}
.hnx-nd.lon .hnx-chip.nhan{background:var(--the)}                       /* chip đếm ngày nổi lên khỏi nền tím nhạt của khối ngày đầu */
.hnx-gt .hnx-chip{background:var(--the)}                                /* chip trạng thái giấy tờ nổi trên dòng nền xám */
.hnx-moc-ban{font-style:normal;font-size:10.5px;font-weight:700;color:var(--nhan);background:var(--nhan-nhat);border-radius:999px;padding:1px 7px;margin-top:2px}   /* tên lớp `.dang` và thuộc tính aria-current đã có luật toàn cục (lề 40px) — dải mốc dùng `.o-day` / `.da-qua` */
.hnx-nhip-mo .hnx-lt-chan{display:none}
.hnx-cn-dong .hnx-chip{background:var(--the)}