/* SOATDOANHTHU — máy lắp từ scripts-test/dung-vo.mjs, ĐỪNG sửa tay (sửa vo/sdt.css). Khối 1 = Chuẩn Doanh thu nguyên văn (bản chốt DOANHTHUSAN 01/10/2026). Khối 2 = đăng nhập. Khối 3 = riêng app (tiền tố sdt-). */
:root{
  color-scheme:light;
  --t900:#062b33;--t800:#07414c;--t700:#045864;--t600:#067686;--t500:#0b8fa1;
  --t100:#d9ebee;--t50:#eef6f8;--cam:#f9a41c;--cam-dam:#dd8b05;--cam-nhat:#fff6e6;
  --xanh:#12855a;--xanh-nhat:#e6f5ee;--do:#c93b3b;--do-nhat:#fdedec;
  --vang:#a16207;--vang-nhat:#fdf6e3;--lam:#075985;--lam-nhat:#e2f0fa;
  --muc:#16262e;--muc2:#5c7079;--muc3:#8b9ba3;--vien:#e5ecee;--vien-dam:#d3dfe2;
  --nen:#f6f9fa;--trang:#fff;--r-lg:16px;--r-md:12px;--r-sm:9px;
  --b1:0 1px 2px rgba(16,38,46,.05),0 1px 3px rgba(16,38,46,.05);
  --b2:0 2px 4px -1px rgba(16,38,46,.05),0 14px 28px -10px rgba(6,118,134,.26);
  --b3:0 24px 60px -18px rgba(6,43,51,.45);--nhip:cubic-bezier(.22,.61,.36,1);
  --mk:#b45309;--mk2:#92400e;--mkn:#fbf1e3;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Be Vietnam Pro","Segoe UI",system-ui,-apple-system,Arial,sans-serif;background:var(--nen);color:var(--muc);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit}
input,select{font-family:inherit;font-size:inherit}
a{color:inherit;text-decoration:none}
::selection{background:var(--t600);color:#fff}
:focus-visible{outline:2.5px solid var(--t500);outline-offset:2px;border-radius:4px}
.an{display:none!important}
.ic{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;display:block}
.ic-sm{width:17px;height:17px;stroke-width:1.9}.ic-xs{width:14px;height:14px;stroke-width:2.1}
header{background:radial-gradient(1100px 320px at 15% -40%,rgba(11,143,161,.55),transparent 70%),radial-gradient(680px 300px at 92% 0%,rgba(249,164,28,.20),transparent 68%),linear-gradient(140deg,#062b33 0%,#07414c 52%,#065c69 100%);color:#fff;padding:20px 16px 22px;position:relative;overflow:hidden}
header::before{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 78%);mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.hwrap{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:15px;position:relative;z-index:1}
.logo-badge{background:#fff;border-radius:12px;padding:7px 12px;display:flex;align-items:center;box-shadow:0 6px 18px rgba(0,0,0,.22);flex-shrink:0;color:var(--t700);font-weight:900;font-size:18px;letter-spacing:.3px}
.htitle{flex:1;min-width:0}.htitle h1{margin:0;font-size:21px;font-weight:800;letter-spacing:-.35px;line-height:1.2}
.htitle .sub{font-size:12.5px;color:rgba(255,255,255,.72);margin-top:4px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.sub .cham{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.4);flex-shrink:0}
.hme{display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:42px;flex-wrap:wrap;justify-content:flex-end}
.chip-me{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:4px 14px 4px 4px;font-size:13px}
.tk-ava{width:32px;height:32px;border-radius:50%;background:linear-gradient(150deg,var(--cam),#f5872a);color:#40260a;font-weight:800;font-size:12.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tk-txt b{font-weight:600;white-space:nowrap;display:block;line-height:1.25}.tk-txt .vt{font-size:11px;color:rgba(255,255,255,.68);white-space:nowrap;display:block;line-height:1.25}
.nut-header{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:8px 13px;font-size:12.5px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.thanh{position:sticky;top:0;z-index:30;background:rgba(246,249,250,.86);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);padding:10px 16px}
.twrap{max-width:1140px;margin:0 auto}
.chips{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding:6px 2px 16px;margin:-6px -2px -16px}.chips::-webkit-scrollbar{display:none}
.chip{background:var(--trang);border:1px solid var(--vien);border-radius:24px;padding:7px 10px 7px 6px;font-size:12px;font-weight:600;color:var(--muc);white-space:nowrap;display:flex;align-items:center;gap:7px;box-shadow:var(--b1)}
.chip .ic{width:12px;height:12px;stroke-width:2.2;color:#fff;flex-shrink:0;background:linear-gradient(145deg,var(--m,var(--t600)),var(--m2,var(--t700)));border-radius:50%;padding:4px;box-sizing:content-box}
.chip.chon{background:linear-gradient(145deg,var(--m,var(--t600)),var(--m2,var(--t700)));border-color:var(--m2,var(--t700));color:#fff;font-weight:700;box-shadow:0 6px 16px -6px var(--m,var(--t600))}
.chip.chon .ic{background:rgba(255,255,255,.22)}
.thanh-loc{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.thanh-loc .nhom{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.thanh-loc .day{flex:1}
.nut-loc{background:var(--trang);border:1.5px solid var(--vien-dam);padding:6px 12px;border-radius:20px;font-size:12.5px;font-weight:700;color:var(--muc2);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.nut-loc.chon{background:var(--t600);border-color:var(--t600);color:#fff}.nut-loc.san.chon{background:var(--t700);border-color:var(--t700)}
.cham-san{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.thanh-loc input[type=date]{border:1.5px solid var(--vien-dam);border-radius:10px;padding:6px 9px;font-size:13px;background:var(--trang);color:var(--muc);outline:none}
.nut-excel{background:var(--cam);color:#40260a;border:none;padding:9px 15px;border-radius:10px;font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:0 4px 14px -4px rgba(249,164,28,.7)}
main{padding:2px 16px 46px}.wrap{max-width:1140px;margin:0 auto}
.the{background:var(--trang);border:1px solid var(--vien);border-radius:var(--r-lg);padding:16px 18px;margin-bottom:13px;box-shadow:var(--b1)}
.the h2{margin:0 0 3px;font-size:16px;font-weight:800;letter-spacing:-.25px;color:var(--muc)}.the .mo-ta{margin:0 0 13px;font-size:12.5px;color:var(--muc2)}
.the.km{border-left:3px solid var(--mk)}.the.km>h2{color:var(--mk2);display:flex;align-items:center;gap:9px}
.the.km>h2::after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--mkn),transparent)}
.the.km .ic-k{width:12px;height:12px;stroke-width:2.2;color:#fff;flex-shrink:0;background:linear-gradient(145deg,var(--mk),var(--mk2));border-radius:50%;padding:4px;box-sizing:content-box}
.the.km table thead th{background:var(--mk2)}.the.km tbody tr:hover{background:var(--mkn)}
.luoi{display:grid;gap:11px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.so-lon{background:var(--trang);border:1px solid var(--vien);border-radius:15px;padding:13px 16px;box-shadow:var(--b1);cursor:pointer;border-top:3px solid var(--mau,var(--t600));min-width:0;text-align:left}
.so-lon.chon{background:var(--mkn);border-color:var(--mk)}
.so-lon .nhan{font-size:11px;color:var(--muc2);font-weight:700;text-transform:uppercase;letter-spacing:.55px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.so-lon .gt{font-size:25px;font-weight:800;color:var(--mau,var(--t700));margin:5px 0 2px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.so-lon .phu{font-size:12px;color:var(--muc2);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13.5px}
th,td{padding:9px 10px;text-align:right;border-bottom:1px solid var(--t50);vertical-align:top}
th{background:var(--t600);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:0}
thead th:first-child{border-top-left-radius:9px}thead th:last-child{border-top-right-radius:9px}
td{white-space:normal;overflow-wrap:break-word;font-variant-numeric:tabular-nums}
th:first-child,td:first-child{text-align:left}td:first-child{font-weight:700}
th.trai,td.trai{text-align:left}
.cuon{overflow-x:auto;-webkit-overflow-scrolling:touch}
.canh-bao{background:var(--cam-nhat);border-left:3px solid var(--cam);padding:11px 13px;border-radius:0 11px 11px 0;margin-bottom:13px;font-size:13.5px}.canh-bao b{color:#9a6207}
.canh-bao.do{background:var(--do-nhat);border-left-color:var(--do)}.canh-bao.do b{color:#a02222}
.ghi-chu{background:var(--t50);border-left:3px solid var(--t500);padding:10px 13px;border-radius:0 11px 11px 0;font-size:12.8px;color:#325058;margin-top:12px}
/* ---- riêng tab đối soát HĐ (tiền tố hd-) ---- */
.hd-capnhat{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muc2);margin:12px 0 11px}
.hd-capnhat b{color:var(--muc);font-weight:700}.hd-capnhat .cham-song{width:8px;height:8px;border-radius:50%;background:var(--xanh);display:inline-block;margin-right:5px;vertical-align:1px}
.hd-capnhat .cham-song.cu{background:var(--do)}
.hd-nhan{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:11px;font-size:11.5px;font-weight:700;white-space:nowrap;line-height:1.5}
.hd-nhan i{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}
.n-do{background:var(--do-nhat);color:#a02222}.n-cam{background:var(--cam-nhat);color:#9a6207}.n-vang{background:var(--vang-nhat);color:var(--vang)}
.n-xanh{background:var(--xanh-nhat);color:#116b41}.n-xam{background:#eaf0f2;color:var(--muc2)}.n-lam{background:var(--lam-nhat);color:var(--lam)}.n-cho{background:#eef1f3;color:var(--muc3)}
.hd-pills{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.hd-pills .nut-loc{padding:5px 11px;font-size:12px}.hd-pills .nut-loc .dem{font-weight:800;margin-left:2px}
.hd-pills .nut-loc.chon{background:var(--mk);border-color:var(--mk)}
.hd-tim{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.hd-tim input{flex:1;max-width:520px;min-width:0;border:1.5px solid var(--vien-dam);border-radius:12px;padding:10px 13px;outline:none;background:#fff;font-size:14px}
.hd-tim input:focus{border-color:var(--mk);box-shadow:0 0 0 4px rgba(180,83,9,.11)}
.hd-nut{border:1px solid var(--vien-dam);background:#fff;border-radius:9px;padding:6px 10px;font-weight:700;font-size:12px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;color:var(--t700)}
.hd-nut:hover{border-color:var(--t500);background:var(--t50)}.hd-nut.chinh{background:var(--mk);border-color:var(--mk);color:#fff}
.hd-nut[disabled]{opacity:.45;cursor:not-allowed}
.hd-ma{font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.2px;overflow-wrap:anywhere}
.hd-san{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muc2);font-weight:600;white-space:nowrap;margin-top:2px}
.hd-nho{font-size:11.5px;color:var(--muc2);font-weight:500;display:block;line-height:1.4}
.hd-tien{font-weight:700;white-space:nowrap}
.hd-tt{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.3px;padding:1px 6px;border-radius:9px;vertical-align:1px}
.tt1{background:var(--xanh-nhat);color:#116b41}.tt2{background:var(--lam-nhat);color:var(--lam)}.tt3{background:var(--vang-nhat);color:var(--vang)}
.tt4,.tt5{background:#eaf0f2;color:var(--muc2)}.tt6{background:var(--do-nhat);color:#a02222;text-decoration:line-through}
.hd-gach{text-decoration:line-through;color:var(--muc3)}
.hd-dong-hd{display:block;white-space:normal;line-height:1.45;margin-bottom:3px}.hd-dong-hd:last-child{margin-bottom:0}.hd-dong-hd .hd-nho{display:block;white-space:nowrap}
.hd-bang tbody tr{cursor:pointer}.hd-bang tbody tr:hover td{background:#fbf7f1}
.hd-bang td .hd-nut{padding:4px 8px}
.hd-xem{display:flex;gap:5px;justify-content:flex-end;flex-wrap:nowrap}
#bangDon .hd-bang-pc .hd-xem{flex-direction:column;align-items:stretch}#bangDon .hd-bang-pc .hd-xem .hd-nut{justify-content:center}#bangDon .hd-bang-pc td:last-child{padding-left:4px}
.hd-rong{text-align:center;padding:38px 18px;border:1.5px dashed var(--vien-dam);border-radius:14px;background:#fbfdfd;margin-bottom:13px;color:var(--muc2)}
.hd-rong .ic{width:44px;height:44px;margin:0 auto 10px;color:var(--mk)}.hd-rong b{display:block;color:var(--muc);font-size:16px;margin-bottom:4px}
.hd-loi{border-color:#f0c9c9;background:#fff7f7}.hd-loi .ic{color:var(--do)}
.hd-xuong{display:grid;gap:8px}.hd-xuong .o{height:14px;border-radius:7px;background:linear-gradient(90deg,#edf2f4 25%,#f7fafb 50%,#edf2f4 75%);background-size:400% 100%;animation:hd-lap 1.3s linear infinite}
@keyframes hd-lap{0%{background-position:100% 0}100%{background-position:0 0}}
.hd-phan-trang{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:12.5px;color:var(--muc2);flex-wrap:wrap}
.hd-phan-trang .nhom{display:flex;gap:5px}
/* thẻ mobile */
.hd-the-ds{display:none;gap:9px}
.hd-the{border:1px solid var(--vien);border-radius:13px;padding:11px 12px;background:#fff;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;cursor:pointer}
.hd-the>div{min-width:0}.hd-the .rong2{grid-column:1/-1}
.hd-the .dau{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.hd-the .l{font-size:11px;color:var(--muc3);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.hd-the .v{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.hd-the .chan{grid-column:1/-1;display:flex;justify-content:flex-end;gap:5px;margin-top:2px}
/* hộp thoại */
.hd-lop{position:fixed;inset:0;background:rgba(6,43,51,.55);z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:28px 16px;overflow-y:auto}
.hd-hop{background:#fff;border-radius:18px;width:min(880px,100%);box-shadow:var(--b3);overflow:hidden}
.hd-hop-dau{padding:16px 20px;border-bottom:1px solid var(--vien);display:flex;align-items:flex-start;gap:12px}
.hd-hop-dau h3{margin:0;font-size:18px;font-weight:800;letter-spacing:-.3px;overflow-wrap:anywhere}
.hd-hop-dau .phu{font-size:12.5px;color:var(--muc2);margin-top:3px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hd-hop-dau .dong{margin-left:auto;border:none;background:var(--t50);border-radius:50%;width:34px;height:34px;font-size:18px;line-height:1;flex-shrink:0}
.hd-hop-than{padding:16px 20px;display:grid;gap:14px}
.hd-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hd-khoi{border:1px solid var(--vien);border-radius:12px;padding:12px 14px;min-width:0}
.hd-khoi h4{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.55px;color:var(--muc2);font-weight:800;display:flex;justify-content:space-between;gap:8px;align-items:center}
.hd-cap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;font-size:13px}
.hd-cap dt{color:var(--muc2);white-space:nowrap}.hd-cap dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.hd-moc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;position:relative;margin:4px 0 2px}
.hd-moc::before{content:"";position:absolute;left:10%;right:10%;top:9px;height:2px;background:var(--vien-dam)}
.hd-moc div{text-align:center;position:relative;font-size:11.5px;color:var(--muc2);line-height:1.35}
.hd-moc div::before{content:"";display:block;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--vien-dam);margin:3px auto 6px;position:relative;z-index:1;box-sizing:border-box}
.hd-moc div.xong::before{border-color:var(--xanh);background:var(--xanh)}
.hd-moc div.mk::before{border-color:var(--mk);background:var(--mk)}
.hd-moc div.cho::before{border-style:dashed}
.hd-moc b{display:block;color:var(--muc);font-size:12.5px}
.hd-viec{border-radius:12px;padding:12px 14px;background:var(--do-nhat);border-left:3px solid var(--do);font-size:13.5px}
.hd-viec b{color:#a02222}.hd-viec.on{background:var(--xanh-nhat);border-left-color:var(--xanh)}.hd-viec.on b{color:#116b41}
.hd-viec.vang{background:var(--vang-nhat);border-left-color:var(--vang)}.hd-viec.vang b{color:var(--vang)}
.hd-viec ol{margin:6px 0 0;padding-left:20px}.hd-viec li{margin:2px 0}
.hd-hop-chan{padding:12px 20px 16px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;border-top:1px solid var(--vien)}
.hd-hop table{font-size:13px}.hd-hop th,.hd-hop td{padding:7px 8px}
.hd-chuoi{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.hd-chuoi .mui{color:var(--muc3)}
.hd-chuoi .to{border:1px solid var(--vien);border-radius:10px;padding:6px 10px;background:#fff;display:grid;gap:2px}
.hd-chuoi .to b{font-size:13px}.hd-chuoi .to.hien{border-color:var(--mk);background:var(--mkn)}
.thuoc{display:grid;grid-template-columns:1fr 14px 1fr 14px 1fr;align-items:start;gap:0 2px;min-width:0}
.thuoc .mat{min-width:0;border-radius:9px;padding:5px 7px 5px;border:1px solid var(--vien);background:#fbfdfd;line-height:1.3}
.thuoc .mat b{display:block;font-size:11px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}
.thuoc .mat span{display:block;font-size:11.5px;color:var(--muc2);overflow-wrap:anywhere}
.thuoc .mat.ok{border-color:#bfe3cf;background:var(--xanh-nhat)}.thuoc .mat.ok b{color:#116b41}
.thuoc .mat.loi{border-color:#f0c2c2;background:var(--do-nhat)}.thuoc .mat.loi b{color:#a02222}.thuoc .mat.loi span{color:#a02222}
.thuoc .mat.cho{border-color:#f5d9a6;background:var(--cam-nhat)}.thuoc .mat.cho b{color:#9a6207}
.thuoc .mat.yeu{border-color:#eadba6;background:var(--vang-nhat)}.thuoc .mat.yeu b{color:var(--vang)}
.thuoc .mat.trong{border-style:dashed;background:#fff}.thuoc .mat.trong b{color:var(--muc3)}.thuoc .mat.trong span{color:var(--muc3)}
.thuoc .mat.xam{background:#eef1f3;border-color:#dfe5e8}.thuoc .mat.xam b{color:var(--muc2)}
.thuoc .mui{color:var(--muc3);font-size:13px;line-height:1;padding-top:9px;text-align:center}
.thuoc-chu{display:block;font-size:11.5px;color:var(--muc2);margin-top:4px;line-height:1.4}.thuoc-chu b{font-weight:700}
.thuoc-chu.do{color:#a02222}.thuoc-chu.cam{color:#9a6207}.thuoc-chu.vang{color:var(--vang)}.thuoc-chu.xanh{color:#116b41}
.hd-tien .phu-tien{display:block;font-size:11px;color:var(--muc2);font-weight:500;white-space:nowrap}
.ct-bang .hd-tien .phu-tien{white-space:nowrap;font-size:10.5px}
.ct-bang td:first-child{font-weight:700}.ct-tt{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;padding:2px 8px;border-radius:10px;white-space:nowrap}
.ct-tt.da{background:var(--xanh-nhat);color:#116b41}.ct-tt.chua{background:var(--cam-nhat);color:#9a6207}.ct-tt.ko{background:var(--do-nhat);color:#a02222}
.ct-cot{display:inline-block;min-width:0}.ct-cot small{display:block;font-size:10.5px;color:var(--muc3);font-weight:500}
.ct-ti{display:block;height:5px;border-radius:3px;background:var(--vien);width:58px;overflow:hidden;margin:3px 0 0 auto}.ct-ti i{display:block;height:100%;background:var(--xanh)}
.phi-lech{font-weight:700;white-space:nowrap}.phi-lech.k{color:var(--xanh)}.phi-lech.l{color:var(--do)}.phi-lech.o{color:var(--muc3)}
.phi-loai{font-weight:600}.phi-loai small{display:block;color:var(--muc3);font-size:11px;font-weight:500}
.hd-ngan{display:flex;gap:6px;margin:12px 0 0;border-bottom:2px solid var(--vien);padding-bottom:0}
.hd-ngan button{border:none;background:none;padding:9px 14px 10px;font-weight:700;font-size:14px;color:var(--muc2);border-bottom:3px solid transparent;margin-bottom:-2px;display:inline-flex;align-items:center;gap:7px}
.hd-ngan button.chon{color:var(--mk2);border-bottom-color:var(--mk)}.hd-ngan button .dem{font-size:11.5px;background:#eaf0f2;color:var(--muc2);border-radius:10px;padding:1px 7px;font-weight:700}
.hd-ngan button.chon .dem{background:var(--mkn);color:var(--mk2)}
.hd-kenh{display:inline-block;white-space:nowrap;font-size:10.5px;font-weight:800;letter-spacing:.3px;padding:1px 7px;border-radius:9px}.k-san{background:#fdeee6;color:#c2410c}.k-ngoai{background:#eaf0f2;color:var(--muc2)}.k-chuaro{background:var(--vang-nhat);color:var(--vang)}
.hd-so-loc{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.hd-so-loc select{border:1.5px solid var(--vien-dam);border-radius:10px;padding:7px 10px;background:#fff;font-size:13px;font-weight:600;color:var(--muc)}
.ss-trangthai{max-width:1140px;margin:12px auto;border:1.5px dashed #d6aa47;background:#fff9df;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.ss-trangthai b{font-size:12px;color:#7a5806;margin-right:4px}.ss-trangthai button{border:1px solid #ead394;background:#fff;border-radius:18px;padding:5px 10px;font-size:11.5px;font-weight:700;color:#715717}
.ss-trangthai button.chon{background:#876612;border-color:#876612;color:#fff}
@media(max-width:700px){
 header{padding:13px}.logo-badge{padding:5px 8px;font-size:13px}.htitle h1{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.htitle .sub{display:none}.hwrap{gap:6px;flex-wrap:nowrap}.hme{display:contents}.tk-txt{display:none}.nut-kho{display:none}.chip-me{padding:2px;border-radius:50%;gap:0}.tk-ava{width:30px;height:30px;font-size:11px}.nut-header{padding:6px 8px;font-size:0}.nut-header .ic{display:block}
 .thanh,.twrap{display:contents}.chips{position:sticky;top:0;z-index:30;margin:8px 12px 0;padding:8px 8px 12px;border-radius:16px;background:rgba(246,249,250,.9);backdrop-filter:saturate(180%) blur(12px);box-shadow:0 6px 18px -10px rgba(6,43,51,.45)}.thanh-loc{margin:8px 12px 0}.chip{padding:6px 10px 6px 6px;font-size:12px;gap:6px}
 main{padding:2px 12px 40px}.the{padding:14px;border-radius:14px}.luoi{gap:9px}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .so-lon{padding:11px 12px}.so-lon .gt{font-size:21px}.so-lon .nhan,.so-lon .phu{white-space:normal;overflow:visible}.so-lon .nhan{font-size:10.5px;line-height:1.3}.ss-trangthai{margin:10px 12px}
 .hd-bang-pc{display:none}.hd-the-ds{display:grid}.hd-tim input{max-width:none}
 .hd-g2{grid-template-columns:minmax(0,1fr)}.hd-moc{grid-template-columns:repeat(5,minmax(0,1fr))}.hd-moc div{font-size:10px}.hd-moc b{font-size:11px}
 .cuon table:has(th:nth-child(6)){min-width:680px}.cuon table:has(th:nth-child(8)){min-width:980px}.ct-bang .hd-tien .phu-tien{white-space:nowrap}.hd-ngan{overflow-x:auto;scrollbar-width:none}
 .thuoc{grid-template-columns:1fr}.thuoc .mui{transform:rotate(90deg);padding:0;height:12px}.thuoc .mat b{white-space:normal}
 .hd-ngan{gap:2px}.hd-ngan button{font-size:12.5px;padding:8px 6px 9px;gap:5px;white-space:nowrap}.hd-ngan button .dem{font-size:10.5px;padding:1px 5px}
 .hd-lop{padding:10px}.hd-hop-dau,.hd-hop-than,.hd-hop-chan{padding-left:14px;padding-right:14px}.hd-hop-dau h3{font-size:16px}
 .hd-hop .cuon table{min-width:520px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* ── Đăng nhập (chép từ app doanh-thu đang chạy) ── */
#manDangNhap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;
  position:relative;overflow:hidden;background:
    radial-gradient(1100px 320px at 15% -40%, rgba(11,143,161,.55), transparent 70%),
    radial-gradient(680px 300px at 92% 0%, rgba(249,164,28,.20), transparent 68%),
    linear-gradient(140deg,#062b33 0%,#07414c 52%,#065c69 100%)}
#manDangNhap::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.16) 1px, transparent 1px);
  background-size:22px 22px;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 78%);
  mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.hop-dn{position:relative;z-index:1;background:var(--trang);border-radius:20px;padding:26px 24px;
  width:100%;max-width:400px;box-shadow:var(--b3);animation:trolen .26s var(--nhip)}
@keyframes trolen{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.hop-dn h1{margin:0 0 4px;font-size:21px;font-weight:800;letter-spacing:-.35px;color:var(--muc)}
.hop-dn .phu{margin:0 0 20px;color:var(--muc2);font-size:12.5px}
.hop-dn label{display:block;font-weight:700;font-size:13.5px;margin:13px 0 5px}
.hop-dn input{width:100%;padding:11px 13px;border:1.5px solid var(--vien-dam);border-radius:13px;
  background:var(--trang);color:var(--muc);outline:none;
  transition:border-color .18s var(--nhip),box-shadow .18s var(--nhip)}
.hop-dn input:focus{border-color:var(--t500);box-shadow:0 0 0 4px rgba(11,143,161,.13)}
.nut-chinh{width:100%;margin-top:16px;padding:12px 18px;background:var(--cam);color:#40260a;
  border:none;border-radius:11px;font-weight:700;font-size:13.5px;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  box-shadow:0 4px 14px -4px rgba(249,164,28,.7);
  transition:transform .18s var(--nhip),background .18s}
.nut-chinh:hover{background:var(--cam-dam);transform:translateY(-1px)}
.nut-chinh:disabled{opacity:.55;cursor:wait;transform:none}
.loi{margin-top:14px;padding:10px 12px;background:var(--do-nhat);color:#a02222;border-radius:11px;
  font-size:13.5px}
.o-mk{position:relative}
.o-mk button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;
  border:none;color:var(--muc3);padding:6px;line-height:0;border-radius:8px;display:flex}
.o-mk button:hover{color:var(--muc);background:var(--t50)}
/* ---- riêng app Đối soát doanh thu (tiền tố sdt-) — viết BẰNG lớp chuẩn, không chế da mới ---- */
/* ÁP PILL — chép nguyên PROMPT-TAB-PILL.md (thanh dính kính mờ · khay pill · pill trắng rời · nhấc −2px · tab chọn gradient theo --m).
   Áp cho CẢ HAI hàng: tab màn hình (Sổ ngày · Công nợ) và tab kỳ (Tháng này · Tháng trước · Năm nay) — Sếp chốt 03/10 08:10. */
nav#thanhTab{position:sticky;top:0;z-index:30;background:rgba(246,249,250,.86);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}
nav#thanhTab.dinh{border-bottom-color:var(--vien);box-shadow:0 8px 22px -14px rgba(6,43,51,.4)}
nav#thanhTab .twrap{max-width:1140px;margin:0 auto;padding:10px 15px 6px}
nav#thanhTab .chips{display:flex;gap:5px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:6px 2px 16px;margin:-6px -2px -16px}
nav#thanhTab .chips::-webkit-scrollbar{display:none}
nav#thanhTab .chips+.chips{margin-top:4px}
/* cùng một bộ pill cho thanh dính VÀ ngăn trong popup (.sdt-chips) — một CSS, không nhân bản */
:is(nav#thanhTab .chips>button:not(.nut-excel),.sdt-chips>button){background:var(--trang);border:1px solid var(--vien);border-radius:24px;padding:7px 10px 7px 6px;font-size:12px;font-weight:600;color:var(--muc);white-space:nowrap;display:flex;align-items:center;gap:7px;box-shadow:var(--b1);transition:transform .18s var(--nhip),box-shadow .18s var(--nhip),border-color .18s,background .18s var(--nhip)}
:is(nav#thanhTab .chips>button:not(.nut-excel),.sdt-chips>button) .ic{width:12px;height:12px;stroke-width:2.2;color:#fff;flex-shrink:0;background:linear-gradient(145deg,var(--m,var(--t600)),var(--m2,var(--t700)));border-radius:50%;padding:4px;box-sizing:content-box}
:is(nav#thanhTab .chips>button:not(.nut-excel),.sdt-chips>button):hover{transform:translateY(-2px);border-color:var(--mn,var(--t100));box-shadow:0 12px 22px -12px var(--m,var(--t600))}
:is(nav#thanhTab .chips>button,.sdt-chips>button).chon{background:linear-gradient(145deg,var(--m,var(--t600)),var(--m2,var(--t700)));border-color:var(--m2,var(--t700));color:#fff;font-weight:700;box-shadow:0 6px 16px -6px var(--m,var(--t600))}
:is(nav#thanhTab .chips>button,.sdt-chips>button).chon .ic{background:rgba(255,255,255,.22)}
.ky-ngay{display:inline-flex;align-items:center;gap:6px;margin-left:8px}
.ky-ngay input[type=date]{border:1.5px solid var(--vien-dam);border-radius:10px;padding:6px 9px;font-size:13px;background:var(--trang);color:var(--muc);outline:none}
.ky-ngay .mui{color:var(--muc3)}.chips .day{flex:1}
nav#thanhTab .nut-excel{padding:8px 14px;font-size:13px}
.htitle .sub .cham-song{width:7px;height:7px;border-radius:50%;background:#5ee0b0;display:inline-block;margin-right:5px;vertical-align:1px}
.htitle .sub .cham-song.cu{background:var(--cam)}#nguonChinh{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap}
.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.luoi.g5{margin:12px 0 13px}
.so-lon{cursor:default;padding:11px 14px 10px}.so-lon .gt{font-size:22px;margin:4px 0 2px}.so-lon .phu{font-size:11.5px}
.so-lon .tt-dem{display:flex;gap:4px;margin:7px 0 2px;flex-wrap:nowrap}
.so-lon .tt-dem span{flex:1;min-width:0;text-align:center;font-size:10px;font-weight:800;padding:3px 2px;border-radius:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-khop{background:var(--xanh-nhat);color:#116b41}.s-lech{background:var(--do-nhat);color:#a02222}.s-kt{background:#eaf0f2;color:var(--muc2)}.s-chot{background:var(--t100);color:var(--t700)}
/* bảng ngày — chuẩn table + dòng gọn */
.sdt-bang table{border-collapse:separate;border-spacing:0}
.sdt-bang th{position:sticky;top:0;z-index:2;padding:8px 10px;text-align:left}
.sdt-bang th:not(:first-child){text-align:right}.sdt-bang th:not(:first-child) .th-label{justify-content:flex-end}
.sdt-bang th .th-label{display:flex;align-items:center;gap:7px}
.sdt-bang th .th-ico{width:11px;height:11px;padding:4px;box-sizing:content-box;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--mk,var(--t500)),var(--mk2,var(--t700)));stroke-width:2.2}
.sdt-bang td{height:56px;padding:4px 10px;border-bottom:1px solid var(--t50);vertical-align:middle;font-size:11.5px;white-space:nowrap}
.sdt-bang tbody tr:nth-child(even) td{background:#f8fbfc}.sdt-bang tbody tr[data-ngay]{cursor:pointer}
.sdt-bang tbody tr[data-ngay]:hover td{background:var(--t50)}.sdt-bang tbody tr[data-ngay]:hover td:first-child{box-shadow:inset 3px 0 var(--t600)}
.sdt-bang tr.dong-chua td:first-child{box-shadow:inset 3px 0 var(--do)}
.sdt-bang tr.dong-chot td{background:var(--t50)}.sdt-bang tr.dong-chot td:first-child{box-shadow:inset 3px 0 var(--t600)}
.sdt-bang col:nth-child(1){width:16.5%}.sdt-bang col:nth-child(2){width:18%}.sdt-bang col:nth-child(3){width:22%}.sdt-bang col:nth-child(4){width:29.5%}.sdt-bang col:nth-child(5){width:14%}
.sdt-bang td:nth-child(4){padding-left:28px}
.cell-main{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0;max-width:100%;overflow:hidden;font-size:15px;line-height:1.25;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.sdt-bang td{line-height:1.25}.so-lon{padding:10px 14px 9px}.so-lon .gt{margin:3px 0 1px}
.cell-main .nho-tien{font-size:11.5px;font-weight:600;color:var(--muc2)}
.sdt-bang td:first-child .cell-main{justify-content:flex-start;font-size:17px;color:var(--muc)}
.cell-sub{margin-top:1px;color:var(--muc2);font-size:10.5px;line-height:1.25;font-weight:500;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.so-lon .phu{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4}.so-lon .gt{white-space:nowrap}
.sdt-bang tr.nghi{opacity:.5}.sdt-bang tr.nghi td{height:32px;padding-top:3px;padding-bottom:3px;font-weight:600}
.sdt-bang tr.nghi td:not(:first-child):not(:last-child){color:transparent}
.sdt-bang tr.tong td{background:var(--t50);border-top:2px solid var(--t600);font-weight:800}
.tt-nhan,.co{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:10px;font-size:10px;font-weight:800;white-space:nowrap;line-height:1.5}
.tt-nhan.nhan-chinh{padding:4px 9px;border-radius:12px;font-size:12px}
.tt-nhan.khop{background:var(--xanh-nhat);color:#116b41}.tt-nhan.chot{background:var(--t100);color:var(--t700)}
.tt-nhan.chua_khop,.co.do{background:var(--do-nhat);color:#a02222}.tt-nhan.kiem_tra,.co.xam{background:#eaf0f2;color:var(--muc2)}
.co.vang{background:var(--vang-nhat);color:var(--vang)}.co.info{background:var(--lam-nhat);color:var(--lam)}
.badges{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-top:3px}.badges .co{max-width:100%;overflow:hidden;text-overflow:ellipsis}
/* thẻ mobile = .hd-the của chuẩn */
.hd-the-ds{gap:8px}.hd-the{grid-template-columns:1fr auto;align-items:center}.hd-the .dau{align-items:center}
.hd-the .gt-the{font-size:17px;font-weight:800;color:var(--muc);font-variant-numeric:tabular-nums}
.hd-the .phu-the{grid-column:1/-1;font-size:11px;color:var(--muc2);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.hd-the.nghi{opacity:.55;grid-template-columns:1fr auto;padding:8px 12px}
/* popup theo ÁP (Sếp bắt 03/10 08:47 "popup tầng trong chưa tối ưu theo ÁP"): dải tóm tắt = .so-lon như thẻ tổng ngoài trang · ngăn = pill chuẩn (.sdt-chips) · mỗi khối = .the.km khối màu (viền trái 3px + h2 + icon tròn gradient + đầu bảng nhuộm --mk2) · hộp vẫn trồi lên --b3 */
.hd-hop{width:min(1080px,100%);--mk:var(--t600);--mk2:var(--t700);--mkn:var(--t50)}.hd-hop.nho-hop{width:min(620px,100%)}
.hd-hop-dau{align-items:center}.hd-hop-dau .phu .tt-nhan{font-size:11px}
.hd-hop-than{gap:10px}
.sdt-tomtat{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.sdt-tomtat .so-lon{padding:8px 12px 7px;border-radius:12px;cursor:default}
.sdt-tomtat .so-lon .gt{font-size:17px;line-height:1.35;margin:2px 0 0;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdt-tomtat .so-lon .phu{font-size:11px;line-height:1.3;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdt-tomtat .so-lon .gt .tt-nhan{font-size:11.5px;padding:3px 9px;border-radius:12px;vertical-align:1px}
.sdt-tomtat .so-lon:hover{transform:none;box-shadow:var(--b1)}
.sdt-chips{display:flex;gap:5px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:6px 2px 16px;margin:-6px -2px -16px;flex:1;min-width:0}
.sdt-chips::-webkit-scrollbar{display:none}
.sdt-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sdt-tools .hd-xem{flex-wrap:wrap;justify-content:flex-end;gap:5px}
.hd-hop .hd-nut .ic{width:12px;height:12px;stroke-width:2.2}
.hd-hop .hd-nut.chinh:hover{background:var(--mk2);border-color:var(--mk2)}
.khoi-cum{display:grid;gap:10px}
.hd-hop .the{padding:12px 14px 13px;margin:0;border-radius:14px;min-width:0}
.hd-hop .the.km>h2{font-size:14px;margin:0 0 9px}
.hd-hop .the.km>h2 .dem{font-size:11px;background:var(--mkn);color:var(--mk2);border-radius:10px;padding:1px 8px;font-weight:700;letter-spacing:0;font-variant-numeric:tabular-nums}
.hd-hop .the.km .gan-cot h4{background:var(--mkn);color:var(--mk2)}
.hd-hop .the.km .nhom-head b{color:var(--mk2)}
.hd-hop .the.km .nhom:first-child{margin-top:0}.hd-hop .the.km .nhom:last-child{margin-bottom:0}
.hd-hop .the.km .hd-nut{color:var(--mk2)}.hd-hop .the.km .hd-nut:hover{border-color:var(--mk);background:var(--mkn)}
.the-khoi-v{font-size:13px;font-weight:600}.the-khoi-v>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 0}.the-khoi-v>div+div{border-top:1px solid var(--t50)}.the-khoi-v span{color:var(--muc2);font-weight:500}
.hd-hop table{font-size:12.5px}.hd-hop th,.hd-hop td{padding:6px 8px;vertical-align:middle}
/* MỘT KHUNG NHÌN (Sếp 03/10 09:05 "đang bị rớt ra khỏi trang · nhiều khoảng trống"): hộp không cao quá màn, thân cuộn bên trong; khối gọn, bảng chia cột theo nội dung */
.hd-lop{padding:18px 16px}
.hd-hop{max-height:calc(100vh - 36px);display:flex;flex-direction:column}
.hd-hop-dau{flex:none;padding:12px 18px}.hd-hop-than{overflow:auto;min-height:0;padding:12px 18px;gap:9px}.hd-hop-chan{flex:none}
.hd-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hd-g2.g32{grid-template-columns:3fr 2fr;gap:9px}
.khoi-cum{gap:9px}.hd-hop .the{padding:9px 12px 10px}.hd-hop .the.km>h2{font-size:13px;margin:0 0 6px}
.hd-hop .hd-cap{font-size:12.5px;gap:3px 10px}.hd-hop .hd-cap dd .tt-nhan{vertical-align:1px}
.hd-hop th,.hd-hop td{padding:5px 8px}
.sdt-tomtat .so-lon{padding:7px 11px 6px}.sdt-tomtat .so-lon .gt{font-size:16px}
.chip-don{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}
.hd-hop .hd-nut.nho{padding:2px 7px;font-size:11.5px;border-radius:8px;gap:3px}.hd-hop .hd-nut.nho .t{font-weight:600;color:var(--muc2)}
.hd-hop .hd-nut.tinh{cursor:default;color:var(--muc)}
.hd-hop tr.lech td{background:#fffafa}.hd-hop tr.lech td:first-child{box-shadow:inset 3px 0 var(--do)}
.loai{display:inline-flex;padding:2px 7px;border-radius:9px;font-size:10.5px;font-weight:800;white-space:nowrap}
.loai.thu{background:#e6f5ea;color:#166534}.loai.chi{background:#fdeee6;color:#c2410c}.loai.ship{background:#e8effd;color:#1d4ed8}
.nho-inline{font-size:11.5px;color:var(--muc2);font-weight:500} /* chữ phụ nằm CÙNG DÒNG — .hd-nho của chuẩn là display:block, cấm gắn lên <td> */
.bangiao{margin:0;padding:8px 12px;display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;font-size:12.5px}.bangiao .ct{font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.5px;color:var(--cam-dam)}.bangiao .lich-su{margin:0;padding:0;border:0;flex-basis:100%;font-size:11.5px;color:var(--muc2)}
.hd-hop h3.sdt-h3{margin:4px 0 6px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--muc2)}
.nhom{margin:8px 0;padding:10px 12px;border:1px solid var(--vien);border-radius:12px}.nhom.lech{border-color:#efb6b2;background:#fffafa}
.nhom-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.nhom-head b{font-size:14px}.nhom-body{margin-top:8px}
.gan-cot{border:1px solid var(--vien);border-radius:10px;overflow:hidden}.gan-cot h4{padding:6px 10px;margin:0;background:var(--t50);font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muc2)}
.gan-hang{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-height:46px;padding:6px 10px;border:0;border-bottom:1px solid var(--vien);border-radius:0;background:#fff;text-align:left;font:inherit}
.gan-hang:last-child{border-bottom:0}.gan-hang .tien{text-align:right;font-weight:800;white-space:nowrap}.gan-hang b{font-size:13px}.gan-hang small{display:block;margin-top:1px;font-size:11px;color:var(--muc2)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{font-size:12px;font-weight:700}
.form-grid input,.form-grid select{width:100%;margin-top:4px;padding:9px;border:1.5px solid var(--vien-dam);border-radius:9px;font-size:13.5px}.full{grid-column:1/-1}
.form-grid input:focus{border-color:var(--t500);box-shadow:0 0 0 4px rgba(11,143,161,.13);outline:none}
.bangiao{border-left:3px solid var(--cam);background:var(--cam-nhat);border-radius:0 12px 12px 0}
.the-san{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:104px}
.the-san>div{align-self:start;min-width:0}.the-san>div>span,.the-san>div>small{display:block;margin-top:3px}.the-san .hd-nut{justify-self:end;align-self:center}
.trang-thai-san{color:var(--t700)}.trang-thai-san.chua{color:var(--vang)}
.hang-huy{opacity:.45;text-decoration:line-through}.hang-da-ht{opacity:.55}.hang-da-ht .hd-nut:not(.mo-don){display:none}
.chip-ht{display:inline-flex;margin-top:3px;padding:2px 6px;border-radius:10px;background:var(--xanh-nhat);color:var(--xanh);font-size:10px;font-weight:700}
.tuoi-xam{color:var(--muc2)}.tuoi-cam{color:var(--vang);font-weight:700}.tuoi-do{color:var(--do);font-weight:800}
.ctu-bill{white-space:nowrap}.ctu-bill strong,.khach-hai strong{display:block}
small,.nho-xuong{display:block;margin-top:2px}.dong-trang-thai{display:block;margin-top:2px}
.bang-chi-tiet{min-width:860px}
.toast{position:fixed;right:20px;bottom:72px;z-index:100;padding:12px 16px;border-radius:10px;color:#fff;background:var(--xanh);box-shadow:var(--b2)}
.spinner-hook{position:fixed;pointer-events:none;opacity:0;animation:xongVe .65s linear}
@keyframes xongVe{from{opacity:.001}to{opacity:.002}}
.hd-lop{animation:hienra .18s ease-out}.hd-hop{animation:trolen .26s var(--nhip)}
@keyframes hienra{from{opacity:0}to{opacity:1}}@keyframes trolen{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.chip:hover{transform:translateY(-2px);box-shadow:0 12px 22px -12px var(--m,var(--t600));transition:transform .18s var(--nhip),box-shadow .18s var(--nhip)}
.so-lon{transition:transform .22s var(--nhip),box-shadow .22s var(--nhip)}.so-lon:hover{transform:translateY(-2px);box-shadow:var(--b2)}
main{padding-bottom:40px}
@media(max-width:700px){
 nav#thanhTab .twrap{padding:8px 12px 4px}nav#thanhTab .chips>button:not(.nut-excel){padding:6px 10px 6px 6px;font-size:12px;gap:6px}
 nav#thanhTab .chips{flex-wrap:nowrap}.ky-ngay{margin-left:4px}.ky-ngay input[type=date]{padding:5px 7px;font-size:12px;max-width:128px}
 .luoi.g5{display:flex;overflow-x:auto;gap:8px;margin:8px -12px 10px;padding:2px 12px 8px;scroll-snap-type:x proximity}
 .so-lon{flex:0 0 62%;scroll-snap-align:start}.so-lon .gt{font-size:19px}.sdt-bang{display:none}.hd-the-ds{display:grid}
 .sdt-tomtat{grid-template-columns:repeat(5,minmax(104px,1fr));overflow-x:auto}.sdt-tools{align-items:flex-start;flex-direction:column}
 .sdt-tools .sdt-chips{width:100%;flex:none;margin:-6px 0 -16px;padding:6px 0 16px}.sdt-tools .hd-xem{width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}
 .hd-the-ds{gap:8px}.the-san{min-height:0}main{padding-bottom:40px}
}
/* ── vỏ thật: form · công nợ · toast · header chờ (03/10) ── */
.form-grid label span{display:block;margin-bottom:2px}.form-grid label.chk{display:flex;align-items:center;gap:8px;font-weight:600}.form-grid label.chk input{width:auto;margin:0}
.hd-hop .hd-hop-chan{padding:10px 18px 14px}
.hd-hop .ghi-chu{background:var(--xanh-nhat);border-left:3px solid var(--xanh);padding:8px 12px;border-radius:0 10px 10px 0;font-size:13px;color:#116b41}
.hd-hop .canh-bao{background:var(--cam-nhat);border-left:3px solid var(--cam);padding:8px 12px;border-radius:0 10px 10px 0;font-size:13px}.hd-hop .canh-bao.do,.canh-bao.do{background:var(--do-nhat);border-left-color:var(--do);color:#a02222}
.canh-bao{background:var(--cam-nhat);border-left:3px solid var(--cam);padding:10px 13px;border-radius:0 11px 11px 0;margin:10px 0 12px;font-size:13.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.co.khop-nho{background:var(--xanh-nhat);color:#116b41}.tt-nhan.nho{font-size:9.5px;padding:1px 6px}
.toast.do{background:var(--do)}
.hd-the.ket{background:var(--t50);border-color:var(--t100)}
.cn-kpi{margin:0 0 12px}.cn-loc{margin:0 0 12px;align-items:center}.cn-loc .nho-inline{margin-right:2px}
.thanh-loc{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bang-cn td{vertical-align:top}.bang-cn .chip-don .hd-nut.nho{margin:1px 0}
.bang-nam tr.tong{cursor:pointer}.bang-nam tr.tong:hover td{background:var(--t100)}
.htitle .sub .cu{color:var(--cam)}
#nguonChinh .cho-me{display:inline-block;width:150px;height:14px;border-radius:7px;background:rgba(255,255,255,.14);animation:tho 1.3s ease-in-out infinite}
@keyframes tho{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:700px){.hd-g3{grid-template-columns:minmax(0,1fr)}.hd-g2.g32{grid-template-columns:minmax(0,1fr)}.cn-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.sdt-tomtat{grid-template-columns:repeat(5,minmax(112px,1fr))}}
.badges .co{white-space:normal;text-align:right;line-height:1.3;max-width:100%}
.badges{align-items:flex-end}

/* ── Tab "Két tiền mặt" (SOATDOANHTHU.KETTIEN, vỏ Sếp chốt 03/10/2026 14:39 — CO vẽ, LA vá; mọi lớp tiền tố kt-) ── */
.kt-kpi{margin:12px 0 13px}
.kt-kpi .so-lon{height:100%}
.kt-kpi-nhan{background:var(--cam-nhat);border-color:#f2d49d;box-shadow:0 8px 22px -14px rgba(221,139,5,.75)}
.kt-kpi-nhan .gt{color:#a75d00}

.kt-cong-cu{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px 12px;align-items:center;margin:0 0 12px;padding:10px 12px;border:1px solid var(--vien);border-radius:12px;background:#fbfdfd}
.kt-ngay{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--muc2);white-space:nowrap}
.kt-ngay input{border:1.5px solid var(--vien-dam);border-radius:9px;padding:7px 9px;background:#fff;color:var(--muc)}
.kt-hanh-dong{display:flex;gap:6px;align-items:center}
.kt-chip-ds{display:flex;justify-content:flex-end;gap:6px;align-items:center;flex-wrap:wrap;min-width:0}
.kt-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:12px;background:var(--t50);color:var(--t700);font-size:11.5px;font-weight:700;white-space:nowrap}
.kt-chip-canh{background:var(--cam-nhat);color:#9a6207}

.kt-chua-moc{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 12px;padding:11px 13px;border-left:3px solid var(--cam);border-radius:0 11px 11px 0;background:var(--cam-nhat)}
.kt-chua-moc>div{display:flex;align-items:center;gap:9px;min-width:0;color:#7c5705}
.kt-chua-moc>div>span{display:grid;font-size:12.5px}
.kt-chua-moc b{color:#7c5705;font-size:13.5px}

.kt-khoi{border:1px solid var(--vien);border-radius:14px;background:#fff;margin:0 0 12px;padding:12px 14px;min-width:0}
.kt-khoi-dau{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}
.kt-khoi-dau h3{display:flex;align-items:center;gap:7px;margin:0;color:#854d0e;font-size:14px;font-weight:800}
.kt-khoi-dau h3 .ic{color:#fff;background:linear-gradient(145deg,var(--cam-dam),#9a5808);border-radius:50%;padding:4px;box-sizing:content-box}
.kt-khoi-dau p{margin:2px 0 0;color:var(--muc2);font-size:11.5px}
.kt-khoi table{font-size:12.5px}
.kt-khoi th{background:#854d0e;padding:7px 8px}
.kt-khoi td{padding:7px 8px;vertical-align:middle}
.kt-khoi tbody tr:hover td{background:var(--cam-nhat)}
.kt-khoi td:first-child{font-weight:700}

.kt-chu-giai{display:flex;align-items:center;justify-content:flex-end;gap:10px 14px;flex-wrap:wrap;font-size:11.5px;color:var(--muc2)}
.kt-chu-giai span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.kt-mau{display:inline-block;width:9px;height:9px;border-radius:3px}
.kt-xanh{background:var(--xanh)}
.kt-vang{background:var(--cam)}
.kt-xam{background:#d8e0e3}

.kt-thuoc-cuon{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--vien);border-radius:12px;background:linear-gradient(#fff,#fbfdfd);max-width:100%}
.kt-thuoc{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(34px,1fr);align-items:end;gap:4px;min-width:900px;height:230px;padding:10px 10px 8px}
.kt-ngay-cot{height:100%;display:grid;grid-template-rows:34px minmax(0,1fr) 16px 18px;gap:2px;align-items:stretch;min-width:0;border-radius:7px;padding:2px}
.kt-ngay-cot.kt-hom-nay{outline:2px solid #854d0e;outline-offset:-1px;background:var(--cam-nhat)}
.kt-moc-nop{align-self:end;display:flex;align-items:center;justify-content:center;gap:2px;min-width:0;padding:2px 3px;border-radius:6px;font-size:10px;font-weight:800;line-height:1.15;text-align:center;overflow:visible;white-space:nowrap;position:relative;z-index:1}
.kt-moc-nop .ic{width:10px;height:10px}
.kt-moc-nop.kt-khop{background:var(--xanh-nhat);color:#116b41}
.kt-moc-nop.kt-cho{background:#eef1f3;color:var(--muc2)}
.kt-moc-nop.kt-lech,.kt-moc-nop.kt-quahan{background:var(--do-nhat);color:#a02222}
.kt-moc-trong{height:1px}
.kt-cot{height:100%;min-height:68px;display:flex;flex-direction:column-reverse;overflow:hidden;border:1px solid #d8e2e4;border-radius:6px 6px 3px 3px;background:#f1f5f6}
.kt-cot.kt-nghi{background:repeating-linear-gradient(135deg,#edf1f2,#edf1f2 5px,#e2e8ea 5px,#e2e8ea 10px);border-color:#d6dfe2}
.kt-phan{min-height:0}
.kt-da-nop{background:linear-gradient(#26a875,var(--xanh))}
.kt-con-ket{background:linear-gradient(#ffc352,var(--cam))}
.kt-kiem-dau{height:16px;text-align:center;color:#854d0e;font-size:9px;line-height:16px}
.kt-nhan-ngay{text-align:center;color:var(--muc2);font-size:9px;white-space:nowrap}

.kt-tt{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:10px;font-size:10.5px;font-weight:800;white-space:nowrap}
.kt-tt.kt-khop{background:var(--xanh-nhat);color:#116b41}
.kt-tt.kt-cho{background:#eef1f3;color:var(--muc2)}
.kt-tt.kt-lech,.kt-tt.kt-quahan{background:var(--do-nhat);color:#a02222}

.kt-nguon{display:inline-flex;margin-left:4px;padding:2px 6px;border-radius:9px;font-size:9.5px;font-weight:800;white-space:nowrap}
.kt-nguon.kt-nhan{background:var(--xanh-nhat);color:#116b41}
.kt-nguon.kt-nop{background:var(--cam-nhat);color:#9a6207}
.kt-nguon.kt-may{background:#eaf0f2;color:var(--muc2)}

.kt-phu{display:block;margin-top:1px;color:var(--muc2);font-size:10.5px;font-weight:500;line-height:1.35}
.kt-do{color:var(--do)!important;font-weight:800}
.kt-xanh-chu{color:var(--xanh);font-weight:800}
.kt-dong-nghi{opacity:.55}
.kt-rut-sec td{padding:4px 8px!important;background:#f5f7f8!important;color:var(--muc2);font-size:10.5px;font-weight:500!important;text-align:left!important}
.kt-rut-sec .ic{display:inline-block;vertical-align:-2px;margin-right:5px}

.kt-bang-nop col,.kt-bang-ngay col,.kt-bang-kiem col{min-width:0}
.kt-bang-nop th:nth-child(1){width:14%}
.kt-bang-nop th:nth-child(2){width:15%}
.kt-bang-nop th:nth-child(3){width:18%}
.kt-bang-nop th:nth-child(4){width:16%}
.kt-bang-nop th:nth-child(5){width:15%}
.kt-bang-nop th:nth-child(6){width:22%}
.kt-bang-ngay th:nth-child(1){width:15%}
.kt-bang-ngay th:nth-child(2){width:19%}
.kt-bang-ngay th:nth-child(3){width:15%}
.kt-bang-ngay th:nth-child(4){width:17%}
.kt-bang-ngay th:nth-child(5){width:17%}
.kt-bang-ngay th:nth-child(6){width:17%}
.kt-bang-kiem th:nth-child(1){width:16%}
.kt-bang-kiem th:nth-child(2),.kt-bang-kiem th:nth-child(3),.kt-bang-kiem th:nth-child(4){width:15%}
.kt-bang-kiem th:nth-child(5){width:17%}
.kt-bang-kiem th:nth-child(6){width:22%}

@media(max-width:700px){
  .kt-kpi{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible;margin:8px 0 10px;padding:0}
  .kt-kpi .so-lon{width:auto;min-width:0;flex:none}
  .kt-kpi .so-lon:last-child{grid-column:1/-1}
  .kt-cong-cu{grid-template-columns:minmax(0,1fr);align-items:stretch}
  .kt-ngay{justify-content:space-between}
  .kt-hanh-dong{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .kt-hanh-dong .hd-nut{justify-content:center;min-width:0}
  .kt-chip-ds{justify-content:flex-start}
  .kt-chip{white-space:normal}
  .kt-chua-moc{align-items:flex-start;flex-direction:column}
  .kt-khoi{padding:10px}
  .kt-khoi-dau{flex-direction:column}
  .kt-chu-giai{justify-content:flex-start}
  .kt-thuoc{grid-auto-columns:34px;min-width:900px}
  .kt-khoi .cuon table{min-width:760px}
  .kt-bang-nop{min-width:820px!important}
  .kt-bang-ngay{min-width:760px!important}
  .kt-bang-kiem{min-width:680px!important}
}

.kt-moc-nop.kt-tusk,.kt-tt.kt-tusk{background:#fdf3d8;color:#8a5a00}
.kt-moc-nop.kt-trai{justify-self:start;justify-content:flex-start}.kt-moc-nop.kt-phai{justify-self:end;justify-content:flex-end}

/* Vá 03/10 (KETTIEN): ở khổ hẹp lề âm -2px của hàng pill làm cả trang nhích ngang 2px (đo: scrollX = 2 ở 390px; bản mockup chốt 03/10 cũng dính) */
@media (max-width:700px){nav#thanhTab .chips{margin-left:0;margin-right:0}}
.kt-moc-nop.kt-chi-icon{justify-content:center;padding:2px;background:transparent}.kt-moc-nop.kt-chi-icon .ic{width:12px;height:12px}
/* nhãn mốc nộp tràn quá bề rộng cột ⇒ nền chỉ phủ nửa chữ (soi 03/10) — bỏ nền, giữ màu CHỮ theo trạng thái */
.kt-moc-nop{background:transparent!important}