/* ===== TUYỂN DỤNG & TIẾP NHẬN (R&D rd/tiep-nhan-ns, 27/09/2026) — màn tuyen-dung (tdx-) =====
   Hình đã duyệt: docs/anh/stitch-tuyen-dung-v2. Không viền — phân vùng bằng mảng nền; một nút tím mỗi màn. */
.tdx-tab,.tdx-loc,.tdx-chon-cot{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none;flex-wrap:nowrap}
.tdx-tab{padding-bottom:14px}
.tdx-pill{flex:none;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;background:var(--the);color:var(--chu2);
  padding:7px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--bong-the)}
.tdx-pill small{font-weight:600;color:var(--chu3)}
.tdx-pill.chon{background:var(--nhan-nhat);color:var(--nhan)} .tdx-pill.chon small{color:var(--nhan)}
.tdx-pill:focus-visible{outline:2px solid var(--nhan);outline-offset:2px}
.tdx-pill .avatar-pt{width:20px;height:20px}
.tdx-cham{width:7px;height:7px;border-radius:50%;background:var(--nhan);opacity:.6}
.tdx-tro-ly{display:inline-flex;align-items:center;gap:6px;background:var(--the);color:var(--nhan);border-radius:999px;padding:8px 12px;font-weight:700;box-shadow:var(--bong-the)}
.tdx-chon-cot{display:none}
.tdx-bang{display:grid;grid-template-columns:repeat(7,minmax(168px,1fr)) 96px;gap:12px;align-items:start;overflow-x:auto;padding-bottom:8px}
.tdx-cot{display:flex;flex-direction:column;gap:10px;min-width:0}
.tdx-cot-dau{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:0 4px;font-size:13px}
.tdx-cot-dau small{color:var(--chu3);font-weight:600}
.tdx-rong{margin:0;padding:18px 0;text-align:center;color:var(--chu3);background:var(--chim);border-radius:14px}
.tdx-the{background:var(--the);border-radius:14px;padding:12px;box-shadow:var(--bong);display:flex;flex-direction:column;gap:8px;min-width:0;cursor:pointer;transition:transform .12s}
.tdx-the:hover{transform:translateY(-1px)} .tdx-the:focus-visible{outline:2px solid var(--nhan);outline-offset:2px}
.tdx-the-dau{display:flex;gap:9px;align-items:center;min-width:0}
.tdx-the-dau .avatar-pt{width:32px;height:32px;flex:none}
.tdx-the-dau div{display:flex;flex-direction:column;min-width:0}
.tdx-the-dau b{font-size:13.5px;line-height:1.3}
.tdx-the-dau small{font-size:12px;color:var(--chu3);line-height:1.3}
.tdx-tien{display:flex;align-items:center;gap:8px}
.tdx-thanh{flex:1;height:5px;border-radius:9px;background:var(--chim);overflow:hidden}
.tdx-thanh i{display:block;height:100%;background:var(--nhan);border-radius:9px}
.tdx-tien small{font-size:11.5px;color:var(--chu3);font-weight:600}
.tdx-pl{display:flex;align-items:flex-start;flex-wrap:wrap;column-gap:5px;line-height:1.4;font-size:11.5px;color:var(--loi);background:var(--loi-nhat);border-radius:8px;padding:3px 8px;min-width:0}
.tdx-pl svg{flex:none;margin-top:2px}.tdx-pl b{font-weight:600}
.tdx-the-nhan{display:flex;gap:6px;flex-wrap:wrap}
.tdx-the-chan{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tdx-the-chan .avatar-pt{width:20px;height:20px;margin-left:auto}
.tdx-nhan{font-size:11.5px;font-weight:600;color:var(--nhan);background:var(--nhan-nhat);border-radius:6px;padding:2px 7px;white-space:nowrap}
.tdx-han,.tdx-dem{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:var(--chu3)}
.tdx-han.tre{color:var(--loi)}
.tdx-cot-dung .tdx-chip-dung{border:0;background:var(--chim);color:var(--chu3);border-radius:10px;padding:8px;font:inherit;font-size:12px;text-align:left;cursor:pointer}

/* ngăn thẻ */
.tdx-lop{position:fixed;inset:0;z-index:40;background:color-mix(in srgb, var(--ben-nen) 32%, transparent);display:flex;justify-content:flex-end}
.tdx-ngan{width:min(760px,100%);height:100%;background:var(--the);border-radius:18px 0 0 18px;display:flex;flex-direction:column;overflow:hidden;
  box-shadow:-8px 0 32px rgba(20,20,40,.14)}
.tdx-ngan-dau{display:flex;gap:14px;align-items:flex-start;padding:20px 22px 12px}
.tdx-ngan-dau>.avatar-pt{width:52px;height:52px;flex:none}
.tdx-ngan-ten{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.tdx-ngan-ten h2{margin:0;font-size:22px;letter-spacing:-.01em}
.tdx-ngan-ten>small{color:var(--chu3)}
.tdx-ben{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.tdx-ben-chip{display:inline-flex;align-items:center;gap:6px;background:var(--chim);border-radius:999px;padding:3px 10px 3px 3px;font-size:12px;color:var(--chu2)}
.tdx-ben-chip .avatar-pt{width:20px;height:20px}
.tdx-thu-viec{padding:4px 10px;background:var(--nhan-nhat);color:var(--nhan);font-weight:600}
.tdx-buoc{display:flex;gap:6px;list-style:none;margin:0;padding:0 22px 10px;overflow-x:auto;scrollbar-width:none}
.tdx-buoc li{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--chu3);background:var(--chim);border-radius:999px;padding:5px 11px}
.tdx-buoc li.qua{color:var(--tot);background:var(--tot-nhat)}
.tdx-buoc li.nay{color:var(--the);background:var(--nhan)}
.tdx-buoc li.dung{color:var(--loi);background:var(--loi-nhat)}
.tdx-ngan .tdx-tab{padding:4px 22px 10px}
.tdx-ngan-than{flex:1;overflow-y:auto;padding:4px 22px 18px}
.tdx-ngan-chan{display:flex;align-items:center;gap:10px;padding:12px 22px calc(12px + env(safe-area-inset-bottom,0px));background:var(--the);box-shadow:0 -1px 0 var(--chim)}
.tdx-ngan-chan small{color:var(--chu3)}
.tdx-giua{flex:1}
.tdx-menu{position:relative}
.tdx-menu summary{list-style:none;cursor:pointer;border-radius:10px;padding:6px 10px;background:var(--chim);font-weight:700;color:var(--chu2)}
.tdx-menu summary::-webkit-details-marker{display:none}
.tdx-menu>div{position:absolute;bottom:calc(100% + 6px);left:0;z-index:5;background:var(--the);border-radius:12px;box-shadow:var(--bong);padding:6px;display:flex;flex-direction:column;min-width:210px}
.tdx-menu.nho>div{bottom:auto;top:calc(100% + 4px);left:auto;right:0}
.tdx-menu>div button{border:0;background:none;text-align:left;font:inherit;font-size:13px;padding:9px 10px;border-radius:8px;cursor:pointer;color:var(--chu)}
.tdx-menu>div button:hover{background:var(--chim)} .tdx-menu>div button.loi{color:var(--loi)}
.tdx-menu.nho summary{padding:2px 8px;background:none}

/* checklist */
.tdx-muc-ds{display:flex;flex-direction:column;gap:8px}
.tdx-nhom{display:flex;flex-direction:column;gap:6px}
.tdx-nhom>summary{display:flex;justify-content:space-between;align-items:baseline;cursor:pointer;padding:8px 2px;list-style:none;font-size:13px}
.tdx-nhom>summary::-webkit-details-marker{display:none}
.tdx-nhom>summary small{color:var(--chu3);font-weight:600}
.tdx-nhom[open]{margin-bottom:6px}
.tdx-muc{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:10px;align-items:center;background:var(--chim);border-radius:12px;padding:10px 12px;margin-bottom:6px}
.tdx-tick{width:24px;height:24px;border-radius:50%;border:0;background:var(--the);display:grid;place-items:center;cursor:pointer;color:var(--the);box-shadow:inset 0 0 0 2px var(--chim)}
.tdx-muc.xong .tdx-tick{background:var(--tot);box-shadow:none}
.tdx-tick:disabled{cursor:default}
.tdx-muc-chu{display:flex;flex-direction:column;min-width:0}
.tdx-muc-chu>span{font-size:13.5px;line-height:1.35;display:inline-flex;gap:6px;align-items:baseline}
.tdx-muc-chu small{font-size:11.5px;color:var(--chu3)}
.tdx-muc.xong .tdx-muc-chu>span{color:var(--chu3);text-decoration:line-through}
.tdx-muc.na{opacity:.6}
.tdx-khoa{color:var(--chu3);display:inline-flex}
.tdx-muc-ai,.tdx-muc-han{font-size:12px;color:var(--chu3);white-space:nowrap}
.tdx-muc-han.gap{color:var(--loi);font-weight:600}
.tdx-muc-mau{grid-template-columns:auto minmax(0,1fr) auto auto auto}
.tdx-keo{color:var(--chu3);letter-spacing:-2px;cursor:grab}
.tdx-o{width:100%;border:0;border-radius:10px;background:var(--chim);color:var(--chu);padding:10px 12px;font:inherit;font-size:13.5px}
.tdx-o:focus{outline:2px solid var(--nhan-nhat)}

/* phỏng vấn */
.tdx-pv{display:flex;flex-direction:column;gap:12px}
.tdx-vong{background:var(--chim);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.tdx-vong-dau{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tdx-vong-dau small{color:var(--chu3)}
.tdx-nguoi{display:flex;margin-left:auto}
.tdx-nguoi .avatar-pt{width:24px;height:24px;margin-left:-6px;box-shadow:0 0 0 2px var(--chim)}
.tdx-phieu-cham{display:flex;flex-direction:column;gap:8px;background:var(--the);border-radius:12px;padding:12px}
.tdx-tc{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}
.tdx-diem{display:inline-flex;gap:6px}
.tdx-diem button{width:18px;height:18px;border-radius:50%;border:0;background:var(--chim);cursor:pointer;padding:0}
.tdx-diem button.chon{background:var(--nhan)}
.tdx-phieu-ds{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.tdx-phieu{background:var(--the);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.tdx-phieu small{color:var(--chu3)} .tdx-phieu p{margin:4px 0 0;font-size:13px;color:var(--chu2)}
.tdx-ghi{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--chu3)}
.tdx-bl,.tdx-ls{display:flex;flex-direction:column;gap:8px}
.tdx-bl-dong,.tdx-ls-dong{background:var(--chim);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.tdx-bl-dong small,.tdx-ls-dong small{color:var(--chu3);font-size:11.5px}
.tdx-bl-dong p{margin:4px 0 0;font-size:13.5px;white-space:pre-wrap}

/* hộp */
.tdx-hop{display:flex;flex-direction:column;gap:10px;min-width:min(420px,80vw)}
.tdx-hop-rong{min-width:min(560px,86vw)}
.tdx-hop>small{color:var(--chu3);font-size:12px}
.tdx-hai{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tdx-chon-nguoi{display:flex;flex-wrap:wrap;gap:6px;max-height:220px;overflow-y:auto}

/* nhu cầu */
.tdx-tt{white-space:nowrap;flex:none;font-size:12px;font-weight:600;border-radius:999px;padding:3px 10px;background:var(--chim);color:var(--chu2)}
.tdx-tt.tot{color:var(--tot);background:var(--tot-nhat)} .tdx-tt.canh{color:var(--canh);background:var(--canh-nhat)} .tdx-tt.loi{color:var(--loi);background:var(--loi-nhat)}
.tdx-nc2{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;align-items:start}
.tdx-nc-ds{background:var(--the);border-radius:18px;padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--bong-the)}
.tdx-nc-muc{border:0;text-align:left;font:inherit;color:inherit;background:var(--chim);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;cursor:pointer}
.tdx-nc-muc.chon{background:var(--nhan-nhat)} .tdx-nc-muc small{color:var(--chu3)}
.tdx-nc-muc:focus-visible{outline:2px solid var(--nhan);outline-offset:2px}
.tdx-nc-dau{display:flex;justify-content:space-between;align-items:center;gap:8px} .tdx-nc-dau b{font-size:14.5px}
.tdx-nc-ct{background:var(--the);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--bong-the);min-width:0}
.tdx-nc-ct-dau{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tdx-nc-ct-dau h2{margin:0;font-size:20px} .tdx-nc-ct-dau small{color:var(--chu3)}
.tdx-nc-ic{width:44px;height:44px;border-radius:12px;background:var(--nhan-nhat);color:var(--nhan);display:grid;place-items:center;flex:none}
.tdx-nc-ng{margin-left:auto;display:flex;align-items:center;gap:10px;background:var(--chim);border-radius:12px;padding:8px 12px}
.tdx-nc-ng>span{display:flex;flex-direction:column} .tdx-nc-ng small{font-size:11.5px;color:var(--chu3)} .tdx-nc-ng .avatar-pt{width:30px;height:30px}
.tdx-nc-luoi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tdx-nc-o{background:var(--chim);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;min-width:0}
.tdx-nc-o>small:first-child{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--chu3)} .tdx-nc-o span{font-size:14.5px}
.tdx-nc-phu{font-size:12px;color:var(--chu3)}
.tdx-nhan-muc{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--chu3)}
.tdx-nc-vong{display:flex;flex-direction:column;gap:8px}
.tdx-nc-vong ol{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap;counter-reset:v}
.tdx-nc-vong li{background:var(--chim);border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:600}
.tdx-nc-tc{display:flex;gap:6px;align-items:center;margin:0;color:var(--loi);font-size:13px}
.tdx-nc-xem{align-self:flex-start;border:0;background:none;color:var(--nhan);font:inherit;font-weight:600;display:inline-flex;align-items:center;gap:4px;cursor:pointer;padding:0}
.tdx-nc-xem svg{transform:rotate(180deg)}
.tdx-nc-nut{display:flex;justify-content:flex-end;gap:8px}

/* mẫu */
.tdx-mau{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;align-items:start}
.tdx-mau-ds{background:var(--the);border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--bong-the)}
.tdx-mau-dong{border:0;background:none;border-radius:12px;padding:10px 12px;text-align:left;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px;color:var(--chu)}
.tdx-mau-dong small{color:var(--chu3);font-size:12px}
.tdx-mau-dong.chon{background:var(--nhan-nhat);color:var(--nhan)}
.tdx-mau-ct{background:var(--the);border-radius:16px;padding:16px 18px;box-shadow:var(--bong-the);display:flex;flex-direction:column;gap:10px}
.tdx-mau-dau{display:flex;flex-direction:column;gap:2px}
.tdx-mau-dau b{font-size:17px} .tdx-mau-dau small{color:var(--chu3)}

@media (max-width:1100px){.tdx-bang{grid-template-columns:repeat(7,minmax(168px,1fr)) 96px}}
@media (max-width:760px){
  .tdx-chon-cot{display:flex}
  .tdx-bang{display:block}
  .tdx-cot{display:none} .tdx-cot.dang-xem{display:flex}
  .tdx-cot-dau{display:none}
  .tdx-ngan{border-radius:0;width:100%}
  .tdx-ngan-dau{padding:16px}
  .tdx-muc{grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:8px;row-gap:2px}
  .tdx-muc-ai{display:none}
  .tdx-mau{grid-template-columns:1fr}
  .tdx-nc2{grid-template-columns:1fr} .tdx-nc-luoi{grid-template-columns:1fr} .tdx-nc-ng{margin-left:0}
  .tdx-hai{grid-template-columns:1fr}
}
/* Chip trên nền TRẮNG (phiếu chấm, hộp thoại): nền chìm để còn thấy là nút bấm được. */
.tdx-phieu-cham .tdx-pill:not(.chon),.tdx-hop .tdx-pill:not(.chon){background:var(--chim)}
/* Ngăn thẻ phủ kín màn điện thoại: nút ☰ (z 78) không được nổi đè lên — hộp thoại .lop (z 50) vẫn phải nằm TRÊN ngăn nên không nâng z của ngăn. */
body:has(.tdx-lop) .nut-mo-ben{display:none}
/* chip quản lý trực tiếp bấm được / còn trống (28/09/2026) */
button.tdx-ben-chip{border:0;font:inherit;cursor:pointer}
.tdx-ben-thieu{background:var(--canh-nhat);color:var(--canh)}
/* dải "hợp đồng đã ký → hồ sơ nhân viên → tài khoản" trong ngăn thẻ (28/09/2026) */
.tdx-nv{display:flex;align-items:center;gap:12px;margin:0 20px 8px;background:var(--tot-nhat);border-radius:14px;padding:10px 14px}
.tdx-nv-chu{flex:1;min-width:0;display:flex;flex-direction:column}.tdx-nv-chu small{color:var(--chu2);font-size:12.5px}