/* [tach-nguyen-van] CSS tách nguyên văn từ hai khối <style> của index.html (18/10/2026). */
:root{
  --giay:#F7F3EC; --the:#FFFFFF; --muc:#2E2620; --nhat:#7A6B5D; --vien:#E3D9CB;
  --nhan:#8A5A2B; --sao:#B5321F; --xanh:#2E7D5B; --vang:#B58A2B;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0}
body{
  background:var(--giay); color:var(--muc); font-size:16px; line-height:1.55;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  padding-bottom:env(safe-area-inset-bottom);
}
.boc{max-width:820px;margin:0 auto;padding:16px}
h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}
button{font:inherit;cursor:pointer;border:0;border-radius:10px}
.an{display:none !important}


/* ── Lên đồ dark cho VỎ đăng nhập (17/08/2026) — đồng bộ ngôn ngữ ai-nera
   (nền vũ trụ + quả cầu hạt Fibonacci). CHỈ #dangnhap: phần điền khảo sát giữ
   nền sáng dễ đọc theo nguyên tắc "3D cho bán hàng, không cho màn điền". ── */
#dangnhap{position:relative;overflow:hidden;
  background:radial-gradient(1100px 750px at 50% 18%, #0a1c3e 0%, #02060f 62%)}
#caukhao{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#dangnhap .hop{position:relative;background:rgba(8,20,44,.74);border-color:rgba(90,150,230,.22);
  box-shadow:0 14px 44px rgba(0,0,0,.55);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
#dangnhap .hieu{color:#ffc55c}
#dangnhap .hop h1{color:#dae9ff}
#dangnhap .hop p{color:#8fb4e6}
#dangnhap #pin,#dangnhap #khoitk input{background:rgba(2,6,15,.55);border-color:rgba(90,150,230,.3);color:#dae9ff}
#dangnhap #pin::placeholder,#dangnhap #khoitk input::placeholder{color:#5b8fd6}
#dangnhap #pin:focus,#dangnhap #khoitk input:focus{border-color:#7eb3ff;background:rgba(2,6,15,.8)}
#dangnhap .nut{background:linear-gradient(135deg,#4f8eff,#7eb3ff);color:#03112b;font-weight:700}
#dangnhap .nut.phu2{background:rgba(90,150,230,.14);color:#dae9ff;border:1px solid rgba(90,150,230,.32)}
#dangnhap .vach{color:#5b8fd6}
#dangnhap .vach::before,#dangnhap .vach::after{background:rgba(90,150,230,.25)}
#dangnhap .tkchu{color:#8fb4e6}
#dangnhap .hdlink{color:#7eb3ff}
#dangnhap .loi{color:#ff9d8a}
#dangnhap .conmat:hover{background:rgba(90,150,230,.18)}

/* ── đăng nhập ── */
#dangnhap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}
.hop{background:var(--the);border:1px solid var(--vien);border-radius:16px;
     padding:26px 22px;max-width:400px;width:100%;box-shadow:0 2px 14px rgba(46,38,32,.06)}
.hieu{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--nhan);font-weight:700}
.hop h1{font-size:21px;margin:8px 0 6px}
.hop p{margin:0 0 18px;color:var(--nhat);font-size:14px}
#pin{width:100%;padding:14px;font-size:26px;text-align:center;letter-spacing:.42em;
     border:1.5px solid var(--vien);border-radius:12px;background:#FCFAF7;color:var(--muc)}
#pin:focus{outline:0;border-color:var(--nhan)}
.nut{background:var(--nhan);color:#fff;padding:13px 18px;width:100%;margin-top:12px;font-weight:600}
.nut:disabled{opacity:.5;cursor:default}
.loi{color:var(--sao);font-size:14px;margin-top:10px;min-height:20px}

/* ── đầu trang ── */
header{background:var(--the);border-bottom:1px solid var(--vien);position:sticky;top:0;z-index:20}
.dau{max-width:820px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px}
.dau .ten{flex:1;min-width:0}
.dau .ten b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dau .ten span{font-size:12.5px;color:var(--nhat)}
.vong{font-size:12.5px;color:var(--nhat);white-space:nowrap}
/* Nút Thoát phải NHÌN THẤY ĐƯỢC nhưng không tranh chỗ với phần trăm hoàn thành:
   người điền cần nó đúng một lần trong đời, còn con số tiến độ thì nhìn liên tục. */
#thoat{background:none;border:1px solid var(--vien);color:var(--nhat);border-radius:8px;
  padding:6px 10px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;
  font-family:inherit}
#thoat:hover{border-color:var(--nhan);color:var(--nhan)}
.vong b{color:var(--nhan);font-size:15px}
.thanh{height:4px;background:var(--vien)}
.thanh i{display:block;height:100%;background:var(--nhan);transition:width .3s}

/* ── thẻ nhóm ── */
.the{background:var(--the);border:1px solid var(--vien);border-radius:14px;padding:15px 16px;
     margin-bottom:10px;display:block;width:100%;text-align:left}
.the:active{background:#FBF8F3}
.the .hang,.td-gd .hang{display:flex;align-items:baseline;gap:8px}
.the b{font-size:15.5px;flex:1}
.the .so,.td-gd .so{font-size:13px;color:var(--nhat);white-space:nowrap;margin-left:auto}
.the .tt,.td-gd .tt{height:5px;background:var(--vien);border-radius:3px;margin-top:9px;overflow:hidden}
.the .tt i,.td-gd .tt i{display:block;height:100%;background:var(--xanh);border-radius:3px}
.the .sao{font-size:12.5px;color:var(--sao);margin-top:7px}
.the .sao.du{color:var(--xanh)}
.the .ghi{font-size:12.5px;color:var(--nhat);margin-top:7px}
.the.tuvan{border-color:var(--nhan);background:#FBF6EF}
.hdlink{display:block;text-align:center;color:var(--nhan);font-size:13.5px;
        font-weight:600;text-decoration:none;margin-top:14px}
.hdlink.duoi-ds{margin:16px 0 4px}
.tt2{margin-top:8px;border-top:1px solid var(--vien)}
.d1{display:flex;gap:10px;align-items:baseline;justify-content:space-between;
    padding:6px 0;border-bottom:1px solid var(--vien);font-size:13.5px}
.d1 span{flex:1;min-width:0}
.d1 i{font-style:normal;font-size:12px}
.d1 b{white-space:nowrap;color:var(--nhan)}
.d1.doc{padding:9px 0}
.nut2{display:flex;gap:6px;white-space:nowrap}
.huongdan summary{cursor:pointer;font-size:14.5px;color:var(--nhan)}
.huongdan ol,.huongdan ul{padding-left:20px;margin:12px 0}
.huongdan li{margin:9px 0;font-size:14px}
.huongdan code{display:inline-block;background:#F2EBE0;padding:2px 7px;border-radius:6px;
               font-size:12.5px;margin:3px 0;word-break:break-all}
.huongdan .cb{margin:14px 0 0;font-size:14px}
.dam2{background:#FCEBE8;color:var(--sao);font-size:11px;font-weight:700;padding:1px 7px;border-radius:20px}

/* ── câu hỏi ── */
.cau{background:var(--the);border:1px solid var(--vien);border-radius:14px;padding:15px 16px;margin-bottom:12px}
.cau.chua-xong{border-left:3px solid var(--vang)}
.cau.da-xong{border-left:3px solid var(--xanh)}
.cau.hoilai{border-left:3px solid var(--sao);background:#FFFBF9}
.ma{font-size:12px;font-weight:700;color:var(--nhan);letter-spacing:.03em}
.batbuoc{display:inline-block;background:#FCEBE8;color:var(--sao);font-size:11px;font-weight:700;
         padding:1px 7px;border-radius:20px;margin-left:6px;letter-spacing:.02em}
.hoi{margin:7px 0 10px;font-size:15.5px}
textarea{width:100%;min-height:78px;padding:11px 12px;border:1.5px solid var(--vien);
         border-radius:10px;font:inherit;font-size:15px;background:#FCFAF7;color:var(--muc);resize:vertical}
textarea:focus{outline:0;border-color:var(--nhan);background:#fff}
.duoi{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.nho{background:#F2EBE0;color:var(--nhat);padding:6px 11px;font-size:13px;font-weight:600}
.nho:active{background:#E8DECE}
.trangthai{font-size:12.5px;color:var(--nhat);margin-left:auto}
.trangthai.luu{color:var(--xanh)}
.trangthai.cho{color:var(--vang)}
.ythem{margin-top:10px;border-top:1px dashed var(--vien);padding-top:9px}
.ythem summary{font-size:13.5px;color:var(--nhan);font-weight:600;cursor:pointer;list-style:none}
.ythem summary::-webkit-details-marker{display:none}
.ythem[open] summary{margin-bottom:8px}
.ythem textarea{min-height:60px;background:#FBF8F3}
.hd{margin:0 0 10px;font-size:13.5px;line-height:1.55;color:var(--nhat);
    background:#F1F5F1;border-left:3px solid var(--xanh);border-radius:0 9px 9px 0;
    padding:8px 11px}
.vsc{margin-top:9px;font-size:13.5px;color:var(--nhat);background:#F6F1E9;border-radius:9px;padding:9px 11px}
.vsc b{color:var(--nhan)}
.co-hoilai{font-size:13.5px;color:var(--sao);margin-bottom:8px;font-weight:600}
.cho-duyet{font-size:13px;color:var(--vang);margin-bottom:8px;font-weight:600}
.nho.ok{background:#E6F2EC;color:var(--xanh)}
.nho.tat{background:#FCEBE8;color:var(--sao)}
.moi-tt{margin-top:9px;font-size:12.5px;color:var(--nhat);width:100%}
.moi-tt b{color:var(--muc)}
.moi-thanh{height:6px;background:var(--vien);border-radius:3px;overflow:hidden;margin-top:5px}
.moi-thanh i{display:block;height:100%;background:var(--xanh);border-radius:3px}

.tep{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.tep a{display:inline-flex;align-items:center;gap:6px;background:#F2EBE0;color:var(--muc);
       text-decoration:none;font-size:13px;padding:6px 10px;border-radius:8px;max-width:100%}
.tep a b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}
.tep a i{font-style:normal;color:var(--nhat)}
.ocr{margin-top:7px;font-size:13px;color:var(--nhat);background:#F1F5F1;border-radius:9px;
     padding:8px 10px;white-space:pre-wrap;max-height:118px;overflow:auto}
.ocr b{color:var(--xanh)}
.nho.dangghi{background:#FCEBE8;color:var(--sao)}
.nho[disabled]{opacity:.55}
.checklist .cau{padding:13px 14px}
.cl-tt{font-size:12.5px;font-weight:700;padding:2px 9px;border-radius:20px;background:#F2EBE0;color:var(--nhat)}
.cl-tt.xong{background:#E6F2EC;color:var(--xanh)}
.vach{display:flex;align-items:center;gap:10px;margin:20px 0 14px;color:var(--nhat);font-size:13px}
.vach::before,.vach::after{content:'';flex:1;height:1px;background:var(--vien)}
.tkchu{font-size:13.5px;line-height:1.55;color:var(--nhat);margin:0 0 12px}
#khoitk input{width:100%;padding:12px 13px;margin-bottom:9px;border:1.5px solid var(--vien);
  border-radius:11px;background:#FBF8F3;font:inherit;font-size:15px;color:var(--muc);
  box-sizing:border-box}
#khoitk input:focus{outline:0;border-color:var(--nhan);background:#fff}
/* Ô mật khẩu kèm nút con mắt. Nút nằm ĐÈ lên ô chứ không phải cạnh ô, nên phần
   đệm phải của ô phải chừa chỗ — thiếu bước đó thì chữ chui xuống dưới nút. */
/* 🔴 PHẢI khai width/padding RIÊNG ở đây. Luật `input{width:100%}` của trang này
   chỉ nằm trong `#khoitk`, nên ô mật khẩu ở màn Đổi mật khẩu (vẽ trong `.the`)
   rơi về cỡ mặc định của trình duyệt — ô ngắn một mẩu còn nút con mắt trôi ra
   tận mép phải thẻ. Nhìn mã không thấy, chỉ lộ khi xem ảnh chụp. */
.omk{position:relative;margin-bottom:9px}
.omk input{width:100%;box-sizing:border-box;padding:12px 46px 12px 13px;margin:0;
  border:1.5px solid var(--vien);border-radius:11px;background:#FBF8F3;
  font:inherit;font-size:15px;color:var(--muc)}
.omk input:focus{outline:0;border-color:var(--nhan);background:#fff}
.conmat{position:absolute;right:6px;top:50%;transform:translateY(-50%);margin-top:-4.5px;
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  border:0;background:transparent;cursor:pointer;font-size:17px;line-height:1;opacity:.5;
  border-radius:9px;padding:0}
.conmat:hover{opacity:.9;background:#F2EBE0}
.conmat.hien{opacity:1}
/* Biểu tượng vẽ bằng nét (mask SVG), KHÔNG dùng emoji con mắt — trên máy Apple
   emoji đó vẽ như mắt người thật, user rùng mình. Màu ăn theo chữ của trang. */
.conmat::before{content:'';width:20px;height:20px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6.5 10-6.5S22 12 22 12s-3.5 6.5-10 6.5S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6.5 10-6.5S22 12 22 12s-3.5 6.5-10 6.5S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3C/svg%3E") center/contain no-repeat}
.conmat.hien::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6.5 10-6.5S22 12 22 12s-3.5 6.5-10 6.5S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M4 3.5l16 17'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6.5 10-6.5S22 12 22 12s-3.5 6.5-10 6.5S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M4 3.5l16 17'/%3E%3C/svg%3E")}
.nut.phu2{background:#F2EBE0;color:var(--muc)}
/* ── màn chọn dự án (du_an_loc / header / ds / chon .js) — nằm trong vỏ đăng nhập tối ── */
.hop.chon{max-width:560px}
.hop.chon #pin,.hop.chon #vao,.hop.chon #mota,.hop.chon #loidn{display:none}
.da-hang{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.da-chao{font-size:13.5px;color:#8fb4e6;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.da-chao b{color:#dae9ff}
.da-thoat{background:none;border:1px solid rgba(90,150,230,.32);color:#dae9ff;padding:5px 12px;
  font-size:13px;font-weight:600;border-radius:8px;font-family:inherit}
.da-tim{width:100%;padding:11px 12px;font-size:15px;border:1.5px solid rgba(90,150,230,.3);
  border-radius:10px;background:rgba(2,6,15,.55);color:#dae9ff;font-family:inherit}
.da-tim::placeholder{color:#5b8fd6}
.da-tim:focus{outline:0;border-color:#7eb3ff}
.da-tab{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 6px}
.da-tabnut{background:rgba(90,150,230,.1);border:1px solid rgba(90,150,230,.28);color:#8fb4e6;
  padding:6px 11px;font-size:13px;font-weight:600;border-radius:999px;font-family:inherit;line-height:1.3}
.da-tabnut.on{background:#7eb3ff;border-color:#7eb3ff;color:#03112b}
.da-sl{font-weight:700;margin-left:2px}
.da-thu{display:flex;align-items:center;gap:8px;margin:4px 0 8px;font-size:13.5px;color:#dae9ff;cursor:pointer}
.da-thu input{width:16px;height:16px;accent-color:#ffc55c;margin:0}
.da-hoi{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;
  border-radius:50%;border:1px solid #8fb4e6;color:#8fb4e6;font-size:11px;font-weight:700;cursor:help}
.da-ds{max-height:350px;overflow-y:auto;margin-top:8px;padding-right:2px}
.da-the{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:8px;cursor:pointer;
  border:1.5px solid rgba(90,150,230,.3);border-radius:12px;background:rgba(2,6,15,.45)}
.da-the:hover{border-color:#7eb3ff}
.da-the.la-thu{border-color:#ffc55c;background:rgba(255,197,92,.07)}
.da-thong{flex:1;min-width:0}
.da-tren{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:4px}
.da-ma{font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:6px;
  background:rgba(126,179,255,.18);color:#bcd4ff}
.da-nganh{font-size:11.5px;padding:2px 8px;border-radius:999px;border:1px solid rgba(90,150,230,.35);color:#8fb4e6}
.da-nhan-thu{font-size:11px;font-weight:800;letter-spacing:.06em;padding:2px 8px;border-radius:6px;
  border:1.5px solid #ffc55c;color:#ffc55c;background:rgba(255,197,92,.12)}
.da-ten{display:block;font-size:15.5px;color:#dae9ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.da-tt{height:6px;background:rgba(90,150,230,.2);border-radius:3px;margin:8px 0 5px;overflow:hidden}
.da-tt i{display:block;height:100%;background:#7eb3ff;border-radius:3px}
.da-so{font-size:12.5px;color:#8fb4e6}
.da-mo{flex:none;width:60px;padding:7px 0;background:linear-gradient(135deg,#4f8eff,#7eb3ff);
  color:#03112b;font-weight:700;font-size:13.5px;border-radius:9px;font-family:inherit}
.da-rong{text-align:center;padding:22px 8px;color:#8fb4e6;font-size:14px}
.da-rong p{margin:0 0 10px}
.da-lk{background:none;border:0;color:#7eb3ff;font-weight:600;text-decoration:underline;
  font-size:14px;font-family:inherit}
.da-xuong{pointer-events:none;flex-direction:column;align-items:stretch;gap:8px}
.da-xuong i{display:block;height:12px;border-radius:6px;background-size:200% 100%;animation:da-quet 1.2s linear infinite;
  background-image:linear-gradient(90deg,rgba(90,150,230,.12),rgba(126,179,255,.26),rgba(90,150,230,.12))}
.da-x1{width:40%}.da-x2{width:75%;height:16px !important}.da-x3{width:55%}
@keyframes da-quet{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.da-xuong i{animation:none}}
/* tiến độ triển khai */
.td-3d{display:inline-block;margin-top:6px;color:var(--nhan);font-weight:600;text-decoration:none}
a.the{display:block;text-decoration:none;color:inherit}
.the-3d{background:linear-gradient(180deg,#132C52,#0C1E3A);border-color:#1E3E6B}
.the-3d b,.the-3d .ghi,.the-3d .so{color:#DCE8FA}
.the-3d .ghi{opacity:.78}
.td-tong{background:#FDF6E9;border:1px solid #E9D9B8;border-radius:13px;padding:15px 16px;margin-bottom:14px}
.td-so{display:flex;align-items:baseline;gap:8px;margin-bottom:9px}
.td-so b{font-size:32px;color:var(--nhan);line-height:1}
.td-so span{font-size:14px;color:var(--nhat)}
.td-dem{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:13.5px;color:var(--nhat)}
.td-dem b{color:var(--muc);font-weight:600}
.td-dem .canh b{color:var(--sao)}
.td-gd{display:block;width:100%;text-align:left;background:none;padding:0;color:inherit}
.td-cho{font-size:14px;line-height:1.55;background:#FBF8F3;border-radius:9px;padding:8px 11px;margin-bottom:6px}
.td-ds{margin-top:10px;border-top:1px dashed var(--vien);padding-top:10px}
.td-m{padding:9px 0;border-bottom:1px solid #F2EBE0}
.td-m:last-child{border-bottom:0}
/* giao việc cho nhân viên */
.cau input[type=text],.cau input:not([type]){width:100%;padding:11px 12px;margin-bottom:8px;
  border:1.5px solid var(--vien);border-radius:11px;background:#FBF8F3;font:inherit;
  font-size:15px;color:var(--muc);box-sizing:border-box}
.cau input:focus{outline:0;border-color:var(--nhan);background:#fff}
.gv-doi{display:flex;gap:8px;flex-wrap:wrap}
.gv-doi input{flex:1 1 160px;margin-bottom:0}
/* Một dòng = một phần việc: ô tick · tên phần · ô email. Ô tick quyết định
   dòng nào được gửi lần này, nên nó phải đứng ĐẦU dòng, nơi mắt chạm trước. */
.gv-dong{display:flex;align-items:center;gap:11px}
.gv-tick{width:21px;height:21px;flex:none;accent-color:var(--nhan);margin:0}
.gv-nhan{flex:1;min-width:0;cursor:pointer}
.gv-nhan b{font-size:15px}
/* Phải khai width RIÊNG: trang này không có luật `input{width:100%}` chung —
   luật đó nằm trong `#khoitk input`, chỉ áp cho khối đăng nhập. Thiếu dòng này
   ô email co lại còn nửa dòng, nhìn như chưa làm xong. */
.gv-mail{width:100%;margin-top:10px;margin-bottom:0;padding:11px 12px;font-size:16px;
  font-family:inherit;border:1.5px solid var(--vien);border-radius:10px;
  background:#FBF8F3;color:var(--muc)}
.gv-mail:focus{outline:0;border-color:var(--nhan);background:#fff}
.gv-giu{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;
  font-size:13.5px;color:var(--nhat)}
.gv-moi{margin-top:11px;background:#E6F2EC;border-radius:11px;padding:11px 12px}
.gv-moi b{color:var(--xanh)}
.canh{color:var(--sao);font-size:13.5px;font-weight:600;margin:9px 0 0}
.chiviec{margin:0 0 14px}
.chiviec div{font-size:14px;line-height:1.6;color:var(--nhat);background:#FBF8F3;
  border-left:3px solid var(--nhan);border-radius:0 10px 10px 0;padding:9px 12px;margin-bottom:7px}
.chiviec b{color:var(--muc);font-weight:600}
.quaylai{background:none;color:var(--nhan);font-weight:600;padding:6px 0;font-size:14.5px}
.tieu{font-size:18px;margin:4px 0 3px}
.phu{color:var(--nhat);font-size:13.5px;margin:0 0 14px}
.bang{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;background:var(--muc);
      color:#fff;padding:9px 16px;border-radius:22px;font-size:13.5px;z-index:40;
      box-shadow:0 4px 16px rgba(0,0,0,.2)}
.bang.cho-dong-bo{background:var(--vang)}
/* ── bản tổng hợp để in ── */
.in-dau{margin:6px 0 16px}
.in-nhom{font-size:16px;margin:20px 0 8px;padding-bottom:5px;border-bottom:2px solid var(--nhan)}
.in-cau{padding:8px 0;border-bottom:1px solid var(--vien);font-size:14px;line-height:1.55;
  break-inside:avoid}
.in-hoi{font-weight:600}
.in-tl{margin-top:4px;white-space:pre-wrap}
.in-tl i{color:var(--sao);font-style:normal;font-weight:600}
.in-meta{margin-top:3px;font-size:12.5px;color:var(--nhat)}
.in-ky{display:flex;justify-content:flex-end;margin-top:34px;text-align:center;
  break-inside:avoid}
.in-ky-o{height:86px}
@media print{
  /* Chỉ còn nội dung bản in: đầu trang app, thẻ điều hướng, nút — bỏ hết.
     Nền trắng chữ đen để máy in đỡ tốn mực và bản photo rõ nét. */
  header,.khong-in,.bang{display:none !important}
  body{background:#fff}
  main{padding:0}
  .in-cau{border-bottom-color:#ddd}
}
/* Màn Đề xuất/Bảng giá phía khách: chỉ xem trực tuyến — bấm in ra trang trắng
   kèm một dòng nhắn. (Răn đe, không phải khoá tuyệt đối.) */
@media print {
  body.khong-in > * { display: none !important; }
  body.khong-in::after {
    content: 'Tài liệu chỉ xem trực tuyến. Anh/chị liên hệ Nera Consulting Group để nhận bản chính thức.';
    display: block; padding: 48px 32px; font-size: 16px; font-family: -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  }
}
/* Watermark chìm định danh NGƯỜI XEM phủ màn Đề xuất phía khách — đọc bình
   thường, nhưng mọi ảnh chụp/quay màn hình đều mang tên người xem + thời điểm. */
#wm-khach {
  position: fixed; inset: 0; z-index: 9999; pointer-events: none;
  display: none; background-repeat: repeat;
}
/* Bảng giá phía khách: số che mờ mặc định — rê chuột (máy tính) hoặc ĐÈ GIỮ
   (điện thoại) vào từng dòng mới hiện. Ảnh chụp lắm cũng chỉ dính một dòng. */
#bang-gia-khach .gia-an { filter: blur(7px); user-select: none; transition: filter .15s; }
#bang-gia-khach tr:hover .gia-an, #bang-gia-khach tr.lo .gia-an { filter: none; }