/* HCL ONE — module BÀN GIAO (0.9.2): màn #/ban-giao (bàn giao nhân sự nghỉ việc). Tiền tố .bg-, chỉ dùng biến màu của giao_dien.css.
   Điện thoại 390 px: các bước xếp dọc, nút xác nhận dính đáy; web: khung rộng tối đa 880 px giữa trang. */
.bg-goc{max-width:880px;margin:0 auto}
.bg-goc .hc-truong{margin:8px 0}
.bg-goc .hc-dong.bg-nguoi{border-left:0}
.bg-goc .hc-dong.bg-nguoi.chon{background:var(--chinh-nhat);box-shadow:inset 4px 0 0 var(--chinh)}
.bg-ds{max-height:280px;overflow:auto;border:1px solid var(--vien-2);border-radius:var(--r-vua);margin-top:6px;-webkit-overflow-scrolling:touch}
.bg-rong{margin:8px 2px}
.bg-da-chon{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 8px}
.bg-so{margin:0 0 4px}
.bg-chi-tiet{margin-top:8px;font-size:14px}
.bg-chi-tiet summary{cursor:pointer;color:var(--chinh);font-weight:600;min-height:32px;display:flex;align-items:center}
.bg-chi-tiet ul{margin:6px 0 0;padding-left:20px;color:var(--mo)}
.bg-cap{margin-top:12px}
.bg-cap .hc-chon{margin-top:6px}
.bg-cap .hc-chon button:disabled{opacity:.45}
.bg-nut{position:sticky;bottom:0;z-index:2;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--nen) 72%,transparent)}
.bg-nut .hc-nut{width:100%}
.bg-thieu{margin:6px 2px 0;text-align:center}
.bg-xong h2{font:800 20px/1.3 var(--tieu-de);overflow-wrap:anywhere}