/* Nen tang */
*{box-sizing:border-box;min-width:0}
html,body{margin:0;padding:0;max-width:100%}
/* Khong dung '-webkit-font-smoothing:antialiased': no TAT viec to dam duoi diem anh, net chu mong di - chu tieng Viet nhieu dau cang kho doc. */
body{background:var(--nen);color:var(--chu);font:var(--chu-14)/1.5 var(--font)}
a{color:var(--mau-chinh);text-decoration:none}
button{font-family:inherit}
img,table{max-width:100%}
/* DUNG CHUNG - o du lieu cua MOI bang canh TREN: dong co o nhieu chu thi cac o khac nam tren cung.
   Tru khung soan / xem truoc Mau in - to in giu kieu cua mau (khung in that khong nap file nay). */
td{vertical-align:top}
:is(.mi-than-mau, .mi-xem) td{vertical-align:revert}
.o-bang,.the-noi-dung{overflow-wrap:break-word;word-break:break-word}
.mot-dong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bang-cuon{overflow-x:auto;-webkit-overflow-scrolling:touch}
.an{display:none !important}

/* Thanh dau trang */
.thanh-dau{height:var(--cao-dau-trang);background:var(--nen-the);border-bottom:1px solid var(--vien);
  display:flex;align-items:center;padding:0 var(--cach-4);gap:var(--cach-4);position:sticky;top:0;z-index:99}
.logo{display:flex;align-items:center;gap:var(--cach-2);font-weight:700;font-size:var(--chu-16);color:var(--chu)}
.logo-hinh{width:26px;height:26px;border-radius:7px;background:var(--mau-chinh);color:#fff;
  display:grid;place-items:center;font-size:var(--chu-12);font-weight:700}
.dau-phai{margin-left:auto;display:flex;align-items:center;gap:var(--cach-1)}
.muc-dau{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--bo-goc);
  color:var(--chu-phu);font-size:var(--chu-13);background:none;border:0;cursor:pointer}
.muc-dau:hover{background:var(--nen-phu);color:var(--chu)}
.muc-dau i{font-size:var(--chu-14)}
/* O tron tai khoan la HINH NGUOI. Mau lay tu chu de dang chon */
.avatar{width:30px;height:30px;border-radius:50%;background:var(--mau-chinh-nhat);
  color:var(--mau-chinh);display:grid;place-items:center;border:0;cursor:pointer}
.avatar .hinh{width:18px;height:18px}
.avatar:hover{background:var(--mau-chinh);color:var(--mau-chinh-chu)}
.cham-xanh{width:6px;height:6px;border-radius:50%;background:var(--mau-thanh-cong);display:inline-block}

/* Nut sang khu Ban hang - chi hien o khu Tiep nhan, dat ngay canh avatar */
.nut-sang-khu{display:flex;align-items:center;gap:6px;padding:6px 12px;
  border-radius:var(--bo-goc);background:var(--mau-chinh);color:#fff;font-size:var(--chu-13);
  font-weight:500;white-space:nowrap}
.nut-sang-khu:hover{background:var(--mau-chinh-dam);color:#fff}
.nut-sang-khu .hinh{width:16px;height:16px}
/* gom ve CUNG MOC 1200px voi cac nut khac tren thanh dau trang */
@media(max-width:1200px){ .nut-sang-khu .chu-dau{display:none} .nut-sang-khu{padding:7px 9px} }

/* Bang mau chu de */
.bang-mau{display:grid;grid-template-columns:repeat(3,34px);gap:10px;padding:12px}
.o-mau{width:34px;height:30px;border-radius:var(--bo-goc);border:0;cursor:pointer;position:relative}
/* Dau tick ve bang hai net vien - bo font rut gon KHONG co hinh fa-check. */
.o-mau[data-chon]::after{content:"";position:absolute;left:50%;top:50%;
  width:6px;height:11px;margin:-8px 0 0 -3px;
  border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg)}

/* Thanh menu chinh */
.thanh-menu{height:var(--cao-menu);background:var(--mau-chinh);display:flex;align-items:center;
  padding:0 var(--cach-3);gap:2px;position:sticky;top:var(--cao-dau-trang);z-index:97;
  overflow-x:auto;overflow-y:visible;scrollbar-width:none}
/* z-index cua thanh menu la 55 + position:sticky => NO TAO MOT NGU CANH XEP LOP. */
.thanh-menu::-webkit-scrollbar{display:none}
.muc-menu-chinh{display:block;color:#fff;padding:8px 14px;border-radius:var(--bo-goc);
  font-size:var(--chu-14);white-space:nowrap;opacity:.92;position:relative}
.muc-menu-chinh:hover{background:rgba(255,255,255,.14);opacity:1}
.muc-menu-chinh.dang-o{background:rgba(0,0,0,.22);opacity:1;font-weight:600}

/* Bang menu con xo xuong khi re chuot */
/* Bang dung position:fixed nen thanh menu cuon ngang duoc ma khong cat mat bang. Vi tri ngang do JS dat theo o menu dang re (xem chung.js). */
/* flex-shrink:0 de cac muc menu khong bi bop chong chu khi man hinh hep - luc do thanh menu cuon ngang */
.nhom-menu{position:static;flex:0 0 auto}
/* so nay chi co tac dung BEN TRONG ngu canh xep lop cua .thanh-menu (xem chu thich o .thanh-menu). */
.bang-menu-con{position:fixed;top:calc(var(--cao-dau-trang) + var(--cao-menu));left:0;z-index:99;display:none;
  background:var(--nen-the);border:1px solid var(--vien);border-radius:0 0 var(--bo-goc-lon) var(--bo-goc-lon);
  border-top:0;box-shadow:0 14px 34px rgba(15,23,42,.16);
  padding:var(--cach-4);gap:var(--cach-5);white-space:nowrap}
/* Vung dem vo hinh phia tren de chuot di tu menu xuong bang khong bi mat */
.bang-menu-con::before{content:'';position:absolute;top:-6px;left:0;right:0;height:6px}
.nhom-menu.co-bang:hover .bang-menu-con,
.nhom-menu.co-bang:focus-within .bang-menu-con{display:flex}

.cum-menu{display:flex;flex-direction:column;gap:2px;min-width:170px}
.ten-cum{font-size:var(--chu-12);font-weight:700;color:var(--chu-phu);text-transform:uppercase;
  letter-spacing:.03em;padding:0 8px 6px;margin-bottom:2px;border-bottom:1px solid var(--vien)}
.muc-menu-con{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:var(--bo-goc);
  font-size:var(--chu-13);color:var(--chu)}
.muc-menu-con:hover{background:var(--mau-chinh-nhat);color:var(--mau-chinh)}
.muc-menu-con.dang-o{background:var(--mau-chinh-nhat);color:var(--mau-chinh);font-weight:600}
.muc-menu-con.chua-lam{color:var(--chu-mo);cursor:default}
.muc-menu-con.chua-lam:hover{background:transparent;color:var(--chu-mo)}
.nhan-sap-co{font-style:normal;font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;
  background:var(--nen-canh-bao);color:var(--mau-canh-bao)}

/* Man hinh hep: bang menu con trai het chieu ngang, cac cum xep doc */
@media(max-width:760px){
  .bang-menu-con{left:0 !important;right:0;flex-direction:column;gap:var(--cach-4);
    max-height:calc(100vh - var(--cao-dau-trang) - var(--cao-menu) - 20px);overflow-y:auto;
    border-radius:0}
  .cum-menu{min-width:0}
}
.nhan-moi{position:absolute;top:-2px;right:0;background:var(--mau-loi);color:#fff;font-size:9px;
  padding:1px 4px;border-radius:4px;font-weight:700}
/* Nut "Bán hàng" o GOC PHAI thanh menu xanh: nen TRANG, chu cung mau xanh cua thanh, cao 27/36 chieu cao thanh, cach mep phai mot khoang. */
.nut-ban-hang{margin-left:auto;background:#fff;color:var(--mau-chinh);font-weight:600;
  height:30px;padding:0 14px;border-radius:var(--bo-goc);display:inline-flex;
  align-items:center;gap:7px;white-space:nowrap;flex:0 0 auto;
  font-size:var(--chu-13);text-decoration:none;margin-right:var(--cach-1)}
.nut-ban-hang:hover{background:#f2f6fc;color:var(--mau-chinh-dam)}
.nut-ban-hang.dang-o{box-shadow:0 0 0 2px rgba(255,255,255,.55)}
/* Hinh trong nut an theo mau chu, khong de mau rieng */
.nut-ban-hang .hinh{width:16px;height:16px;flex:none}
/* man RONG chi chu "Bán hàng"; man HEP (duoi 1200px) doi lai - bo chu, chi con hinh gio hang. */
.nut-ban-hang .hinh-hep{display:none;align-items:center}
@media(max-width:1200px){
  .nut-ban-hang .hinh-hep{display:inline-flex}
  .nut-ban-hang .chu-nut{display:none}
  .nut-ban-hang{padding:0 9px}
}
/* Thanh menu cuon ngang (overflow-x:auto) thi margin-left:auto mat tac dung khi day muc dai hon be ngang - luc do nut van bam duoi cung, dung cho no co lai */
.thanh-menu>.nut-ban-hang{position:sticky;right:0}

/* Bo cuc trang */
.than-trang{display:flex;align-items:flex-start;gap:var(--cach-4);padding:var(--cach-4);max-width:100%}
.cot-loc{width:var(--rong-cot-loc);flex:0 0 var(--rong-cot-loc)}
.tieu-de-trang{font-size:var(--chu-20);font-weight:600;margin:0 0 var(--cach-3)}
.the-loc{background:var(--nen-the);border:1px solid var(--vien);border-radius:var(--bo-goc-lon);
  padding:var(--cach-4);box-shadow:var(--do-bong)}
.nhom-loc{margin-bottom:var(--cach-4)}
.nhom-loc:last-child{margin-bottom:0}
.nhan-loc{display:flex;justify-content:space-between;align-items:center;font-weight:600;
  font-size:var(--chu-13);margin-bottom:6px}
.lien-ket-nho{font-size:var(--chu-12);font-weight:500}
.nhan-phu{font-size:var(--chu-11);color:var(--chu-phu);margin-bottom:4px}
.vung-phai{flex:1;min-width:0}

/* O nhap dung chung */
.o-nhap{width:100%;padding:7px 10px;border:1px solid var(--vien);border-radius:var(--bo-goc);
  font-size:var(--chu-13);font-family:inherit;background:#fff;color:var(--chu)}
.o-nhap:focus{outline:0;border-color:var(--mau-chinh);box-shadow:0 0 0 2px var(--mau-chinh-nhat)}
.o-nhap::placeholder{color:var(--chu-mo)}
.o-nho{width:auto;padding:4px 8px}
.dong-radio{display:flex;align-items:center;gap:8px;margin-bottom:6px;cursor:pointer}
.dong-radio input{accent-color:var(--mau-chinh);width:15px;height:15px;flex:0 0 auto}
.o-gia{flex:1;padding:7px 10px;border:1px solid var(--vien);border-radius:var(--bo-goc);
  font-size:var(--chu-13);display:flex;justify-content:space-between;align-items:center;
  background:#fff;color:var(--chu-phu);cursor:pointer}
.o-gia i{font-size:11px;color:var(--chu-mo)}
.dong-radio input:checked + .o-gia{border-color:var(--mau-chinh);color:var(--chu)}
.dong-tick{display:flex;align-items:center;gap:8px;margin-bottom:6px;cursor:pointer;font-size:var(--chu-13)}
.dong-tick input{accent-color:var(--mau-chinh);width:15px;height:15px;flex:0 0 auto}
.khoang-so{display:flex;align-items:center;gap:0;margin-bottom:6px}
.nhan-canh{padding:7px 10px;background:var(--nen-phu);border:1px solid var(--vien);border-right:0;
  border-radius:var(--bo-goc) 0 0 var(--bo-goc);font-size:var(--chu-13);color:var(--chu-phu);min-width:44px}
.khoang-so .o-nhap{border-radius:0 var(--bo-goc) var(--bo-goc) 0}
.nhom-nut-chon{display:flex;flex-wrap:wrap;gap:6px}
.nut-chon{padding:5px 14px;border:1px solid var(--vien);border-radius:20px;background:#fff;
  font-size:var(--chu-13);color:var(--chu-phu);cursor:pointer}
.nut-chon.dang-chon{background:var(--mau-chinh);border-color:var(--mau-chinh);color:#fff;font-weight:500}
.o-the{min-height:34px;border:1px solid var(--vien);border-radius:var(--bo-goc);padding:4px;
  display:flex;flex-wrap:wrap;gap:4px;align-items:center;background:#fff;cursor:text}
.the-chon{background:var(--mau-chinh);color:#fff;border-radius:4px;padding:2px 6px;
  font-size:var(--chu-12);display:inline-flex;align-items:center;gap:6px}
/* Dau X phai co khung that de bam duoc ke ca khi font icon chua tai xong */
.the-chon i{cursor:pointer;font-size:11px;opacity:.85;flex:0 0 14px;width:14px;height:14px;
  display:inline-flex;align-items:center;justify-content:center}
.the-chon i:hover{opacity:1}
.o-the-nhap{border:0;outline:0;flex:1;min-width:60px;font-size:var(--chu-13);font-family:inherit}
.o-chon-tim{position:relative}
/* O chon o cot loc: da chon thi hien THE nen xanh, o go co lai nam canh the */
.o-chon-tim.o-the{cursor:text}
.o-chon-tim.o-the .o-the-nhap{padding:2px 4px;background:none;min-width:40px}
/* Da co the thi o go co lai vua cho trong con lai - khong tu day xuong dong thu hai lam o loc cao gap doi. */
.o-chon-tim.co-the .o-the-nhap{flex:1 1 20px;min-width:20px}
.the-chon i[data-xoa-chon]{cursor:pointer}
/* O chon nhieu: the vuot cho thi an, the "+n" gom phan con lai */
.o-chon-nhieu .the-chon.the-an{display:none}
.o-chon-nhieu .the-chon.the-du{background:var(--mau-chinh-nhat);color:var(--chu-phu)}
/* Cung hai lop do cho o loc kieu doc the */
.o-doc-the .the-chon.the-an{display:none}
.o-doc-the .the-chon.the-du{background:var(--mau-chinh-nhat);color:var(--chu-phu)}
/* The "Tất cả" o dau o loc khi da tick het moi muc. Cung mau the thuong, chi khac la khong mang gia tri loc nao. */
.o-chon-nhieu .the-chon.the-tat-ca{order:-1}
.lop-noi-goi-y{display:none;position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;
  border:1px solid var(--vien);border-radius:var(--bo-goc);box-shadow:var(--do-bong-noi);
  max-height:260px;overflow:auto;z-index:70} 
.lop-noi-goi-y.mo{display:block}
.goi-y-dong{padding:7px 10px;font-size:var(--chu-13);cursor:pointer}
.goi-y-dong:hover{background:var(--mau-chinh-nhat)}

/* Thanh cong cu */
.thanh-cong-cu{display:flex;align-items:center;gap:var(--cach-2);margin-bottom:var(--cach-3);flex-wrap:wrap}
.o-tim-khung{position:relative;flex:0 1 380px;min-width:200px}
.bieu-tuong-tim{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--chu-mo);font-size:var(--chu-13)}
.o-tim{width:100%;padding:8px 38px 8px 32px;border:1px solid var(--vien);border-radius:var(--bo-goc);
  font-size:var(--chu-13);font-family:inherit}
.o-tim:focus{outline:0;border-color:var(--mau-chinh)}
/* BO nut "x" trinh duyet tu ve. */
.o-tim::-webkit-search-cancel-button,
.o-tim::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.nut-icon-trong{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;
  border:0;color:var(--chu-phu);cursor:pointer;padding:4px}
.nhom-nut-cc{margin-left:auto;display:flex;align-items:center;gap:var(--cach-2);flex-wrap:wrap}
.nut{padding:7px 14px;border-radius:var(--bo-goc);font-size:var(--chu-13);cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;white-space:nowrap}
.nut-chinh{background:var(--mau-chinh);color:#fff;font-weight:500}
.nut-chinh:hover{background:var(--mau-chinh-dam)}
.nut-vien{background:#fff;border-color:var(--mau-chinh);color:var(--mau-chinh);font-weight:500}
.nut-vien:hover{background:var(--mau-chinh-nhat)}
.nut-phu{background:#fff;border-color:var(--vien);color:var(--chu)}
.nut-phu:hover{background:var(--nen-phu)}
.nut-nguy-hiem{background:#d64545;color:#fff;font-weight:500;border-color:#d64545}
.nut-nguy-hiem:hover{background:#b93a3a;border-color:#b93a3a}
.nut-icon{width:34px;height:34px;border:1px solid var(--vien);border-radius:var(--bo-goc);background:#fff;
  color:var(--chu-phu);cursor:pointer;display:grid;place-items:center}
.nut-icon:hover{background:var(--nen-phu);color:var(--chu)}
.nut-icon.dang-mo{border-color:var(--mau-chinh);color:var(--mau-chinh)}
.nho{font-size:10px}

/* Lop noi - popover */
.nut-co-menu{position:relative}
.lop-noi{display:none;position:absolute;top:calc(100% + 4px);right:0;background:#fff;
  border:1px solid var(--vien);border-radius:var(--bo-goc);box-shadow:var(--do-bong-noi);
  min-width:190px;z-index:70;padding:6px 0} 
.lop-noi.mo{display:block}
.lop-noi .muc-menu{display:block;padding:9px 16px;font-size:var(--chu-13);color:var(--chu)}
.lop-noi .muc-menu:hover{background:var(--mau-chinh-nhat)}
.lop-cot{min-width:400px;padding:12px}
.luoi-cot{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px}

/* Bang du lieu */
.bang-cuon{background:var(--nen-the);border:1px solid var(--vien);border-radius:var(--bo-goc-lon);
  box-shadow:var(--do-bong);position:relative}
.bang-du-lieu{width:100%;border-collapse:collapse;font-size:var(--chu-13)}
.bang-du-lieu th{background:var(--mau-chinh-nhat);color:var(--chu);font-weight:600;text-align:left;
  padding:10px 12px;white-space:nowrap;position:sticky;top:0;z-index:2}
.bang-du-lieu td{padding:9px 12px;border-bottom:1px solid var(--vien);vertical-align:top}
/* lop phu thay mau nen co dinh - xem --phu-hover o bien.css */
.bang-du-lieu tbody tr:hover td{background-image:linear-gradient(var(--phu-hover),var(--phu-hover))}
.bang-du-lieu .canh-phai{text-align:right}
.bang-du-lieu .canh-giua{text-align:center}
.dong-tong td{background:var(--nen-the);font-weight:700;border-bottom:1px solid var(--vien-dam);
  position:sticky;top:37px;z-index:1}
.cot-tien-ich{width:36px;text-align:center}
.ghim-trai{position:sticky;left:0;background:var(--nen-the);z-index:3;text-align:center}
.ghim-trai-2{position:sticky;left:36px;background:var(--nen-the);z-index:3;text-align:center}
.bang-du-lieu th.ghim-trai,.bang-du-lieu th.ghim-trai-2{background:var(--mau-chinh-nhat);z-index:4}
.nut-sao{background:none;border:0;color:var(--chu-mo);cursor:pointer;font-size:var(--chu-13)}
.nut-sao.da-danh-dau{color:var(--mau-canh-bao)}
.ma-chinh{font-weight:500}
.bang-trong{text-align:center;color:var(--chu-phu);padding:40px !important}
.bang-du-lieu input[type=checkbox]{accent-color:var(--mau-chinh);width:15px;height:15px}

/* Nhan trang thai */
.nhan{display:inline-block;padding:2px 9px;border-radius:12px;font-size:var(--chu-12);
  font-weight:500;white-space:nowrap}
.nhan-xanh{background:var(--nen-thanh-cong);color:#136c3d}
.nhan-vang{background:var(--nen-canh-bao);color:#8a5800}
.nhan-do{background:var(--nen-loi);color:#a02a2a}
.nhan-duong{background:var(--nen-thong-tin);color:#1560d0}
.nhan-xam{background:var(--nen-phu);color:var(--chu-phu)}

/* Phan trang */
.phan-trang{display:flex;align-items:center;gap:var(--cach-3);padding:var(--cach-3);
  background:var(--nen-the);border:1px solid var(--vien);border-top:0;
  border-radius:0 0 var(--bo-goc-lon) var(--bo-goc-lon);flex-wrap:wrap;font-size:var(--chu-13)}
.nhan-pt{color:var(--chu-phu)}
.nut-trang{display:flex;align-items:center;gap:2px;margin-left:auto}
.nut-icon-nho{width:28px;height:28px;border:0;background:none;color:var(--chu-phu);cursor:pointer;border-radius:4px}
.nut-icon-nho:hover:not(:disabled){background:var(--nen-phu);color:var(--mau-chinh)}
.nut-icon-nho:disabled{color:var(--chu-mo);cursor:default}
.o-trang{width:44px;text-align:center;padding:4px;border:1px solid var(--vien);border-radius:4px;font-family:inherit}
.chu-pt{color:var(--mau-canh-bao);margin-left:auto}

/* Hop thoai */
.nen-mo{position:fixed;inset:0;background:rgba(16,24,40,.45);z-index:100;display:none;
  align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto}
.nen-mo.mo{display:flex}
.hop-thoai{background:#fff;border-radius:var(--bo-goc-lon);width:100%;max-width:560px;
  box-shadow:0 20px 60px rgba(16,24,40,.3)}
.hop-thoai.rong{max-width:900px}
.ht-dau{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;
  border-bottom:1px solid var(--vien)}
.ht-dau h3{margin:0;font-size:var(--chu-16);font-weight:600}
.ht-than{padding:20px}
/* Hop nhap mot dong chu cua he (hoiNhapChu) */
.hn-nhan{display:block;margin-bottom:var(--cach-2);color:var(--chu);font-size:var(--chu-13)}
.ht-chan{display:flex;justify-content:flex-end;gap:var(--cach-2);padding:14px 20px;border-top:1px solid var(--vien)}
.nut-dong{background:none;border:0;color:var(--chu-phu);cursor:pointer;font-size:var(--chu-16);padding:4px}
.the-chon-lon{border:1px solid var(--vien);border-radius:var(--bo-goc);padding:18px;text-align:center;
  cursor:pointer;margin-bottom:12px}
.the-chon-lon:hover{border-color:var(--mau-chinh);background:var(--mau-chinh-nhat)}
.the-chon-lon b{display:block;font-size:var(--chu-14);margin-bottom:6px}
.the-chon-lon span{font-size:var(--chu-12);color:var(--chu-phu)} 

/* Toast */
.khay-toast{position:fixed;top:70px;right:20px;z-index:200;display:flex;flex-direction:column;gap:10px}
.toast{background:#fff;border-left:4px solid var(--mau-thanh-cong);border-radius:var(--bo-goc);
  box-shadow:var(--do-bong-noi);padding:12px 16px;display:flex;align-items:flex-start;gap:10px;
  min-width:280px;max-width:380px;font-size:var(--chu-13);animation:hien-toast .18s ease}
@keyframes hien-toast{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
.toast i{font-size:var(--chu-16);margin-top:1px;flex:none}
/* Chu dai lien mot khoi (ten file dai) khong co cho ngat thi ep hinh ben trai co lai.
   Cho phan chu co duoc va ngat giua tu dai; hinh va nut X giu nguyen co. */
.toast > div{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.toast .nut-dong{flex:none}
.toast-thanh_cong{border-left-color:var(--mau-thanh-cong)} .toast-thanh_cong i{color:var(--mau-thanh-cong)}
.toast-thong_tin{border-left-color:var(--mau-thong-tin)}   .toast-thong_tin i{color:var(--mau-thong-tin)}
.toast-canh_bao{border-left-color:var(--mau-canh-bao)}     .toast-canh_bao i{color:var(--mau-canh-bao)}
.toast-loi{border-left-color:var(--mau-loi)}               .toast-loi i{color:var(--mau-loi)}

/* Tong quan */
.luoi-tq{display:grid;grid-template-columns:1fr 300px;gap:var(--cach-4);align-items:start}
/* Tong quan mot cot tran het be ngang */
.luoi-tq.luoi-tq-mot{grid-template-columns:minmax(0,1fr)}
.the-tq{background:var(--nen-the);border:1px solid var(--vien);border-radius:var(--bo-goc-lon);
  padding:var(--cach-4);box-shadow:var(--do-bong);margin-bottom:var(--cach-4)}
.the-tq h3{margin:0 0 var(--cach-3);font-size:var(--chu-16);font-weight:600}
/* Dau the: tieu de ben trai, cum bo loc LUON nam ben phai - het cho xuong dong van ep phai */
.tq-dau-the{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.tq-loc{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}
/* Hai the Top 10 nam canh nhau, man hep xep doc cho o loc khong bi cut chu */
.tq-luoi-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--cach-4)}
@media(max-width:700px){.tq-luoi-top{grid-template-columns:minmax(0,1fr)}}
.dai-so{display:flex;flex-wrap:wrap;gap:var(--cach-5)}
.o-so{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:180px;
  padding-right:var(--cach-5);border-right:1px solid var(--vien)}
.o-so:last-child{border-right:0}
.o-so-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:var(--mau-chinh-nhat);color:var(--mau-chinh);font-size:var(--chu-13);flex:0 0 auto}
.o-so-nhan{font-size:var(--chu-12);color:var(--chu-phu);margin-bottom:3px}
.o-so-gia{font-size:var(--chu-20);font-weight:700;line-height:1.2}
.o-so-phu{font-size:var(--chu-11);color:var(--chu-mo);margin-top:2px}
.tang{color:var(--mau-thanh-cong)} .giam{color:var(--mau-loi)}
.tab-phu{display:flex;gap:var(--cach-4);border-bottom:1px solid var(--vien);margin-bottom:var(--cach-4)}
.tab-phu a{padding:8px 2px;color:var(--chu-phu);font-size:var(--chu-13);border-bottom:2px solid transparent}
.tab-phu a.dang-o{color:var(--mau-chinh);border-bottom-color:var(--mau-chinh);font-weight:600}
.thanh-ngang{margin-bottom:var(--cach-3)}
.thanh-ngang-nhan{font-size:var(--chu-12);margin-bottom:3px;color:var(--chu)}
.thanh-ngang-vach{height:20px;background:var(--mau-chinh);border-radius:2px;position:relative;min-width:2px}
.thanh-ngang-gia{font-size:var(--chu-12);color:var(--chu-phu);position:absolute;left:calc(100% + 8px);
  top:50%;transform:translateY(-50%);white-space:nowrap}
.hoat-dong{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--vien);font-size:var(--chu-12)}
.hoat-dong:last-child{border-bottom:0}
.hoat-dong-icon{color:var(--chu-mo);flex:0 0 auto;margin-top:2px}
.hoat-dong-luc{color:var(--chu-mo);font-size:var(--chu-11);margin-top:2px}
.bieu-do-cot{display:flex;align-items:flex-end;gap:6px;height:220px;padding-top:10px}
.cot-bd{flex:1;max-width:60px;display:flex;flex-direction:column;justify-content:flex-end;gap:1px}
.cot-bd-phan{background:var(--mau-chinh);border-radius:2px 2px 0 0}
.chu-giai{display:flex;gap:var(--cach-4);flex-wrap:wrap;font-size:var(--chu-12);
  color:var(--chu-phu);margin-top:var(--cach-3);justify-content:center}
.chu-giai span{display:flex;align-items:center;gap:6px}
.o-mau-nho{width:10px;height:10px;border-radius:2px}

/* Dang nhap va cai dat */
.trang-giua{min-height:100vh;display:grid;place-items:center;padding:20px}
.the-giua{background:#fff;border:1px solid var(--vien);border-radius:var(--bo-goc-lon);
  padding:32px;width:100%;max-width:400px;box-shadow:var(--do-bong)}
.the-giua.rong{max-width:560px}
.the-giua h2{margin:0 0 6px;font-size:var(--chu-20);text-align:center}
.the-giua .phu{text-align:center;color:var(--chu-phu);font-size:var(--chu-13);margin-bottom:24px}
.o-form{margin-bottom:var(--cach-4)}
.o-form label{display:block;font-size:var(--chu-13);font-weight:500;margin-bottom:6px}
.o-form .o-nhap{padding:9px 12px;font-size:var(--chu-14)}
.bao-loi{background:var(--nen-loi);color:#a02a2a;padding:10px 14px;border-radius:var(--bo-goc);
  font-size:var(--chu-13);margin-bottom:var(--cach-4)}
.bao-ok{background:var(--nen-thanh-cong);color:#136c3d;padding:10px 14px;border-radius:var(--bo-goc);
  font-size:var(--chu-13);margin-bottom:var(--cach-4)}

/* Man dang nhap rieng (co tab Dang nhap / Dang ky) */
.man-dang-nhap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;
  background:
    radial-gradient(circle at 20% 20%, rgba(59,130,246,.15), transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(139,92,246,.15), transparent 50%),
    linear-gradient(135deg,#f5f7fb,#e0e7ff)}
.the-dang-nhap{width:440px;max-width:calc(100vw - 32px);background:var(--nen-the);
  border:1px solid var(--vien);border-radius:16px;padding:32px 32px 28px;
  box-shadow:0 30px 60px rgba(15,23,42,.12),0 10px 20px rgba(15,23,42,.06)}

.the-dang-nhap.rong{width:520px}
.hieu-shop{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px;
  font-size:22px;font-weight:800;letter-spacing:.04em;color:var(--mau-chinh)}
.hieu-shop i{font-size:26px}
.loi-mo{text-align:center;color:var(--chu-phu);font-size:var(--chu-13);line-height:1.6;
  margin:-8px 0 22px}

/* Dau muc chia doan trong man cai dat */
.doan-dn{display:flex;align-items:center;gap:8px;margin-top:6px;padding-bottom:8px;
  border-bottom:1px solid var(--vien);
  font-size:var(--chu-13);font-weight:700;color:var(--chu-phu);text-transform:uppercase;
  letter-spacing:.03em}
.doan-dn i{color:var(--mau-chinh)}
.hang-dn{display:grid;grid-template-columns:1fr 120px;gap:14px}

.tab-dang-nhap{display:flex;border-bottom:1px solid var(--vien);margin-bottom:22px}
.tab-dn{flex:1;padding:12px 0;font-size:var(--chu-14);font-weight:600;color:var(--chu-phu);
  background:transparent;border:0;cursor:pointer;position:relative;transition:color .15s}
.tab-dn:hover{color:var(--chu)}
.tab-dn.dang-o{color:var(--mau-chinh);font-weight:700}
.tab-dn.dang-o::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:var(--mau-chinh)}

.form-dn{display:flex;flex-direction:column;gap:14px}
.form-dn[hidden]{display:none}
.o-dn{display:flex;flex-direction:column;gap:6px}
.o-dn label{font-size:var(--chu-13);font-weight:700;color:var(--mau-chinh)}
.vien-dn{position:relative;display:flex;align-items:center;background:var(--nen-phu);
  border:1px solid var(--vien);border-radius:10px;transition:all .15s}
.vien-dn:focus-within{border-color:var(--mau-chinh);background:var(--nen-the);
  box-shadow:0 0 0 3px var(--mau-chinh-nhat)}
.vien-dn input{width:100%;padding:12px 14px;background:transparent;border:0;outline:0;
  font-size:var(--chu-14);color:var(--chu)}
.vien-dn input::placeholder{color:var(--chu-mo)}
.mat-dn{padding:0 12px;font-size:18px;color:var(--chu-phu);background:transparent;border:0;cursor:pointer}
.mat-dn:hover{color:var(--mau-chinh)}

.nho-dn{display:flex;align-items:center;gap:8px;margin-top:4px;cursor:pointer;user-select:none;
  font-size:var(--chu-13);color:var(--chu-phu)}
.nho-dn input{width:16px;height:16px;margin:0;accent-color:var(--mau-chinh);cursor:pointer}

.tin-dn{padding:10px 12px;border-radius:8px;font-size:var(--chu-13);line-height:1.4;
  margin-bottom:var(--cach-4)}
.tin-dn.loi{background:rgba(239,68,68,.1);color:#b91c1c;border:1px solid rgba(239,68,68,.2)}
.tin-dn.xong{background:rgba(16,185,129,.1);color:#15803d;border:1px solid rgba(16,185,129,.2)}

.nut-dn{margin-top:12px;padding:14px;border:0;border-radius:10px;cursor:pointer;
  background:linear-gradient(135deg,var(--mau-chinh),var(--mau-chinh-dam));
  color:#fff;font-weight:700;font-size:var(--chu-14);
  display:flex;align-items:center;justify-content:center;gap:8px;
  transition:transform .15s,box-shadow .15s}
.nut-dn:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(11,99,214,.32)}

/* Dien thoai */
@media(max-width:1024px){ .luoi-tq{grid-template-columns:1fr} }
@media(max-width:760px){
  /* Thanh dau trang khong du cho -> giau bot chu, chi chua icon */
  .thanh-dau{padding:0 var(--cach-3);gap:var(--cach-2)}
  .logo span:not(.logo-hinh){display:none}
  .muc-dau{padding:6px;font-size:0}
  .muc-dau i{font-size:var(--chu-14)}
  .muc-dau .cham-xanh{display:none}
}
@media(max-width:640px){
  .than-trang{flex-direction:column;padding:var(--cach-3)}
  .cot-loc{width:100%;flex:auto}
  .thanh-cong-cu{flex-direction:column;align-items:stretch}
  .nhom-nut-cc{margin-left:0}
  .o-tim-khung{flex:auto}
  .lop-cot{min-width:280px} .luoi-cot{grid-template-columns:1fr}
  .khay-toast{top:auto;bottom:16px;left:16px;right:16px}
  .toast{max-width:none}
  .o-so{border-right:0;min-width:140px}
}

/* Hai khu lam viec: Ban hang (menu ngang) / CSKH (thanh canh) */
.nut-thu-gon{width:32px;height:32px;border:0;border-radius:var(--bo-goc);background:var(--nen-phu);
  color:var(--chu-phu);cursor:pointer;display:grid;place-items:center;flex:0 0 32px}
.nut-thu-gon:hover{background:var(--vien);color:var(--chu)}

.nut-doi-khu{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 var(--cach-3);
  border-radius:var(--bo-goc);background:var(--mau-chinh);color:#fff;font-weight:600;white-space:nowrap}
.nut-doi-khu:hover{background:var(--mau-chinh-dam);color:#fff}
.so-viec-dau{background:rgba(255,255,255,.28);border-radius:9px;padding:0 6px;font-size:var(--chu-11)}

/* Menu ngang hai tang cua khu Tiep nhan */
/* Tang 1: nhom lon, nen xanh, dinh duoi thanh dau trang */
.menu-crm{background:var(--mau-chinh);display:flex;align-items:stretch;padding:0 var(--cach-2);
  position:sticky;top:var(--cao-dau-trang);z-index:55;overflow-x:auto}
.menu-crm::-webkit-scrollbar{height:0}
.muc-crm{display:flex;align-items:center;gap:7px;height:42px;padding:0 var(--cach-4);
  color:#fff;opacity:.88;white-space:nowrap;font-weight:500;
  border-bottom:3px solid transparent}
.muc-crm:hover{opacity:1;background:rgba(255,255,255,.1);color:#fff}
.muc-crm.dang-chon{opacity:1;background:rgba(255,255,255,.16);border-bottom-color:#fff;font-weight:600}
.muc-crm>i{font-size:var(--chu-13)}
.dem-nhom{background:rgba(255,255,255,.25);border-radius:9px;padding:0 6px;
  font-size:var(--chu-11);font-weight:700}

/* Tang 2: tab cua nhom dang mo, nam NGAY DUOI thanh xanh */
.tab-crm{background:var(--nen-the);border-bottom:1px solid var(--vien);display:flex;gap:2px;
  padding:0 var(--cach-3);overflow-x:auto;position:sticky;
  top:calc(var(--cao-dau-trang) + 42px);z-index:54;box-shadow:0 1px 3px rgba(16,24,40,.05)}
.tab-crm::-webkit-scrollbar{height:0}
.muc-tab{display:flex;align-items:center;gap:6px;height:40px;padding:0 var(--cach-4);
  white-space:nowrap;font-size:var(--chu-13);color:var(--chu-phu);
  border-bottom:2px solid transparent}
.muc-tab:hover{color:var(--chu);background:var(--nen-phu)}
.muc-tab.dang-chon{color:var(--mau-chinh);border-bottom-color:var(--mau-chinh);font-weight:600}
.dem-tab{background:var(--nen-loi);color:var(--mau-loi);border-radius:8px;padding:0 5px;
  font-size:var(--chu-11);font-weight:700}

/* Thanh loc man Tong quan */
.thanh-loc-tq{background:var(--nen-the);border-bottom:1px solid var(--vien);padding:var(--cach-2) var(--cach-4);
  display:flex;align-items:center;gap:var(--cach-2);flex-wrap:wrap;position:relative;z-index:25}
.boc-tuy-chon{position:relative}
.lop-tuy-chon{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid var(--vien);
  border-radius:var(--bo-goc);box-shadow:var(--do-bong-noi);padding:var(--cach-4);display:none;z-index:70}
/* z-index o tren phai bang '.lop-noi' (70) */
.lop-tuy-chon.mo{display:block}
.luoi-tuy-chon{display:grid;grid-template-columns:repeat(3,auto);gap:var(--cach-4) var(--cach-5)}
.nhom-tuy-chon{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.ten-nhom-tc{font-size:var(--chu-12);font-weight:600;color:var(--chu-phu);margin-bottom:2px}

/* Trang chua lam xong */
.trang-sap-co{padding:var(--cach-6) var(--cach-4);text-align:center;color:var(--chu-phu)}
.trang-sap-co i{font-size:34px;color:var(--vien-dam);margin-bottom:var(--cach-3)}
.trang-sap-co h2{margin:0 0 var(--cach-2);color:var(--chu);font-size:var(--chu-16)}

/* Bang kieu CRM: sua truc tiep, pheu loc cot */

/* Pheu loc tren tieu de cot */
.bang-du-lieu th{position:relative}
.pheu-loc{position:absolute;right:2px;top:50%;transform:translateY(-50%);
  border:0;background:transparent;color:var(--chu-nhat);cursor:pointer;
  font-size:11px;line-height:1;padding:3px 4px;border-radius:3px;opacity:.4;transition:.12s}
.bang-du-lieu th:hover .pheu-loc{opacity:.85}
.pheu-loc:hover{opacity:1;background:rgba(0,0,0,.07)}
.pheu-loc.dang-loc{opacity:1;color:#fff;background:var(--mau-chinh)}

/* O sua truc tiep tren bang */
.o-sua{width:100%;min-width:0;max-width:100%;border:1px solid transparent;background:transparent;
  border-radius:3px;padding:2px 4px;font:inherit;color:inherit;outline:0}
td:hover>.o-sua{border-color:var(--vien)}
.o-sua:focus{border-color:var(--mau-chinh);background:#fff;
  box-shadow:0 0 0 2px rgba(13,110,253,.14)}
/* So 0 to do - hang chua dat gia ban, xem luat 'do_khi_0' ben dung_bang.php */
.o-sua.o-sua-do{color:var(--mau-loi);font-weight:600}
.o-sua[contenteditable]{min-height:20px;white-space:pre-wrap;cursor:text}
.o-sua.o-dang-luu{opacity:.55}
.o-sua.o-da-luu{border-color:#1e9e5a;background:#e8f7ef}
select.o-sua{cursor:pointer}

/* Mau nen dong theo tinh trang, giong he CRM */
tr.dong-homnay>td{background:#fff8dd}
tr.dong-vang>td{background:#fffbe6}
tr.dong-do>td{background:#fdeced}
tr.dong-luc>td{background:#e9f7ef}
tr.dong-xam>td{background:#f3f4f6;color:var(--chu-nhat)}
.bang-du-lieu tbody tr:hover>td{filter:brightness(.975)}

/* The ten nguoi co mau rieng */
.the-nguoi{display:inline-block;max-width:100%;min-width:0;
  padding:1px 8px;border-radius:10px;
  color:#fff;font-size:var(--chu-12);font-weight:600;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;vertical-align:middle}

/* Cot thao tac cuoi dong */
.cot-thao-tac{width:64px;text-align:center;white-space:nowrap}
.nut-o{border:0;background:transparent;color:var(--chu-nhat);cursor:pointer;
  padding:3px 5px;border-radius:3px;line-height:1;opacity:0;transition:.12s}
tr:hover .nut-o{opacity:.75}
/* Trong man phieu nut xoa dong luon hien san, khong can re chuot vao moi thay. */
.bang-phieu .nut-o{opacity:.7;color:var(--chu-phu)}
.bang-phieu tr:hover .nut-o{opacity:1}
.nut-o:hover{opacity:1;background:rgba(0,0,0,.07)}
.nut-o-xoa:hover{background:#fdeced;color:#d64545}

/* O xo tinh trang giu mau giong the nhan */
select.o-sua[data-mau]{font-weight:600;border-radius:10px;padding:2px 4px;text-align:left;min-width:122px}
select.o-sua[data-mau="vang"]{background:#fff4d6;color:#8a6100}
select.o-sua[data-mau="xanh"]{background:#e3f6ec;color:#146c43}
select.o-sua[data-mau="do"]{background:#fbe3e5;color:#b02a37}
select.o-sua[data-mau="duong"]{background:#e3eefc;color:#0b5ed7}
select.o-sua[data-mau="xam"]{background:#eef0f2;color:#565e66}

/* Be ngang cot: chu khong bi be vun thanh nhieu dong */
.bang-du-lieu td,.bang-du-lieu th{white-space:nowrap}
.bang-du-lieu td>.o-sua[contenteditable]{white-space:pre-wrap;min-width:150px;max-width:280px}
.bang-du-lieu tbody td{max-width:320px;overflow:hidden;text-overflow:ellipsis}
/* Cot khai 'nhieu_dong': chu XUONG DONG cho doc het, dong bang cao len theo noi dung - khong cat bot bang dau "...". */
.bang-du-lieu td.o-nhieu-dong{white-space:normal;word-break:break-word;
  overflow:visible;text-overflow:clip;min-width:180px;max-width:300px;line-height:1.45}
.bang-du-lieu th.o-nhieu-dong{white-space:nowrap}

/* Man hinh loc bang pheu tren tieu de cot thi khong co cot loc trai */
.than-trang.khong-cot-loc{display:block}
.than-trang.khong-cot-loc>.vung-phai{width:100%;min-width:0}

/* Loi nhac cach loc tren thanh cong cu, kieu CRM */
.loi-nhac-loc{font-size:var(--chu-12);color:var(--chu-mo);white-space:nowrap}
.nut.dang-loc{border-color:var(--mau-chinh);color:var(--mau-chinh);background:var(--mau-chinh-nhat)}

/* The tu khoa dang tim, hien ben thanh cong cu khi o tim chung co chu */
.the-tim{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;
  border:1px solid var(--mau-chinh);border-radius:var(--bo-goc);
  background:var(--mau-chinh-nhat);color:var(--mau-chinh-dam);font-size:var(--chu-13)}
.the-tim:hover{background:#fff}
.the-tim>i:last-child{opacity:.6}
.the-tim:hover>i:last-child{opacity:1}
/* Thanh cong cu khong con o tim rieng -> nhom nut day sang phai */
.thanh-cong-cu>.nhom-nut-cc{margin-left:auto}

/* Man hinh phieu dung chung cho moi chung tu */
.trang-phieu{padding:var(--cach-4)}
.phieu-dau{display:flex;align-items:center;gap:var(--cach-3);margin-bottom:var(--cach-4)}
.phieu-dau h2{font-size:var(--chu-20);margin:0;font-weight:600}
/* Be rong cot phai khai MOT CHO. */
.trang-phieu{--cot-phai:330px}
.phieu-than{display:flex;gap:var(--cach-4);align-items:flex-start}
.phieu-trai{flex:1;min-width:0;background:var(--nen-the);border:1px solid var(--vien);
  border-radius:var(--bo-goc-lon);padding:var(--cach-3);box-shadow:var(--do-bong)}
.phieu-phai{width:var(--cot-phai);flex:none;background:var(--nen-the);border:1px solid var(--vien);
  border-radius:var(--bo-goc-lon);padding:var(--cach-4);box-shadow:var(--do-bong)}

.o-tim-hang{position:relative;display:flex;align-items:center;gap:var(--cach-2);
  border:1px solid var(--vien);border-radius:var(--bo-goc);padding:0 var(--cach-3);
  margin-bottom:var(--cach-3);color:var(--chu-phu)}
.o-tim-hang input{flex:1;min-width:0;border:0;outline:0;padding:10px 0;font:inherit;
  font-size:var(--chu-14);background:transparent;color:var(--chu)}
/* NHANH RIENG khu BAN HANG (o tim hang tren man Ban hang). */
.goi-y-hang{display:none;position:absolute;left:0;right:0;top:100%;z-index:70;max-height:320px;
  overflow:auto;background:var(--nen-the);border:1px solid var(--vien);border-radius:var(--bo-goc);
  box-shadow:var(--do-bong-noi);margin-top:var(--cach-1)}
.goi-y-hang.mo{display:block}
/* Mot dong goi y tim hang: anh ben trai, ben phai ba dong ten hang / ma + gia / ton + khach dat */
.muc-goi-y{display:flex;align-items:center;gap:10px;padding:8px 12px;
  cursor:pointer;font-size:var(--chu-13);border-bottom:1px solid var(--vien)}
.muc-goi-y:last-child{border-bottom:0}
.muc-goi-y:hover,.muc-goi-y.dang-chon{background:var(--mau-chinh-nhat)}
.muc-goi-y .anh-goi-y{flex:none;width:46px;height:46px;border-radius:var(--bo-goc);
  object-fit:cover;background:var(--nen-phu)}
.anh-goi-y-trong{display:flex;align-items:center;justify-content:center;
  color:var(--mau-chinh);opacity:.55}
.goi-y-chu{flex:1;min-width:0;line-height:1.5}
.goi-y-ten{font-weight:600;color:var(--chu);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.goi-y-phu{display:flex;gap:var(--cach-4);font-size:var(--chu-12);color:var(--chu-phu)}
.goi-y-phu b{font-weight:400;color:var(--chu-phu);min-width:88px}
.goi-y-phu span{white-space:nowrap}
.muc-goi-y.trong{color:var(--chu-phu);cursor:default;display:block;padding:12px}

.bang-phieu .cot-stt{width:44px;text-align:center}
.bang-phieu .ten-hang{display:flex;flex-direction:column;line-height:1.35}
/* Dong ghi chu nam ngay duoi ten hang, kem nut but chi - bam la xo ra o go */
.dong-gc-hang{display:flex;align-items:center;gap:4px;margin-top:2px;
  font-size:var(--chu-12);color:var(--chu-phu)}
.dong-gc-hang .gc-chu{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dong-gc-hang .gc-trong{color:var(--chu-nhat)}
.nut-gc-hang{border:0;background:transparent;color:var(--chu-phu);cursor:pointer;
  padding:2px 4px;border-radius:3px;line-height:0;display:inline-flex}
.nut-gc-hang:hover{background:var(--mau-chinh-nhat);color:var(--mau-chinh)}
.lop-gc-hang{position:absolute;z-index:80;width:340px;padding:10px;
  background:var(--nen-the);border:1px solid var(--vien);border-radius:var(--bo-goc);
  box-shadow:var(--do-bong-noi)}
.lop-gc-hang textarea{width:100%;font:inherit;font-size:var(--chu-13)}
/* Lop sua nhanh gia ban - bat cong tac "Thiết lập giá" moi co */
.nut-gia-hang:hover{background:var(--mau-chinh-nhat);color:var(--mau-chinh)}
.lop-gia-hang{width:auto;display:flex;align-items:center;gap:var(--cach-2)}
.lop-gia-hang .nhan-lop-gia{font-size:var(--chu-12);color:var(--chu-phu);white-space:nowrap}
.lop-gia-hang input{width:120px;padding:4px 6px;font-size:var(--chu-13)}
.lop-gia-hang .nut{padding:4px 12px;font-size:var(--chu-12)}
.bang-phieu .ten-hang b{color:var(--mau-chinh);font-size:var(--chu-13)}
.bang-phieu .ten-hang span{color:var(--chu-phu);font-size:var(--chu-12)}
.bang-phieu .o-dong{width:100px;padding:4px 6px;font-size:var(--chu-13)}

.phieu-o .o-form{margin-bottom:var(--cach-3)}
.phieu-o label{display:block;font-size:var(--chu-12);color:var(--chu-phu);margin-bottom:var(--cach-1)}
.phieu-o .o-nhap{width:100%}
.phieu-tong{border-top:1px solid var(--vien);margin-top:var(--cach-4);padding-top:var(--cach-3)}
.dong-tong-phieu{display:flex;justify-content:space-between;align-items:center;
  padding:var(--cach-1) 0;font-size:var(--chu-13);color:var(--chu-phu)}
.dong-tong-phieu b{color:var(--chu);font-size:var(--chu-14)}
.dong-tong-phieu:last-child b{color:var(--mau-chinh);font-size:var(--chu-16)}
.phieu-nut{display:flex;flex-wrap:wrap;gap:var(--cach-2);margin-top:var(--cach-4)}
.phieu-nut .nut{flex:1;justify-content:center;min-width:120px}

@media (max-width:1024px){
  .phieu-than{flex-direction:column}
  .phieu-phai{width:100%}
}

/* PHAN BO SUNG - khung co dinh + cac o loc kieu moi */

:root{ --cao-tren:calc(var(--cao-dau-trang) + var(--cao-menu)) }

/* Ghim cot loc, thanh cong cu, tieu de bang, phan trang */
/* The loc cao bang vung bang ben phai du bo loc it hay nhieu - nhin nhat quan giua cac tab. Cot tu cuon ben trong khi bo loc dai hon man hinh. */
.cot-loc{position:sticky;top:calc(var(--cao-tren) + var(--cach-4));
  height:calc(100vh - var(--cao-tren) - var(--cach-4)*2);
  display:flex;flex-direction:column;overflow:visible}
.cot-loc>.the-loc{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:visible}
.vung-phai{display:flex;flex-direction:column;height:calc(100vh - var(--cao-tren) - var(--cach-4)*2)}
.thanh-cong-cu{flex:0 0 auto}
.bang-cuon{flex:1 1 auto;overflow:auto;min-height:140px;border-radius:var(--bo-goc-lon) var(--bo-goc-lon) 0 0}
.bang-du-lieu thead th{position:sticky;top:0;z-index:6;height:38px}
.bang-du-lieu thead tr.dong-tong td{position:sticky;top:38px;z-index:5;background:var(--nen-the)}
.bang-du-lieu th.ghim-trai,.bang-du-lieu th.ghim-trai-2{z-index:8}
.bang-du-lieu .dong-tong td.ghim-trai,.bang-du-lieu .dong-tong td.ghim-trai-2{z-index:7}
.phan-trang{flex:0 0 auto;background:var(--nen-the);border:1px solid var(--vien);border-top:0;
  border-radius:0 0 var(--bo-goc-lon) var(--bo-goc-lon);margin:0}
@media(max-width:900px){
  .cot-loc{position:static;height:auto}
  .cot-loc>.the-loc{overflow:visible}
  .vung-phai{height:auto}
  .bang-cuon{max-height:none}
}

/* Thanh cong cu: o tim + nut co chu */
.thanh-cong-cu .o-tim-khung{flex:0 1 420px}
/* Khu Tiep nhan: o tim CO DINH 420px thay vi co gian - thanh cong cu it nut, co gian thi o tim keo dai het cho trong. */
body[data-khu="cskh"] .thanh-cong-cu .o-tim-khung{flex:0 0 420px;max-width:100%}
.nut .chu-nut{margin:0 2px}
.nhom-nut-cc .nut{white-space:nowrap}

/* Lop tim nang cao: RONG BANG DUNG O TIM, khong dat be ngang co dinh */
.lop-tim-nc{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:70;
  background:#fff;border:1px solid var(--vien);border-radius:var(--bo-goc);
  box-shadow:var(--do-bong-noi);padding:12px}
.lop-tim-nc.mo{display:block}
.lop-tim-nc .o-nhap{margin-bottom:8px;width:100%}
.chan-tim-nc{display:flex;justify-content:flex-end}

/* Nut "tim kiem nang cao" (hai thanh truot) nam TRONG vien o tim, sat mep phai */
.o-tim-khung .nut-tim-nc{position:absolute;right:6px;top:50%;transform:translateY(-50%);
  width:24px;height:24px;padding:0;border:0;background:none;border-radius:5px;
  color:var(--chu-phu);cursor:pointer;display:grid;place-items:center}
.o-tim-khung .nut-tim-nc:hover{background:var(--mau-chinh-nhat);color:var(--mau-chinh)}
.o-tim-khung .nut-tim-nc.dang-mo{background:var(--mau-chinh-nhat);color:var(--mau-chinh)}
.o-tim-khung .nut-tim-nc .hinh{width:16px;height:16px}
.o-tim-khung .bieu-tuong-tim .hinh{width:15px;height:15px;display:block}

/* O loc: xoa lua chon, o loc con */
.o-chon-tim .nut-xoa-chon{position:absolute;right:6px;top:50%;transform:translateY(-50%);
  background:none;border:0;color:var(--chu-mo);cursor:pointer;font-size:var(--chu-12);padding:2px 4px}
.o-chon-tim .nut-xoa-chon:hover{color:var(--mau-loi)}
.o-chon-tim .o-chon-tim-nhap{padding-right:26px}
/* O chon co san MUI TEN XO: chua chon gi thi bay mui ten "v" nhu mot droplist binh thuong, chon roi moi doi thanh dau "x" de bo chon. */
.o-chon-tim .mui-xo-chon{position:absolute;right:9px;top:50%;transform:translateY(-50%);
  color:var(--chu-mo);pointer-events:none;display:flex}
.o-chon-tim.co-gia-tri .mui-xo-chon{display:none}
.o-chon-tim:not(.co-gia-tri) .nut-xoa-chon{display:none}
.loc-con{margin-top:8px}
.loc-con .nhom-loc{margin-bottom:0}

/* Lop noi chon khoang ngay dung san */
.nhom-loc{position:relative}
.lop-preset{display:none;position:fixed;z-index:120;
  background:#fff;border:1px solid var(--vien);border-radius:var(--bo-goc);
  box-shadow:var(--do-bong-noi);padding:14px;min-width:400px}
.lop-preset.mo{display:block}
/* So cot do PHP dat theo so nhom preset (Theo ngay/tuan/thang/quy/nam) */
.luoi-preset{display:grid;grid-template-columns:repeat(3,auto);gap:10px 18px;align-items:start}
.ten-cot-preset{font-size:var(--chu-12);color:var(--chu);font-weight:600;margin-bottom:8px;white-space:nowrap}
.nut-preset{display:block;width:100%;text-align:center;padding:6px 14px;margin-bottom:8px;
  border:1px solid var(--vien);border-radius:16px;background:#fff;font-size:var(--chu-12);
  font-family:inherit;color:var(--chu);cursor:pointer;white-space:nowrap}
.nut-preset:hover{border-color:var(--mau-chinh);color:var(--mau-chinh)}
.nut-preset.dang-chon{background:var(--mau-chinh);border-color:var(--mau-chinh);color:#fff}
.chan-preset{display:flex;justify-content:flex-end;margin-top:10px}

/* Lich hai thang */
.lop-lich{display:none;position:fixed;z-index:120;
  background:#fff;border:1px solid var(--vien);border-radius:var(--bo-goc);
  box-shadow:var(--do-bong-noi);padding:14px;width:520px}
.lop-lich.mo{display:block}
.dau-lich{font-size:var(--chu-12);color:var(--chu-phu);margin-bottom:10px}
.hai-thang{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dau-thang{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.dau-thang b{font-size:var(--chu-13);font-weight:600}
.dau-thang button{width:24px;height:24px;border:1px solid var(--vien);border-radius:4px;
  background:#fff;cursor:pointer;color:var(--chu-phu)}
.luoi-ngay{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.luoi-ngay .thu{font-size:var(--chu-11);color:var(--mau-chinh);padding:4px 0}
.luoi-ngay .thu.cn{color:var(--mau-loi)}
.o-ngay{padding:5px 0;border:0;background:none;border-radius:50%;cursor:pointer;
  font-size:var(--chu-12);font-family:inherit;color:var(--chu)}
.o-ngay.mo-nhat{color:var(--chu-mo)}
.o-ngay:hover{background:var(--mau-chinh-nhat)}
.o-ngay.dau,.o-ngay.cuoi{background:var(--mau-chinh);color:#fff}
.o-ngay.giua{background:var(--mau-chinh-nhat);border-radius:0}
.chan-lich{display:flex;align-items:center;gap:var(--cach-2);margin-top:12px}
.chan-lich .nut-hom-nay{margin-right:auto;background:none;border:0;color:var(--mau-chinh);
  cursor:pointer;font-size:var(--chu-13);font-family:inherit}

/* O tick nhieu dang lop noi (Nhom hang) */
.o-tick-noi{position:relative}
.o-doc{cursor:pointer;min-height:34px;display:flex;align-items:center}
.chu-tom-tat.mo{color:var(--chu-mo)}
.lop-tick{display:none;position:fixed;z-index:120;width:330px;
  background:#fff;border:1px solid var(--vien);border-radius:var(--bo-goc);box-shadow:var(--do-bong-noi)}
.lop-tick.mo{display:block}
.dau-lop-tick{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px}
.o-tim-tick{position:relative;padding:0 14px 10px}
.o-tim-tick i{position:absolute;left:24px;top:9px;color:var(--chu-mo);font-size:var(--chu-12)}
.o-tim-tick .o-nhap{padding-left:30px}
.ds-tick{max-height:300px;overflow:auto;padding:0 14px}
.ds-tick .dong-tick{padding:5px 0;margin-bottom:0}
.chan-lop-tick{display:flex;align-items:center;justify-content:space-between;
  padding:10px 14px;border-top:1px solid var(--vien)}

/* Anh trong bang va trong khoi chi tiet */
.anh-nho,.anh-lon{display:inline-grid;place-items:center;background:var(--nen-phu);
  border-radius:var(--bo-goc);overflow:hidden;color:var(--chu-mo)}
.anh-nho{width:34px;height:34px}
.anh-lon{width:120px;height:120px;font-size:28px}
.anh-nho img,.anh-lon img{width:100%;height:100%;object-fit:cover}

/* Khoi chi tiet bung duoi mot dong */
.dong-mo-duoc td{cursor:pointer}
.dong-mo-duoc.dang-mo td{background:var(--mau-chinh-nhat)}
/* Man khai 'bam_dong_mo_form': bam dong mo hop Sua. */
.dong-mo-form td{cursor:pointer}
.dong-chi-tiet > td{padding:0 !important;background:var(--nen-the)}
.khung-chi-tiet{border:2px solid var(--mau-chinh);border-top:0;padding:0}
.chi-tiet{padding:0 16px 12px}
.tab-chi-tiet{margin-bottom:var(--cach-4);padding-top:8px}
.than-tab-ct{min-height:80px}
.luoi-ct{display:flex;gap:var(--cach-5);align-items:flex-start}
.ct-noi-dung{flex:1;min-width:0}
.ct-ten{margin:0 0 6px;font-size:var(--chu-16);font-weight:600}
.ct-duong-dan{font-size:var(--chu-12);color:var(--chu-phu);margin-bottom:8px}
.ct-the{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--cach-4)}
.the-ct{font-size:var(--chu-12);padding:2px 10px;border-radius:12px}
.the-ct-duong{background:var(--nen-thong-tin);color:#1560d0}
.the-ct-cam{background:var(--nen-canh-bao);color:#8a5800}
.the-ct-xam{background:var(--nen-phu);color:var(--chu-phu)}
.the-ct-xanh{background:var(--nen-thanh-cong);color:#1a7f4b}
.the-ct-do{background:var(--nen-loi);color:#b02a3a}
.luoi-o-ct{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--cach-4) var(--cach-5)}
.o-ct-rong{grid-column:span 4}
.nhan-o-ct{font-size:var(--chu-12);color:var(--chu-phu);margin-bottom:4px}
.gia-o-ct{font-size:var(--chu-13);border-bottom:1px solid var(--vien);padding-bottom:5px;min-height:24px}
.bang-trong-ct{border:1px solid var(--vien);border-radius:var(--bo-goc)}
/* Bang con: ke vien phai cho o cuoi */
.bang-trong-ct thead th:last-child,
.bang-trong-ct tbody td:last-child{border-right:1px solid var(--vien)}
.chan-chi-tiet{display:block;margin-top:var(--cach-4);
  padding-top:var(--cach-3);border-top:1px solid var(--vien)}
/* Man khai bo cuc doc thi ca hai nhom nut nam TREN MOT HANG: nhom viec o trai, nhom nut chinh o phai. Cac man con lai xuong hai hang. */
.ct-phieu:has(.ct-phieu-ben-doc) .chan-chi-tiet,
.ct-phieu:has(.ct-phieu-ben-luoi2) .chan-chi-tiet,
.ct-phieu:has(.ct-phieu-ben-luoi) .chan-chi-tiet{display:flex;align-items:center;
  flex-wrap:wrap;gap:var(--cach-3)}
.ct-phieu:has(.ct-phieu-ben-doc) .chan-chi-tiet .nut-trai,
.ct-phieu:has(.ct-phieu-ben-luoi2) .chan-chi-tiet .nut-trai,
.ct-phieu:has(.ct-phieu-ben-luoi) .chan-chi-tiet .nut-trai{gap:var(--cach-4)}
/* Man khai 'chan_mot_hang': hai nhom nut nam CUNG mot hang, nhom chinh day sang phai. Man khac xuong hai hang. */
.chan-chi-tiet.chan-mot-hang{display:flex;align-items:center;
  gap:var(--cach-3);flex-wrap:wrap}
.chan-chi-tiet.chan-mot-hang .nut-trai{flex:1;min-width:0;flex-wrap:wrap}
.chan-chi-tiet .nut-phai{margin-left:auto;display:flex;gap:var(--cach-2)}
.chan-chi-tiet .nut-trai{display:flex;gap:var(--cach-2)}
.nut-chu{background:none;border:0;color:var(--chu-phu);cursor:pointer;font-size:var(--chu-13);
  font-family:inherit;display:flex;align-items:center;gap:6px}
.nut-chu:hover{color:var(--mau-chinh)}
.nut-chu-do:hover{color:var(--mau-loi)}
@media(max-width:900px){ .luoi-o-ct{grid-template-columns:repeat(2,1fr)} .o-ct-rong{grid-column:span 2} }

/* Hop thoai them / sua ban ghi */
.hop-rong{max-width:1140px}
.hop-cao .ht-than{max-height:60vh;overflow:auto}
/* Hop form ban ghi cao gan het man hinh - form dai (Khach hang co 28 o) khong bi ep vao khung ngan. */
.hop-rong .ht-than{max-height:calc(100vh - 190px);overflow:auto}
.the-chon-lon.canh-trai{text-align:left}
.tab-form{margin-bottom:var(--cach-4)}
.khoi-form{border:1px solid var(--vien);border-radius:var(--bo-goc);padding:14px 16px 4px;
  margin-bottom:var(--cach-4);position:relative;display:flex;gap:var(--cach-5)}
.khoi-form > legend{font-size:var(--chu-13);font-weight:600;padding:0 6px}
.khoi-form .luoi-form{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--cach-5)}
.o-form-rong{grid-column:span 2}
/* o khai 'hep' => true thi o nhap chi rong mot khuc, khong keo dai het nua hang. Danh cho truong so ngan (Thu tu, Vi do, Kinh do). */
.o-form-hep .o-nhap{max-width:190px}
.vung-anh-form{flex:0 0 160px;text-align:center}
.nut-them-anh{display:inline-flex;align-items:center;gap:6px;margin-top:10px;cursor:pointer}
.ghi-chu-form{font-size:var(--chu-11);color:var(--chu-mo);margin-top:6px}
.khoi-chan-form{display:flex;gap:var(--cach-5);padding-top:4px}
.khoi-chan-form .o-form{margin-bottom:0}
/* Chi giau NHAN cua o, KHONG duoc giau ca the <label> - o tick cung la <label>, giau het thi o "Bán trực tiếp" bien mat. */
.khoi-chan-form .o-form .nhan-o-form{display:none}
#formBanGhi .o-nhap.canh-phai{text-align:right}
#formBanGhi textarea.o-nhap{min-height:80px}

/* Cay nhom hang goi y */
.cay-goi-y .muc-cha{font-weight:600;margin-top:var(--cach-3)}
.cay-goi-y .muc-con{padding-left:24px}
.cay-goi-y .dong-tick{margin-bottom:4px}

/* Bang chon cot xep doc theo tung cot cho dung thu tu khai bao */
.lop-cot{min-width:440px}
.luoi-cot{grid-auto-flow:column}

/* Thanh cuon mong, nut thu gon bo loc, lop noi khong bi bang de, bang du lieu nhe nhang. */

/* Thanh cuon mong, mau nhat */
*{scrollbar-width:thin;scrollbar-color:#c8cfda transparent}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#c8cfda;border-radius:8px;border:2px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:#a9b3c2;background-clip:content-box}
::-webkit-scrollbar-corner{background:transparent}

/* Lop noi cua cot loc phai noi len tren bang cot-loc dung position:sticky nen tu tao mot lop rieng; khong nang z-index thi moi thu ben trong deu bi bang du lieu de len. */
.cot-loc{z-index:30}

/* Nut thu gon cot loc dat o GIUA canh phai cua cot loc, binh thuong AN di - dua chuot toi vung do moi hien. */
.than-trang{position:relative}
.nut-gon-loc{position:absolute;top:50%;transform:translateY(-50%);
  left:calc(var(--cach-4) + var(--rong-cot-loc) - 17px);
  width:34px;height:34px;border-radius:50%;border:1px solid var(--vien);background:#fff;
  color:var(--mau-chinh);cursor:pointer;z-index:35;display:grid;place-items:center;
  font-size:14px;box-shadow:0 2px 6px rgba(16,24,40,.18);
  opacity:0;visibility:hidden;transition:left .15s,opacity .15s}
/* CHI di chuot vao vung BO LOC (hoac vao chinh cai nut) thi nut moi hien. */
.than-trang:has(.cot-loc:hover) .nut-gon-loc,
.nut-gon-loc:hover,
.nut-gon-loc:focus-visible{opacity:1;visibility:visible}
.nut-gon-loc:hover{background:var(--mau-chinh-nhat)}
.nut-gon-loc i{transition:transform .15s}
body.gon-loc .cot-loc{display:none}
/* Da thu gon thi khong con vung bo loc de ro chuot vao - phai de nut hien thuong truc, khong thi khong co duong nao mo bo loc ra lai. */
body.gon-loc .nut-gon-loc{left:2px;opacity:1;visibility:visible}
body.gon-loc .nut-gon-loc i{transform:rotate(180deg)}

/* Dang nap lai bang */
.bang-cuon.dang-tai{opacity:.45;pointer-events:none;transition:opacity .12s}

/* Bang du lieu: nhe, thoang */
body{letter-spacing:.1px} 
.bang-du-lieu{font-size:var(--chu-13)}
.bang-du-lieu th{background:#eaf2fe;color:#33404f;font-weight:500;font-size:var(--chu-13);
  border-bottom:1px solid #dbe5f2;white-space:nowrap}
.bang-du-lieu td{border-bottom:1px solid #eef1f5;vertical-align:top;padding:10px 12px;color:var(--chu)}
/* lop phu thay cho mau nen co dinh - xem --phu-hover o bien.css */
.bang-du-lieu tbody tr:hover td{background-image:linear-gradient(var(--phu-hover),var(--phu-hover))}
.bang-du-lieu th.ghim-trai,.bang-du-lieu th.ghim-trai-2{background:#eaf2fe}
.bang-cuon{border-color:#e7eaf0}
.ma-chinh{color:var(--mau-chinh);font-weight:400}
.ma-chinh:hover{text-decoration:underline}
.dong-tong td{background:#fbfcfe;font-weight:600;border-bottom:1px solid #dbe5f2}
.phan-trang{font-size:var(--chu-13);border-color:#e7eaf0}
.chu-pt{color:var(--chu-phu)}

/* Cot loc: chu nhe hon, o nhap thoang hon */
.the-loc{border-color:#e7eaf0}
.nhan-loc{font-weight:500;font-size:var(--chu-13);color:#33404f}
.nhan-phu{color:var(--chu-phu);font-size:var(--chu-11)}
.o-nhap{font-size:var(--chu-13);border-color:#dfe4ec}
.o-gia{font-size:var(--chu-13);border-color:#dfe4ec}
.tieu-de-trang{font-weight:500;font-size:19px}

/* Thanh cong cu */
.o-tim{border-color:#dfe4ec;font-size:var(--chu-13)}
.nut{font-size:var(--chu-13);font-weight:400}
.nut-vien{font-weight:500}
.nut-icon{border-color:#dfe4ec}

/* Hop thoai chon cot khi xuat file + chinh chu, mau */

/* Hop thoai chon cot xuat file */
.nhom-xuat{margin-bottom:var(--cach-4);padding-bottom:var(--cach-3);border-bottom:1px solid var(--vien)}
.nhom-xuat:last-child{border-bottom:0;margin-bottom:0}
.dau-nhom-xuat{font-size:var(--chu-13);font-weight:500;margin-bottom:var(--cach-2);color:#33404f}
.dem-xuat{font-size:var(--chu-11);color:var(--chu-phu);background:var(--nen-phu);
  padding:1px 7px;border-radius:10px;margin-left:6px}
/* Hop thoai chon cot truoc khi xuat: hai cot doc, moi o mot dong. PHAI dat lai grid-auto-flow, neu khong se an theo luat "flow:column" cua menu chon cot ben tren va cac o de len nhau. */
.nhom-xuat .luoi-cot{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;
  grid-template-rows:none;gap:4px 24px;align-items:start}
.nhom-xuat .luoi-cot .dong-tick{align-items:flex-start;line-height:1.45}
.nhom-xuat .luoi-cot .dong-tick input{margin-top:2px}
.nhom-xuat .dong-tick.khoa{opacity:.55;cursor:default}
/* Chi con dung cho chan cua hop thoai xuat file - nut don le ben trai */
/* O nao mang lop nay thi day moi thu dung SAU no sang phai (nut Hủy tren form sua cung dung) */
.ht-chan > .canh-trai-chan{margin-right:auto}
.ht-chan{align-items:center}
.ht-dau .ghi-chu-form{margin-top:2px}

/* Chu va mau */
body{font-size:var(--chu-13);letter-spacing:0;color:#212b36}
.bang-du-lieu{font-size:var(--chu-13)}
.bang-du-lieu th{background:var(--nen-dau-bang);color:#3b4757;font-weight:500;padding:11px 12px;
  border-bottom:1px solid #dde5ef}
.bang-du-lieu td{padding:11px 12px;color:#212b36;border-bottom:1px solid #edf0f4}
/* lop phu thay cho mau nen co dinh - xem --phu-hover o bien.css */
.bang-du-lieu tbody tr:hover td{background-image:linear-gradient(var(--phu-hover),var(--phu-hover))}
.bang-du-lieu th.ghim-trai,.bang-du-lieu th.ghim-trai-2{background:var(--nen-dau-bang)}
/* Ma hang va Ten hang deu la duong dan mo chi tiet, to mau xanh */
.bang-du-lieu td .ma-chinh{color:var(--mau-chinh)}
.dong-mo-duoc td:nth-child(4){color:var(--mau-chinh);cursor:pointer}
.thanh-menu{font-size:var(--chu-14)}
.muc-menu-chinh{font-weight:400;padding:9px 15px}
.muc-menu-chinh.dang-o{font-weight:500}
.tieu-de-trang{font-weight:500;font-size:18px;color:#212b36}
.nhan-loc{font-weight:400;color:#3b4757;font-size:var(--chu-13)}
.o-nhap,.o-gia,.o-tim{color:#212b36}
.o-nhap::placeholder,.o-tim::placeholder{color:#9aa3b4}
.nut-chon{font-size:var(--chu-13);padding:5px 16px}
.phan-trang{color:#3b4757}
.chu-pt{color:#3b4757}

/* Cuon NGAY TRONG the bo loc, khong cuon ca cot. */
.cot-loc{max-height:none;overflow:visible}
.the-loc{max-height:calc(100vh - var(--cao-tren) - var(--cach-4)*2 - 42px);
  overflow-y:auto;overflow-x:hidden;padding-right:10px}
.the-loc::-webkit-scrollbar{width:6px}
.the-loc::-webkit-scrollbar-thumb{background:#c8cfda;border-radius:6px;border:0}
.the-loc{scrollbar-width:thin}
@media(max-width:900px){ .the-loc{max-height:none;overflow:visible} }

/* MENU CHUNG HAI KHU + MAY TINH BANG + DIEN THOAI */

/* Dai the cap 3 nam trong trang Kieu tab gach chan, khong phai vien thuoc bo tron: nhe, phang, dung mot mau chu voi bang du lieu ben duoi nen khong bi choi mat. */
.dai-tab-con{position:sticky;top:var(--cao-tren);z-index:52;background:var(--nen);
  display:flex;align-items:stretch;gap:24px;
  padding:0 16px;overflow-x:auto;white-space:nowrap;height:40px}
.dai-tab-con::-webkit-scrollbar{display:none}
.the-tab-con{display:flex;align-items:center;font-size:var(--chu-14);color:#5b6879;
  border-bottom:2px solid transparent;background:none;text-decoration:none;flex:0 0 auto}
.the-tab-con:hover{color:var(--mau-chinh)}
.the-tab-con.dang-o{color:var(--mau-chinh);border-bottom-color:var(--mau-chinh);font-weight:600}
.the-tab-con.chua-lam{color:var(--chu-mo);cursor:default}
.dau-co-con{font-style:normal;margin-left:auto;color:var(--chu-mo)}

/* Co dai the cap 3 thi tru them 40px chieu cao */
body:has(.dai-tab-con) .cot-loc{top:calc(var(--cao-tren) + var(--cao-dai-tab,40px) + var(--cach-4))}
body:has(.dai-tab-con) .vung-phai{height:calc(100vh - var(--cao-tren) - var(--cao-dai-tab,40px) - var(--cach-4)*2)}
body:has(.dai-tab-con) .the-loc{max-height:calc(100vh - var(--cao-tren) - var(--cao-dai-tab,40px) - var(--cach-4)*2 - 42px)}

/* Dien thoai dung ngan keo trai - CSS nam o khoi "GIAO DIEN DIEN THOAI" cuoi file. */

/* MAY TINH BANG 768 - 1023 px Cot loc thanh ngan keo truot ra, khong chiem cho san. */
@media(max-width:1023px){
  .an-hep{display:none !important}

  .cot-loc{position:fixed;left:0;top:var(--cao-tren);bottom:0;width:280px;max-width:86vw;
    z-index:140;background:#fff;padding:14px;overflow:auto;box-shadow:6px 0 24px rgba(16,24,40,.18);
    transform:translateX(-101%);transition:transform .18s ease-out}
  body.mo-loc .cot-loc{transform:none}
  body.mo-loc .nen-loc{display:block}
  .nen-loc{display:none;position:fixed;inset:0;background:rgba(16,24,40,.4);z-index:135}
  .the-loc{max-height:none;overflow:visible;border:0;padding:0}
  .cot-loc .tieu-de-trang{font-size:16px;margin-bottom:12px}

  /* Man hep khong co chuot de hover - nut phai LUON hien, khong thi khong mo duoc bo loc tren dien thoai. */
  .nut-gon-loc{position:fixed;left:8px;top:calc(var(--cao-tren) + 52px);transform:none;
    opacity:1;visibility:visible}
  body.gon-loc .cot-loc{display:block}
  body.gon-loc .nut-gon-loc{left:8px}
  body.gon-loc .nut-gon-loc i{transform:none}
  /* Man hep: nut nay keo ngan keo ra. Co the bo loc thi ve cai pheu, chi co danh sach man hinh thi ve cai danh sach - dung nghia tung man. */
  .nut-gon-loc i::before{content:"\f03a"}
  .than-trang:has(.the-loc) .nut-gon-loc i::before{content:"\f0b0"}

  .vung-phai{height:calc(100vh - var(--cao-tren) - var(--cach-4)*2)}
  body:has(.dai-tab-con) .vung-phai{height:calc(100vh - var(--cao-tren) - var(--cao-dai-tab,40px) - var(--cach-4)*2)}
}

/* DIEN THOAI duoi 768 px Bo menu ngang, dua xuong thanh duoi. Mo trang la thay du lieu ngay. */
@media(max-width:767px){
  .thanh-menu{display:none}
  .dai-tab-con{top:var(--cao-dau-trang)}
  .thanh-dau{padding:0 10px;gap:8px}
  .ten-shop{display:none}
  body:has(.dai-tab-con) .cot-loc{top:calc(var(--cao-dau-trang) + var(--cao-dai-tab,40px))}

  .cot-loc{top:var(--cao-dau-trang)}
  .than-trang{padding:8px;gap:0}
  .vung-phai,
  body:has(.dai-tab-con) .vung-phai{height:auto;min-height:calc(100vh - var(--cao-dau-trang) - 120px)}
  .bang-cuon{max-height:none;overflow:visible;border:0;background:transparent}
  .phan-trang{flex-wrap:wrap;gap:8px;border-radius:var(--bo-goc-lon)}
  .chu-pt{margin-left:0;width:100%;order:9}

  /* Bang doi thanh the: moi dong la mot the, moi o mot dong "Nhan: gia tri" */
  .bang-du-lieu thead{display:none}
  .bang-du-lieu, .bang-du-lieu tbody, .bang-du-lieu tr, .bang-du-lieu td{display:block;width:auto}
  .bang-du-lieu tbody tr{background:#fff;border:1px solid var(--vien);border-radius:10px;
    padding:10px 12px;margin-bottom:8px}
  .bang-du-lieu tbody tr:hover td{background:transparent}
  .bang-du-lieu td{border:0;padding:3px 0;display:flex;justify-content:space-between;gap:12px;
    text-align:right !important}
  .bang-du-lieu td::before{content:attr(data-nhan);color:var(--chu-phu);font-size:var(--chu-12);
    text-align:left;flex:0 0 auto}
  .bang-du-lieu td.ghim-trai,.bang-du-lieu td.ghim-trai-2{position:static;display:inline-flex;
    width:auto;padding:0 10px 6px 0}
  .bang-du-lieu td.ghim-trai::before,.bang-du-lieu td.ghim-trai-2::before{content:''}
  .bang-du-lieu .dong-chi-tiet > td{padding:0 !important}
  .bang-du-lieu .dong-chi-tiet td::before{content:''}
  .bang-trong{padding:28px 0 !important;text-align:center !important}
  .luoi-o-ct{grid-template-columns:1fr}
  .o-ct-rong{grid-column:span 1}
  .khoi-form{flex-direction:column}
  .khoi-form .luoi-form{grid-template-columns:1fr}
  .o-form-rong{grid-column:span 1}
  .hop-thoai{max-width:100%;margin:0 8px}
  .nhom-xuat .luoi-cot{grid-template-columns:1fr}
  .lop-preset,.lop-lich,.lop-tick{left:8px !important;right:8px;width:auto;max-width:calc(100vw - 16px)}
  .lop-preset{min-width:0;overflow-x:auto}
  .luoi-preset{grid-template-columns:1fr 1fr !important}
  .hai-thang{flex-direction:column}
}

/* COT TAB BEN TRAI CHO KHU TIEP NHAN. Cap 1 tren thanh xanh - cap 2 o cot trai - cap 3 o dai the dong 2. Khu Ban hang van xo bang menu con. */

/* Cot trai: gom the danh sach tab + the bo loc */
.cot-trai{width:var(--rong-cot-loc);flex:0 0 var(--rong-cot-loc);
  position:sticky;top:calc(var(--cao-tren) + var(--cach-4));z-index:30}
.cot-trai .cot-loc{position:static;width:auto;flex:none;z-index:auto;top:auto}
body:has(.dai-tab-con) .cot-trai{top:calc(var(--cao-tren) + var(--cao-dai-tab,40px) + var(--cach-4))}
body.gon-loc .cot-trai{display:none}

.the-tab{background:var(--nen-the);border:1px solid var(--vien);border-radius:var(--bo-goc-lon);
  padding:8px;margin-bottom:var(--cach-3);max-height:46vh;overflow:auto}
.ten-nhom-tab{font-size:var(--chu-11);color:var(--chu-mo);text-transform:uppercase;
  letter-spacing:.4px;padding:5px 9px 6px;font-weight:500}
.ten-cum-tab{font-size:var(--chu-11);color:var(--chu-mo);padding:9px 9px 4px}
.muc-tab{display:flex;align-items:center;justify-content:space-between;gap:6px;
  padding:8px 9px;border-radius:var(--bo-goc);font-size:var(--chu-13);color:var(--chu);
  text-decoration:none;line-height:1.35}
.muc-tab:hover{background:var(--mau-chinh-nhat)}
.muc-tab.dang-o{background:var(--mau-chinh-nhat);color:var(--mau-chinh);font-weight:500}
.muc-tab.chua-lam{color:var(--chu-mo)}
.muc-tab .so-con{font-style:normal;font-size:var(--chu-11);color:var(--chu-mo);flex:0 0 auto}
.muc-tab.dang-o .so-con{color:var(--mau-chinh)}

/* Icon ? va icon banh rang tren thanh dau trang: to sang khi dang o trong nhom do */
.muc-dau.dang-o{background:var(--mau-chinh-nhat);color:var(--mau-chinh)}

/* Man hinh hep */
@media(max-width:1023px){
  .cot-trai{position:fixed;left:0;top:var(--cao-tren);bottom:0;width:280px;max-width:86vw;
    z-index:140;background:#fff;padding:14px;overflow:auto;box-shadow:6px 0 24px rgba(16,24,40,.18);
    transform:translateX(-101%);transition:transform .18s ease-out;flex:none}
  body.mo-loc .cot-trai{transform:none}
  body.gon-loc .cot-trai{display:block}
  .cot-trai .cot-loc{position:static;transform:none;box-shadow:none;padding:0;width:auto}
  .the-tab{max-height:none;border:0;padding:0;margin-bottom:var(--cach-4)}
}
@media(max-width:767px){
  .cot-trai{top:var(--cao-dau-trang)}
}

/* GIAO DIEN DIEN THOAI. Goc trai co nut ba gach -> ngan keo menu trai. Ngan keo: dau co thuong hieu, danh sach co hinh gap mo, chan ghi don vi lam. */

/* Hinh SVG ve thang trong ma nguon */
.hinh{width:18px;height:18px;flex:0 0 auto;display:block}
.muc-menu .hinh{width:16px;height:16px}

/* Menu nguoi dung tren thanh dau */
.dau-menu-nd{padding:10px 12px 8px;border-bottom:1px solid var(--vien);line-height:1.35}
.dau-menu-nd b{display:block;font-size:var(--chu-13);color:var(--chu)}
.dau-menu-nd span{display:block;font-size:var(--chu-11);color:var(--chu-mo)}
.lop-noi .muc-menu{display:flex;align-items:center;gap:9px}
.muc-menu.muc-thoat{color:var(--mau-loi)}
/* Menu xo icon Hỗ trợ: man dang mo to nen xanh nhat */
.lop-ho-tro .muc-menu{white-space:nowrap}
.lop-ho-tro .muc-menu.dang-o{background:var(--mau-chinh-nhat);color:var(--mau-chinh);font-weight:600}
/* Menu xo icon banh rang: loi tat vao muc Thiết lập, cuoi la nut "Xem tất cả thiết lập" */
.lop-thiet-lap{min-width:250px;padding:6px 0 10px}
.lop-thiet-lap .muc-menu{white-space:nowrap;font-size:var(--chu-14)}
.nut-xem-het-tl{display:block;margin:8px 12px 0;padding:7px 12px;border:1px solid var(--mau-chinh);border-radius:var(--bo-goc);
  color:var(--mau-chinh);text-align:center;font-size:var(--chu-13);font-weight:500;white-space:nowrap}
.nut-xem-het-tl:hover{background:var(--mau-chinh-nhat)}

/* Nut chi hien tren dien thoai */
.nut-ba-gach,.chi-hep,.ten-man-hep,.nen-ngan,.ngan-menu{display:none}
.nut-ba-gach{flex:0 0 auto;width:38px;height:38px;border:0;background:none;color:var(--chu);
  cursor:pointer;border-radius:var(--bo-goc);place-items:center}
.nut-ba-gach:hover{background:var(--nen-phu)}

/* DIEN THOAI duoi 768px */
@media(max-width:767px){
  .nut-ba-gach{display:grid}
  .chi-hep{display:inline-flex}
  /* Nut ba gach thay cho logo - dien thoai khong con cho cho ca hai */
  .logo{display:none}

  /* Ten man hinh dang mo tren thanh dau */
  .ten-man-hep{display:block;flex:1;min-width:0;font-size:var(--chu-16);font-weight:500;
    color:var(--chu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .thanh-dau{position:relative;padding:0 6px;gap:2px}
  .dau-phai{gap:2px}
  .muc-dau{padding:0;width:34px;height:34px;justify-content:center}
  .nut-doi-khu{padding:0 10px;height:32px}

  /* Cot trai tren dien thoai chi con THE BO LOC - danh sach man hinh da nam trong ngan keo menu, khong bay hai cho cho roi mat. */
  .cot-trai .the-tab{display:none}
  .cot-trai:not(:has(.the-loc)){display:none}
  /* Man khong co bo loc thi khong con gi de keo ra - giau luon nut */
  .than-trang:not(:has(.the-loc)) .nut-gon-loc{display:none}

  /* Nut goi bo loc: nut tron noi o goc duoi trai, khong de len bang du lieu */
  .nut-gon-loc{position:fixed;left:12px;bottom:16px;top:auto;width:46px;height:46px;
    font-size:15px;z-index:100;box-shadow:0 4px 14px rgba(16,24,40,.22)}
  body.gon-loc .nut-gon-loc{left:12px}
  .cot-loc{top:var(--cao-dau-trang)}

  /* Ngan keo menu trai */
  .nen-ngan{display:block;position:fixed;inset:0;z-index:145;background:rgba(16,24,40,.45);
    opacity:0;pointer-events:none;transition:opacity .18s}
  body.mo-ngan .nen-ngan{opacity:1;pointer-events:auto}

  .ngan-menu{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;
    width:286px;max-width:84vw;z-index:150;background:#fff;
    box-shadow:6px 0 28px rgba(16,24,40,.18);
    transform:translateX(-101%);transition:transform .2s ease-out}
  body.mo-ngan .ngan-menu{transform:none}

  .ngan-dau{display:flex;align-items:center;gap:10px;padding:0 10px 0 14px;height:56px;
    flex:0 0 auto;border-bottom:1px solid var(--vien)}
  .ngan-logo{width:32px;height:32px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;
    background:var(--mau-chinh);color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px}
  .ngan-dau b{flex:1;min-width:0;font-size:var(--chu-14);font-weight:500;color:var(--chu);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nut-dong-ngan{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;
    border:0;background:none;color:var(--chu-phu);cursor:pointer;border-radius:var(--bo-goc)}

  .ngan-than{flex:1;min-height:0;overflow-y:auto;padding:8px}

  /* Moi dong cao bang nhau, dong nao cung co mot hinh o dau */
  .ngan-dong{display:flex;align-items:center;gap:11px;width:100%;height:44px;padding:0 10px;
    border:0;background:none;font-family:inherit;font-size:var(--chu-14);color:var(--chu);
    text-decoration:none;border-radius:var(--bo-goc);cursor:pointer;text-align:left}
  .ngan-dong span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ngan-dong .hinh{color:var(--chu-phu)}
  .ngan-dong:active{background:var(--nen-phu)}
  .ngan-dong.dang-o{background:var(--mau-chinh-nhat);color:var(--mau-chinh);font-weight:500}
  .ngan-dong.dang-o .hinh{color:var(--mau-chinh)}

  /* Ngan keo bay ra het: ten nhom la chu den dam khong bam duoc, cac man hinh ben duoi la chu xanh - khong nut xo, khong icon. */
  .ngan-nhom{padding:2px 0 8px}
  .ngan-ten-nhom{display:block;padding:12px 12px 6px;font-size:var(--chu-14);font-weight:700;
    color:var(--chu);text-decoration:none}
  .ngan-ten-nhom.la-lien-ket{border-radius:var(--bo-goc)}
  .ngan-ten-nhom.la-lien-ket:active{background:var(--nen-phu)}
  .ngan-ten-nhom.dang-o{color:var(--mau-chinh)}
  .ngan-muc{display:block;padding:9px 12px;font-size:var(--chu-14);color:var(--chu);
    text-decoration:none;border-radius:var(--bo-goc);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ngan-muc:active{background:var(--nen-phu)}
  .ngan-muc.muc-sau{padding-left:28px;font-size:var(--chu-13)}
  .ngan-muc.dang-o{background:var(--mau-chinh-nhat);color:var(--mau-chinh);font-weight:500}

  .ngan-vach{height:1px;background:var(--vien);margin:8px 10px}

  .ngan-chan{flex:0 0 auto;padding:12px 14px;border-top:1px solid var(--vien);
    background:var(--nen-phu);line-height:1.4}
  .ngan-chan span{display:block;font-size:var(--chu-11);color:var(--chu-mo)}
  .ngan-chan b{display:block;font-size:var(--chu-12);color:var(--mau-chinh);letter-spacing:.3px}

  /* Ngan keo dang mo thi khoa cuon trang nen phia sau */
  body.mo-ngan{overflow:hidden}

  /* Chan khong cho trang bi tran ngang Than trang xep theo cot va canh trai, nen con ben trong duoc phinh ra bang be rong noi dung cua no - bang du lieu dai la ca trang truot ngang. */
  .than-trang{align-items:stretch}
  .vung-phai{width:100%;min-width:0;max-width:100%}
  .vung-phai>*{min-width:0;max-width:100%}
  .bang-du-lieu,.bang-du-lieu tbody,.bang-du-lieu tr{max-width:100%}

  /* Thanh cong cu tren dien thoai: thanh xep theo cot nen o tim KHONG duoc flex:auto, khong thi bi keo cao ra het cho trong. */
  .thanh-cong-cu{flex-direction:column;align-items:stretch;gap:var(--cach-2)}
  .thanh-cong-cu .o-tim-khung{flex:0 0 auto;min-width:0;width:100%}

  /* Hang nut: mot dai cuon ngang, GIU nguyen chu cho de doc. min-width:0 la bat buoc, thieu no thi be ngang cua ca trang bi noi ra theo tong be ngang cua day nut. */
  .thanh-cong-cu .nhom-nut-cc{margin-left:0;flex-wrap:nowrap;overflow-x:auto;
    min-width:0;width:100%;max-width:100%;
    -webkit-overflow-scrolling:touch;padding-bottom:2px}
  .nhom-nut-cc::-webkit-scrollbar{display:none}
  .nhom-nut-cc .nut,.nhom-nut-cc .nut-icon,.nhom-nut-cc .nut-co-menu{flex:0 0 auto}
  .nhom-nut-cc .nut .chu-nut{display:inline}
  .nhom-nut-cc .nut{padding:7px 12px}
}

/* HINH CHO CAC DANH SACH DOC: danh sach DOC thi moi dong deo mot hinh; tab NGANG (thanh menu xanh, dai the cap 3) de chu tran cho gon mat. */
.muc-tab{gap:10px}
.muc-tab>span{flex:1;min-width:0}
.muc-tab .hinh{width:16px;height:16px;color:var(--chu-mo)}
.muc-tab:hover .hinh{color:var(--chu-phu)}
.muc-tab.dang-o .hinh{color:var(--mau-chinh)}
.muc-tab.chua-lam .hinh{color:var(--vien-dam)}

/* BANG DU LIEU MAN DANH SACH */

/* Ngoi sao danh dau: MAC DINH RONG, bam moi to vang */
/* Vien ngoi sao lay mau CHU MO, khong lay mau vien: mau vien (#ccd2dc) nhat hon ca chu mo (#9aa3b4) nen ngoi sao nhin mo, khong ro la bam duoc. */
.nut-sao{color:var(--chu-mo);display:grid;place-items:center;padding:0;width:22px;height:22px}
.nut-sao .hinh{width:15px;height:15px}
.nut-sao:hover{color:var(--mau-canh-bao)}
.nut-sao.da-danh-dau{color:var(--mau-canh-bao)}
.nut-sao.da-danh-dau .hinh{fill:currentColor}
.bang-du-lieu th .hinh{width:14px;height:14px;color:var(--chu-phu);margin:0 auto}
/* NUT LOC COT DANG BAT */
.bang-du-lieu th .pheu-loc.dang-loc .hinh{color:#fff}

/* Ma hang: chu binh thuong, khong phai duong lien ket. Man hinh nao bung chi tiet ngay tren dong (khong sang trang khac) thi ma khong phai lien ket - bam cho nao tren dong cung mo duoc. */
.bang-du-lieu .dong-mo-duoc td .ma-chinh{color:var(--chu);font-weight:400}
.bang-du-lieu .dong-mo-duoc td .ma-chinh:hover{text-decoration:none}
.bang-du-lieu .dong-mo-duoc td:nth-child(4){color:inherit}

/* Thanh cuon trong the bo loc: mong lai cho gon */
.the-loc{scrollbar-width:thin;scrollbar-color:#d7dce4 transparent;padding-right:6px}
.the-loc::-webkit-scrollbar{width:4px}
.the-loc::-webkit-scrollbar-track{background:transparent}
.the-loc::-webkit-scrollbar-thumb{background:#dfe3ea;border-radius:4px;border:0}
.the-loc:hover::-webkit-scrollbar-thumb{background:#c8cfda}

/* KHOI CHI TIET BUNG DUOI DONG */

/* Re chuot KHONG duoc doi mau ca khoi chi tiet: quy tac "tr:hover doi nen" khong ap cho dong chua khoi chi tiet. */
.bang-du-lieu tbody tr.dong-chi-tiet:hover td,
.bang-du-lieu tbody tr.dong-chi-tiet:hover>td{background:var(--nen-the);filter:none}
.bang-du-lieu tbody tr.dong-mo-duoc.dang-mo:hover td,
.bang-du-lieu tbody tr.dong-mo-duoc.dang-mo:hover>td{background:var(--mau-chinh-nhat);filter:none}
/* Bang con nam trong khoi chi tiet thi van duoc sang len khi re chuot */
.chi-tiet .bang-du-lieu tbody tr:hover td{background-image:linear-gradient(var(--phu-hover),var(--phu-hover))}
.chi-tiet .bang-du-lieu tbody tr.dong-trong-ct:hover td{background:transparent}

/* O trong cua bang con: co hinh, khong de tro tro */
.o-trong-ct{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 12px}
.o-trong-ct .hinh-trong{width:44px;height:44px;color:var(--vien-dam)}
.o-trong-ct p{margin:0;color:var(--chu-phu);font-size:var(--chu-13)}
.hang-nut-san{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.nut-san{min-width:96px;justify-content:center}
.dong-trong-ct>td{padding:0 !important;border-bottom:0}

/* Bang con: o tim chi nhanh + dong tong + nhan trang thai */
.o-tim-bang-con{padding:10px 0 12px}
.o-tim-bang-con .o-nhap{max-width:520px}
.dong-tong-ct td{font-weight:500;background:#fbfcfe;border-bottom:1px solid #dbe5f2}
.nhan-nhe{display:inline-block;font-size:var(--chu-12);padding:2px 10px;border-radius:12px;
  background:var(--nen-phu);color:var(--chu-phu)}
.bang-trong-ct th{background:#f7f9fc}

/* Menu nut ba cham mo LEN TREN: khoi chi tiet nam trong bang cuon, menu mo xuong duoi se bi khung cuon cat mat. */
.lop-ba-cham{right:0;left:auto;top:auto;bottom:100%;margin-bottom:6px;min-width:190px}
.chan-chi-tiet .nut-co-menu{position:relative}
.chan-chi-tiet .nut-phu .hinh{width:16px;height:16px}

/* MAN HINH VAI TRO (PHAN QUYEN) */
.man-vai-tro{display:flex;gap:var(--cach-4);padding:var(--cach-4);align-items:flex-start;max-width:100%}

/* Cot trai: danh sach vai tro */
.cot-vai-tro{width:300px;flex:0 0 300px;background:var(--nen-the);border:1px solid var(--vien);
  border-radius:var(--bo-goc-lon);padding:12px;position:sticky;top:calc(var(--cao-tren) + var(--cach-4));
  max-height:calc(100vh - var(--cao-tren) - var(--cach-4)*2);overflow:auto}
.o-tim-vt{position:relative;margin-bottom:10px}
.o-tim-vt .hinh{position:absolute;left:10px;top:50%;transform:translateY(-50%);
  width:15px;height:15px;color:var(--chu-mo)}
.o-tim-vt .o-nhap{padding-left:32px}
.nut-tao-vt{width:100%;justify-content:center;margin-bottom:14px}
.nhan-nhom-vt{font-size:var(--chu-11);color:var(--chu-mo);text-transform:uppercase;
  letter-spacing:.4px;font-weight:500;margin:12px 0 4px}
.muc-vt{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:var(--bo-goc);
  text-decoration:none;color:var(--chu);border-left:3px solid transparent}
.muc-vt:hover{background:var(--nen-phu)}
.muc-vt.dang-o{background:var(--mau-chinh-nhat);border-left-color:var(--mau-chinh)}
.vt-chu{flex:1;min-width:0;line-height:1.3}
.vt-chu b{display:block;font-size:var(--chu-13);font-weight:500;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.vt-chu em{display:block;font-style:normal;font-size:var(--chu-11);color:var(--chu-mo)}
.vt-so{flex:0 0 auto;font-size:var(--chu-11);color:var(--chu-phu);background:var(--nen-phu);
  border-radius:11px;padding:2px 9px}
.cham-tt{width:8px;height:8px;border-radius:50%;flex:0 0 auto}
.cham-tt.tt-chay{background:var(--mau-thanh-cong)}
.cham-tt.tt-ngung{background:var(--vien-dam)}

/* Ben phai */
.than-vai-tro{flex:1;min-width:0;background:var(--nen-the);border:1px solid var(--vien);
  border-radius:var(--bo-goc-lon)}
.dau-vt{display:flex;align-items:center;gap:10px;padding:14px 16px;flex-wrap:wrap}
.dau-vt h2{margin:0;font-size:19px;font-weight:600}
.chip-ma{background:var(--mau-chinh);color:#fff;font-size:var(--chu-11);font-weight:600;
  padding:3px 10px;border-radius:5px;letter-spacing:.4px}
.chu-tt{font-size:var(--chu-12);color:var(--chu-phu)}
.nut-dau-vt{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.nut-dau-vt .nut{display:inline-flex;align-items:center;gap:6px}
.nut-do{color:var(--mau-loi);border-color:#f3c9c9}
.nut-do:hover{background:var(--nen-loi)}

.dai-tab-vt{display:flex;align-items:stretch;gap:22px;padding:0 16px;height:44px;
  border-bottom:1px solid var(--vien);overflow-x:auto;white-space:nowrap}
.tab-vt{display:flex;align-items:center;gap:7px;font-size:var(--chu-13);color:var(--chu-phu);
  border-bottom:2px solid transparent;text-decoration:none;flex:0 0 auto}
.tab-vt .hinh{width:15px;height:15px}
.tab-vt:hover{color:var(--mau-chinh)}
.tab-vt.dang-o{color:var(--mau-chinh);border-bottom-color:var(--mau-chinh);font-weight:500}
.dem-vt{font-size:var(--chu-11);background:var(--mau-chinh-nhat);color:var(--mau-chinh);
  border-radius:11px;padding:1px 8px}

.than-tab-vt{padding:16px}
.than-tab-vt.an{display:none}
.the-vt{border:1px solid var(--vien);border-radius:var(--bo-goc-lon);padding:16px;background:#fff}
.the-vt .luoi-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--cach-4) var(--cach-5)}
.sao-bb{color:var(--mau-loi);font-style:normal}

.loi-nhac-vt{display:flex;align-items:center;gap:8px;font-size:var(--chu-13);color:var(--chu-phu);
  margin-bottom:12px}
.loi-nhac-vt .hinh{width:15px;height:15px;flex:0 0 auto}
.dem-phai{margin-left:auto;color:var(--mau-chinh);white-space:nowrap}

/* Khoi chi nhanh duoc xem */
.khoi-chi-nhanh{background:var(--mau-chinh-nhat);border:1px solid #d4e4fb;
  border-color:color-mix(in srgb, var(--mau-chinh) 22%, #fff);
  border-radius:var(--bo-goc-lon);padding:12px 14px;margin-bottom:14px}
.tieu-khoi{display:flex;align-items:center;gap:8px;font-size:var(--chu-13);margin-bottom:10px}
.tieu-khoi .hinh{width:15px;height:15px}
.tieu-khoi em{font-style:normal;color:var(--chu-phu)}
.chip-chi-nhanh{display:flex;flex-wrap:wrap;gap:8px}
.chip-cn{font-size:var(--chu-13);padding:5px 14px;border-radius:16px;border:1px solid var(--vien);
  background:#fff;color:var(--chu-phu);cursor:pointer;font-family:inherit}
.chip-cn.chon{background:var(--mau-chinh);border-color:var(--mau-chinh);color:#fff}

/* Bang tick */
.khung-tick{border:1px solid var(--vien);border-radius:var(--bo-goc-lon);overflow:auto;
  max-height:calc(100vh - var(--cao-tren) - 260px)}
.bang-tick{width:100%;border-collapse:collapse;font-size:var(--chu-13)}
.bang-tick thead th{position:sticky;top:0;z-index:2;background:#f7f9fc;padding:8px 10px;
  border-bottom:1px solid var(--vien);font-weight:500;font-size:var(--chu-11);
  color:var(--chu-phu);text-align:center;white-space:nowrap}
.bang-tick thead th span{display:block;margin-bottom:3px}
.bang-tick th.cot-ten{text-align:left;font-size:var(--chu-12)}
.bang-tick td{padding:6px 10px;border-bottom:1px solid #eef1f5;text-align:center}
.bang-tick td.cot-ten{text-align:left;width:100%}
.bang-tick td.cot-thut{padding-left:26px}
.dong-nhom-tick td{background:#fbfcfe}
.dong-nhom-tick em{font-style:normal;color:var(--chu-mo);font-size:var(--chu-12);margin-left:6px}
.dong-tab-tick:hover td{background-image:linear-gradient(var(--phu-hover),var(--phu-hover))}
.dong-tab-tick.an{display:none}
.nut-gap{width:18px;height:18px;border:1px solid var(--vien);background:#fff;border-radius:4px;
  color:var(--chu-phu);cursor:pointer;font-size:12px;line-height:1;margin-right:7px;font-family:inherit}

/* Nut mot chu: tat thi vien xam, bat thi to mau theo tung viec */
.nut-q{width:30px;height:26px;border-radius:5px;border:1px solid var(--vien);background:#fff;
  color:var(--chu-mo);font-size:var(--chu-12);font-weight:600;cursor:pointer;font-family:inherit;
  display:inline-grid;place-items:center}
.nut-q.trong{border:0;background:none;cursor:default;color:var(--vien-dam)}
.nut-q.bat{color:#fff;border-color:transparent}
.nut-q-x.bat{background:#1560d0}
.nut-q-t.bat{background:#2ba7e0}
.nut-q-s.bat{background:#e8901e}
.nut-q-d.bat{background:#d64545}
.nut-q-c.bat{background:#7c4dbd}

.nhan-tt{font-size:var(--chu-12);padding:2px 10px;border-radius:12px}
.nhan-tt.tt-chay{background:var(--nen-thanh-cong);color:var(--mau-thanh-cong)}
.nhan-tt.tt-ngung{background:var(--nen-loi);color:var(--mau-loi)}

@media(max-width:1023px){
  .man-vai-tro{flex-direction:column}
  .cot-vai-tro{width:100%;flex:auto;position:static;max-height:320px}
  .the-vt .luoi-form{grid-template-columns:1fr}
}

/* 1 Bang phan quyen: bam ca dong nhom la gap/mo 2 Bo o tim trong khung, gom tim nang cao vao o tim tren thanh dau 3 Khu Tiep nhan */

/* 1. Dong nhom trong bang tick */
.dong-nhom-tick{cursor:pointer}
.dong-nhom-tick:hover td{background-image:linear-gradient(var(--phu-hover),var(--phu-hover))}
.dong-nhom-tick input[type=checkbox]{cursor:pointer}
.nut-gap{pointer-events:none} 

/* 2. O tim tren thanh cong cu */
/* Co nut thanh truot thi chua cho cho no; co ca nut pheu (dien thoai) thi chua hai cho */
.o-tim-khung:has(.nut-tim-nc) .o-tim{padding-right:36px}

/* 3. Menu ngang dong 2 cua khu Tiep nhan */
.dai-crm{gap:0;padding-left:12px}
.cum-ngang{display:flex;align-items:stretch;flex:0 0 auto;position:relative;
  padding:0 10px;border-radius:8px 8px 0 0}
.cum-ngang.mo{background:var(--nen-hover)}
.cum-ngang>.the-tab-con{flex:0 0 auto}
.nut-bung-con{background:none;border:0;padding:0 0 0 6px;color:var(--chu-mo);cursor:pointer;
  display:flex;align-items:center;flex:0 0 auto}
.nut-bung-con:hover{color:var(--mau-chinh)}
.nut-bung-con .hinh{width:13px;height:13px;transition:transform .15s ease-out}
.cum-ngang.mo .nut-bung-con .hinh{transform:rotate(180deg)}
.cum-ngang:not(.mo) .the-cap-3{display:none}
.the-cap-3{margin-left:18px;color:#6d7a8c;font-size:var(--chu-12)}
.the-cap-3.dang-o{color:var(--mau-chinh)}
/* Dang dung o mot muc con: muc cha chi dam chu cho de nhin, khong gach chan gach chan de danh rieng cho dung man hinh dang mo, khoi to sang hai cho */
.the-tab-con.trong-nhom{color:var(--chu);font-weight:500}

/* 4. Tay keo do rong cot */
.bang-du-lieu th{overflow:hidden}
.chu-th{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bang-du-lieu th .pheu-loc{right:11px}
.keo-cot{position:absolute;top:0;right:0;width:9px;height:100%;cursor:col-resize;z-index:3;
  display:flex;align-items:center;justify-content:center}
.keo-cot::before{content:'';width:3px;height:13px;opacity:.5;
  border-left:1px solid var(--vien-dam);border-right:1px solid var(--vien-dam)}
.bang-du-lieu th:hover .keo-cot::before{opacity:1;height:18px;
  border-left-color:var(--mau-chinh);border-right-color:var(--mau-chinh)}
body.dang-keo-cot{cursor:col-resize;user-select:none}
body.dang-keo-cot .keo-cot::before{opacity:1;height:18px;
  border-left-color:var(--mau-chinh);border-right-color:var(--mau-chinh)}

@media(max-width:767px){
  .keo-cot{display:none}
  .cum-ngang{padding:0 8px}
}

/* 1 Pheu loc tren tieu de cot to va ro hon 2 Hỗ trợ / Thiết lập cung dung menu ngang dong 2 3 O mat khau, o chon mau trong form 4 Hop thoai doi mat khau 5 Khung chat goc duoi phai */

/* 1. Pheu loc tren tieu de cot */
.pheu-loc{font-size:14px;opacity:.6;padding:2px 5px;right:11px}
.bang-du-lieu th:hover .pheu-loc{opacity:1}
.pheu-loc:hover{opacity:1;background:rgba(0,0,0,.09)}
.pheu-loc.dang-loc{opacity:1}

/* 2. Ten nhom o dau thanh menu ngang Khu Tiep nhan da to sang tren thanh xanh roi; hai menu Hỗ trợ / Thiết lập thi khong, nen ghi han ten nhom ra cho biet dang o dau. */
.ten-nhom-ngang{display:flex;align-items:center;flex:0 0 auto;
  font-size:var(--chu-11);color:var(--chu-mo);text-transform:uppercase;
  letter-spacing:.4px;font-weight:500;padding-right:14px;margin-right:4px;
  border-right:1px solid var(--vien)}

/* 3. O mat khau va o chon mau */
.o-mau-chon{padding:2px 4px;height:36px;cursor:pointer}

/* 4. Hop thoai doi mat khau */
#htDoiMatKhau .ht-dau h3{display:flex;align-items:center;gap:8px}
#htDoiMatKhau .ht-dau .hinh{width:17px;height:17px;color:var(--mau-chinh)}
#htDoiMatKhau .o-form{margin-bottom:12px}

/* 5. Khung chat goc duoi phai */
.nut-chat{position:fixed;right:20px;bottom:20px;z-index:120;width:46px;height:46px;
  border-radius:50%;border:0;background:var(--mau-chinh);color:#fff;cursor:pointer;
  display:grid;place-items:center;box-shadow:0 6px 18px rgba(16,24,40,.24)}
.nut-chat:hover{filter:brightness(1.08)}
.nut-chat .hinh{width:21px;height:21px}

.khung-chat{position:fixed;right:20px;bottom:76px;z-index:121;width:330px;max-width:calc(100vw - 32px);
  background:#fff;border:1px solid var(--vien);border-radius:var(--bo-goc-lon);
  box-shadow:0 14px 40px rgba(16,24,40,.22);display:none;flex-direction:column;
  max-height:min(460px, calc(100vh - 140px));overflow:hidden}
.khung-chat.mo{display:flex}
.chat-dau{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:10px 12px;border-bottom:1px solid var(--vien);background:var(--mau-chinh-nhat)}
.chat-dau b{display:flex;align-items:center;gap:7px;font-size:var(--chu-13);color:var(--mau-chinh)}
.chat-dau .hinh{width:16px;height:16px}
.chat-than{flex:1 1 auto;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.chat-trong{margin:auto;text-align:center;color:var(--chu-mo)}
.chat-trong .hinh{width:30px;height:30px;margin:0 auto 8px;color:var(--vien-dam)}
.chat-trong p{font-size:var(--chu-13);margin:0 0 4px}
.chat-trong span{font-size:var(--chu-12)}
.chat-dong{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.chat-bong{background:var(--mau-chinh);color:#fff;padding:7px 11px;border-radius:12px 12px 3px 12px;
  font-size:var(--chu-13);max-width:85%;word-break:break-word}
.chat-gio{font-size:var(--chu-11);color:var(--chu-mo)}
.chat-go{display:flex;gap:8px;padding:10px;border-top:1px solid var(--vien)}
.chat-go .o-nhap{flex:1 1 auto;min-width:0}
/* Chua cho nut tron khoi de len dong dem "x - y trong z" o goc duoi phai */
body:has(.nut-chat) .phan-trang{padding-right:66px}

@media(max-width:767px){
  .nut-chat{right:14px;bottom:14px;width:42px;height:42px}
  .khung-chat{right:8px;left:8px;bottom:66px;width:auto;max-height:calc(100vh - 150px)}
}

/* MAN THIET LAP GIA - o loc dang the, o loc dang cay, hang o go tim duoi tieu de, o gia sua tai cho, lop dat gia, hop thoai Tao bang gia. */

/* O loc hien cac muc da chon thanh the */
.o-doc-the{flex-wrap:wrap;gap:4px;padding:4px 8px;min-height:34px}
.o-doc-the .the-chon{font-size:var(--chu-12);line-height:18px}

/* O loc dang cay: tay keo, mui ten bung, o tick */
.ds-tick .dong-cay{display:flex;align-items:center;gap:2px;padding:3px 0}
.ds-tick .dong-cay .dong-tick{flex:1 1 auto;margin-bottom:0;padding:2px 0;min-width:0}
.ds-tick .dong-cay .dong-tick span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ds-tick .dong-cay.an-cay{display:none}
/* Tay nam phai co chieu cao that, khong thi vung bam bang khong va keo khong duoc */
.tay-keo-tick{flex:0 0 14px;height:22px;display:flex;align-items:center;justify-content:center;
  color:var(--chu-mo);font-size:11px;cursor:grab;user-select:none}
.tay-keo-tick:active{cursor:grabbing}
/* Dang keo: dong duoc keo mo di, ca trang doi con tro cho de nhan ra */
.ds-tick .dong-cay.dang-keo{opacity:.45;background:var(--mau-chinh-nhat);border-radius:4px}
body.dang-keo-muc{cursor:grabbing;user-select:none}
.nut-bung-tick{flex:0 0 18px;height:22px;display:flex;align-items:center;justify-content:center;
  border:0;background:none;color:var(--chu-phu);cursor:pointer;font-size:10px;border-radius:3px;padding:0}
.nut-bung-tick:hover{background:var(--nen-phu);color:var(--mau-chinh)}
.dong-cay.mo>.nut-bung-tick i{transform:rotate(90deg)}
.nut-bung-tick i{transition:transform .15s}
.cho-bung{flex:0 0 18px}

/* Hang o go tim ngay duoi tieu de bang */
.bang-du-lieu thead tr.dong-o-tim th,
.bang-du-lieu thead tr.dong-o-tim td{position:sticky;top:38px;z-index:3;background:var(--nen-the);
  border-bottom:1px solid var(--vien);padding:5px 8px}
.o-tim-cot{height:28px;font-size:var(--chu-13);padding:0 8px;width:100%;min-width:110px}

/* O gia sua ngay tren bang: luon co vien bo tron */
.o-sua[data-tien]{border-color:var(--vien-dam);border-radius:14px;text-align:right;
  padding:3px 10px;min-width:96px;max-width:150px;width:100%;margin-left:auto;display:block;
  background:var(--nen-the)}
.o-sua[data-tien]:focus{border-color:var(--mau-chinh);box-shadow:0 0 0 2px var(--mau-chinh-nhat)}

/* Goi y "Hoặc sử dụng công thức" */
.goi-y-cong-thuc{position:fixed;z-index:130;background:var(--nen-the);
  box-shadow:var(--do-bong-noi);border-radius:var(--bo-goc);padding:8px 14px;
  font:var(--chu-13)/1.4 var(--font);color:var(--chu-phu);white-space:nowrap}
/* Goi y re chuot dung chung (chung.js, phan tu mang data-goi-y-noi): khung chu nen the, bo goc, do bong - gan vao
   body nen o cuon / overflow cua bang khong cat mat */
.goi-y-noi{position:fixed;left:0;top:0;z-index:250;max-width:260px;padding:12px 16px;background:var(--nen-the);
  border-radius:var(--bo-goc);box-shadow:var(--do-bong-noi);font:var(--chu-13)/1.45 var(--font);color:var(--chu);
  pointer-events:none;visibility:hidden}
.goi-y-noi.mo{visibility:visible}
[data-goi-y-noi]{cursor:help}
.lien-ket-ct{border:0;background:none;padding:0;font:inherit;color:var(--mau-chinh);
  cursor:pointer;text-decoration:underline}
.lien-ket-ct:hover{color:var(--mau-chinh-dam)}

/* Lop noi Dat gia theo cong thuc */
.lop-dat-gia{position:fixed;z-index:135;display:none;background:var(--nen-the);
  border-radius:var(--bo-goc);box-shadow:var(--do-bong-noi);padding:14px 16px;width:486px}
.lop-dat-gia.mo{display:block}
.dau-dat-gia{font-size:var(--chu-14);font-weight:500;margin-bottom:10px}
.gia-moi-xem{font-size:var(--chu-13);color:var(--chu-phu);margin-bottom:10px}
.gia-moi-xem b{color:var(--mau-chinh);font-weight:500}
.chan-dat-gia{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}

/* Mot hang cong thuc gia (dung chung hai noi) */
/* Mot hang duy nhat, khong duoc xuong dong. O so va hai nut don vi nam CHUNG trong mot khung vien. */
.dong-cong-thuc{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.dong-cong-thuc .nhan-ngang{flex:0 0 auto}
.dong-cong-thuc select{flex:1 1 120px;min-width:96px}
.o-so-don-vi{display:flex;align-items:center;flex:1 1 160px;min-width:132px;
  border:1px solid var(--vien);border-radius:var(--bo-goc);background:var(--nen-the);
  overflow:hidden}
.o-so-don-vi:focus-within{border-color:var(--mau-chinh);box-shadow:0 0 0 2px var(--mau-chinh-nhat)}
.o-so-ct{flex:1 1 auto;min-width:0;width:100%;text-align:right;border:0;box-shadow:none;
  background:none;padding:0 8px;height:32px}
.o-so-ct:focus{border:0;box-shadow:none}
/* Nut chi co icon: inline-flex canh giua ca hai chieu, khong icon se lech goc */
.nut-dau{width:26px;height:26px;border:1px solid var(--vien);border-radius:50%;background:var(--nen-the);
  color:var(--chu-phu);cursor:pointer;font-size:11px;flex:0 0 auto;padding:0;
  display:inline-flex;align-items:center;justify-content:center}
.nut-dau .hinh{width:13px;height:13px}
.nut-dau.dang-chon{background:var(--mau-chinh);border-color:var(--mau-chinh);color:var(--mau-chinh-chu)}
.nut-don-vi{flex:0 0 auto;border:0;border-left:1px solid var(--vien);background:var(--nen-the);
  color:var(--chu-phu);cursor:pointer;font-size:var(--chu-12);padding:0 10px;height:32px}
.nut-don-vi.dang-chon{background:var(--mau-chinh);color:var(--mau-chinh-chu)}

/* O xo da duoc lamDepXo boc lai, the <select> that bi an di - do rong phai dat len o BOC, dat len the that thi khong an thua gi. */
.dong-cong-thuc .o-xo-dep{flex:1 1 150px;min-width:120px}

/* Dong "Tự động làm tròn giá đến [đồng] (i)" duoi hang cong thuc */
.dong-lam-tron{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.dong-lam-tron .dong-tick{margin-bottom:0}
.dong-lam-tron .o-xo-dep{flex:0 0 auto;min-width:110px}
.dong-lam-tron .chu-mach{display:inline-flex;align-items:center}
.dong-lam-tron .chu-mach .hinh{width:15px;height:15px}

/* Chua chon nguon: ca cum xam nhat va khong go / khong bam duoc */
/* Giu nguyen class dang-chon de chon nguon xong la tra lai dung trang thai cu */
.dong-cong-thuc.khoa-ct .nut-dau,
.dong-cong-thuc.khoa-ct .nut-dau.dang-chon{background:var(--nen-phu);border-color:var(--vien);
  color:var(--chu-mo);cursor:default}
.dong-cong-thuc.khoa-ct .o-so-don-vi{background:var(--nen-phu);border-color:var(--vien)}
.dong-cong-thuc.khoa-ct .o-so-don-vi:focus-within{border-color:var(--vien);box-shadow:none}
.dong-cong-thuc.khoa-ct .o-so-ct{color:var(--chu-mo);cursor:default}
.dong-cong-thuc.khoa-ct .nut-don-vi,
.dong-cong-thuc.khoa-ct .nut-don-vi.dang-chon{background:transparent;color:var(--chu-mo);cursor:default}

/* Hop thoai Tao bang gia */
.hop-bang-gia{max-width:620px;width:100%}
.hang-the-ht{display:flex;gap:var(--cach-4);padding:0 var(--cach-4);border-bottom:1px solid var(--vien)}
.the-ht{border:0;background:none;padding:10px 2px;font:var(--chu-14) var(--font);color:var(--chu-phu);
  cursor:pointer;border-bottom:2px solid transparent}
.the-ht.dang-o{color:var(--mau-chinh);border-bottom-color:var(--mau-chinh);font-weight:500}

.khoi-gap{border:1px solid var(--vien);border-radius:var(--bo-goc);margin-top:var(--cach-3)}
.dau-khoi-gap{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;
  font-size:var(--chu-13)}
.nut-gap{border:0;background:none;color:var(--chu-phu);cursor:pointer;font-size:11px}
.khoi-gap .than-khoi-gap{display:none;padding:0 12px 12px}
.khoi-gap.mo .than-khoi-gap{display:block}
.khoi-gap:not(.mo) .nut-gap i{transform:rotate(180deg)}
/* Bam duoc CA DONG tieu de, khong bat nham dung nut mui ten 18px */
.dau-khoi-gap.co-gap{cursor:pointer}
.dau-khoi-gap.co-gap:hover{background:var(--nen-phu);border-radius:var(--bo-goc)}

.dong-o-ngang{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.nhan-ngang{font-size:var(--chu-13);color:var(--chu-phu);flex:0 0 72px}
.chu-giua{font-size:var(--chu-13);color:var(--chu-phu)}

/* O "Hiệu lực": ngay + gio + hai icon nam CHUNG mot khung. Khong dung <input type=date/time> vi may nao dat tieng Anh la ra kieu My, va moi trinh duyet ve mot kieu khac nhau. */
.o-hieu-luc{display:inline-flex;align-items:center;height:var(--cao-o-nhap);
  border:1px solid var(--vien);border-radius:var(--bo-goc);background:var(--nen-the);
  flex:0 0 auto;overflow:hidden}
.o-hieu-luc:hover,.o-hieu-luc:focus-within{border-color:var(--mau-chinh)}
.o-hieu-luc .hl-chu{border:0;background:none;font:inherit;font-size:var(--chu-13);
  color:var(--chu);cursor:pointer;padding:0 3px;height:100%;white-space:nowrap}
.o-hieu-luc .hl-chu:first-of-type{padding-left:9px}
.o-hieu-luc .hl-nut{border:0;background:none;color:var(--chu-mo);cursor:pointer;
  padding:0 4px;height:100%;display:inline-flex;align-items:center;justify-content:center}
.o-hieu-luc .hl-nut:last-child{padding-right:8px}
.o-hieu-luc .hl-nut .hinh{width:15px;height:15px}
.o-hieu-luc .hl-chu:hover,.o-hieu-luc .hl-nut:hover{color:var(--mau-chinh)}
.dong-radio-ngang{display:flex;align-items:center;gap:6px;font-size:var(--chu-13);cursor:pointer}
.dong-radio-ngang input{accent-color:var(--mau-chinh)}
.dong-radio-doc{display:flex;align-items:center;gap:8px;font-size:var(--chu-13);
  cursor:pointer;padding:5px 0}
.dong-radio-doc input{accent-color:var(--mau-chinh);flex:0 0 auto}
.dong-radio-doc.lui-vao{padding-left:24px}
.chu-mach{color:var(--chu-mo);font-size:12px}

.khoi-vien{border:1px solid var(--vien);border-radius:var(--bo-goc);padding:10px 12px;
  margin-bottom:var(--cach-3)}
.ten-khoi-vien{font-size:var(--chu-13);font-weight:500;margin-bottom:4px}
.ds-pham-vi{max-height:180px;overflow:auto;padding:6px 0 0 24px;border-top:1px solid var(--vien);
  margin-top:8px}
.ds-pham-vi.an{display:none}

@media(max-width:767px){
  .lop-dat-gia{left:8px !important;right:8px;width:auto}
  .dong-cong-thuc{flex-wrap:wrap}
  .dong-cong-thuc .o-xo-dep{flex:1 1 100%}
  .nhan-ngang{flex:0 0 100%}
  /* Hai o ngay + chu "đến" xuong hang cho du cho, khong bo hep chu lai */
  .o-hieu-luc{flex:1 1 100%}
}

/* NUT PHEU TREN DIEN THOAI. Nam ngay canh o tim tren thanh cong cu, bam la cot loc truot ra. Chi hien o man hinh hep VA chi o trang thuc su co cot loc. */
.nut-pheu-hep{display:none}

@media(max-width:767px){
  body:has(.cot-loc) .nut-pheu-hep{display:grid;place-items:center;position:absolute;
    right:-42px;top:50%;transform:translateY(-50%);
    width:36px;height:36px;border:1px solid var(--vien);border-radius:var(--bo-goc);
    background:var(--nen-the);color:var(--mau-chinh);cursor:pointer}
  body:has(.cot-loc) .nut-pheu-hep .hinh{width:16px;height:16px}
  body:has(.cot-loc) .nut-pheu-hep:active{background:var(--mau-chinh-nhat)}
  /* Chua cho cho nut pheu nam canh o tim */
  body:has(.cot-loc) .thanh-cong-cu .o-tim-khung{width:calc(100% - 42px)}
  /* Da co nut pheu canh o tim thi bo nut tron goc duoi cho do vuong */
  .nut-gon-loc{display:none}
}

/* An cham xanh "dang loc" canh nhan o loc (xem dung_loc.php) neu con sot o dau do. */
.cham-dang-loc{display:none}

/* NUT SUA MOT MUC TRONG O LOC LOP NOI. Nam cuoi dong, chi ro khi re chuot vao dong do cho khoi roi mat. */
.nut-sua-muc{flex:0 0 22px;height:22px;border:0;background:none;color:var(--chu-mo);
  cursor:pointer;font-size:11px;border-radius:4px;padding:0;opacity:0;transition:opacity .12s}
.ds-tick .dong-cay:hover .nut-sua-muc,
.nut-sua-muc:focus{opacity:1}
.nut-sua-muc:hover{background:var(--nen-phu);color:var(--mau-chinh)}

/* Nut Xoa trong chan hop thoai: vien do, day sang trai */
.nut-vien-do{margin-right:auto;background:none;border:1px solid var(--vien);color:var(--mau-loi)}
.nut-vien-do:hover{background:var(--nen-loi);border-color:var(--mau-loi)}

/* O chon nhom cha trong hop thoai: danh sach do cao vua phai */
#oChonNhomCha .lop-noi-goi-y{max-height:220px}

/* MAN HINH PHIEU CHUYEN HANG. Cac lop dung chung cho moi man hinh chung tu co hai chan. */

/* Nut Hoan thanh mau xanh la - dung canh nut Luu tam mau xanh duong */
.nut-hoan-tat{background:var(--mau-thanh-cong);color:#fff;font-weight:500;
  border-color:var(--mau-thanh-cong)}
.nut-hoan-tat:hover{background:#167445;border-color:#167445}

/* O tim hang nam ngay tren thanh tieu de cua man phieu */
.phieu-dau .o-tim-hang{flex:1;min-width:0;max-width:620px;margin:0 var(--cach-3);
  background:var(--nen-the)}

/* Dong dau cot phai: nguoi dang lam va o chon ngay gio */
.phieu-dau-phai{display:flex;align-items:center;gap:var(--cach-2);
  padding-bottom:var(--cach-3);margin-bottom:var(--cach-3);
  border-bottom:1px solid var(--vien)}
.phieu-nguoi{flex:1;min-width:0;display:flex;align-items:center;gap:6px;
  font-size:var(--chu-13);color:var(--chu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phieu-nguoi i{color:var(--chu-phu)}
.phieu-dau-phai .o-nhap{width:auto;max-width:170px;font-size:var(--chu-13)}

/* O chi de nhin tren cot phai: ma phieu tu sinh, trang thai, dong tong */
.phieu-o .o-form-lien label{display:none}
.o-chu-tinh{display:block;padding:7px 0;font-size:var(--chu-13);color:var(--chu)}
.o-chu-tinh.mo{color:var(--chu-mo)}

/* Bang dong hang tren man phieu */
.bang-phieu .cot-thao-tac{width:40px}
/* (Luat mau cua cot STT tren bang phieu nam o phan "Cot STT" ben duoi: luat chung '.bang-du-lieu td.cot-stt' dat mau-chu-mo nam sau nen de len day) */
.bang-phieu .ma-chinh{font-weight:500}

/* KHOI CHI TIET KIEU PHIEU (bung duoi mot dong cua bang danh sach) */
.ct-phieu-dau{display:flex;align-items:center;gap:var(--cach-2);margin-bottom:6px}
.ct-phieu-dau h3{margin:0;font-size:var(--chu-16);font-weight:600}
.ct-phieu-nguoi{display:flex;flex-wrap:wrap;gap:var(--cach-4);
  font-size:var(--chu-13);color:var(--chu-phu);margin-bottom:var(--cach-3)}
.ct-phieu-nguoi b{color:var(--chu);font-weight:500}
/* Man khai 'dong_moi' o cum nguoi (hien gio: Kiem kho) thi cum chia thanh nhieu HANG, moi hang mot the '.ct-hang-nguoi'. Man khong khai thi khong sinh the nay nen luat duoi khong dinh toi. */
.ct-phieu-nguoi:has(.ct-hang-nguoi){flex-direction:column;gap:4px}
.ct-hang-nguoi{display:flex;flex-wrap:wrap;gap:var(--cach-4)}

.ct-phieu-ben{display:grid;grid-template-columns:1fr 1fr;gap:var(--cach-5);
  border:1px solid var(--vien);border-radius:var(--bo-goc);
  padding:var(--cach-3) var(--cach-4);margin-bottom:var(--cach-4)}
.ct-phieu-ben .ct-ben + .ct-ben{border-left:1px solid var(--vien);padding-left:var(--cach-4)}
/* Khoi thong tin phieu xep luoi 3 cot - dung cho man khai 'bo_cuc_ben' => 'luoi3'. Khong co vach ngan doc vi day la cac o cua MOT phieu, khong phai hai dau. */
.ct-phieu-ben-luoi{grid-template-columns:repeat(3,1fr)}
.ct-phieu-ben-luoi .ct-ben + .ct-ben{border-left:0;padding-left:0}
.ct-phieu-ben-luoi .ct-ben{display:flex;align-items:center;gap:8px}
.ct-phieu-ben-luoi .ct-ben-chu{flex:0 0 auto;margin:0}
.ct-phieu-ben-luoi .ct-ben select.o-nhap,
.ct-phieu-ben-luoi .ct-ben input.o-nhap{margin-top:0;flex:1;min-width:0;max-width:230px}
/* RIENG KHOI CHI TIET MAN DAT HANG */
.chi-tiet[data-tab="dat_hang"] .ct-phieu-ben{
  border:0;padding-left:0;padding-right:0;
  /* Luat chung dat gap:var(--cach-5) = 24px cho CA hai chieu - bo vien di roi thi 24px doc nhin thua, thu hep lai. */
  row-gap:var(--cach-3);column-gap:var(--cach-5)}
.chi-tiet[data-tab="dat_hang"] .ct-phieu-ben-luoi .ct-ben .o-xo-dep,
.chi-tiet[data-tab="dat_hang"] .ct-phieu-ben-luoi .ct-ben .o-ngay-gio-ct{
  flex:1;min-width:0;max-width:230px}
/* Luat chung cua luoi 3 cot de nhan la 'flex:0 0 auto' - be ngang nhan BANG DUNG be ngang chu cua no. */
.chi-tiet[data-tab="dat_hang"] .ct-phieu-ben-luoi .ct-ben-chu{
  flex:0 0 108px;white-space:nowrap}
/* Dong do co BA phan roi, moi phan mot co chu: ten khach (ct-td-lk) an luat '.ct-phieu-dau h3', KHONG phai var(--chu-15) cua chinh no */
.chi-tiet[data-tab="dat_hang"] .ct-phieu-dau h3,
.chi-tiet[data-tab="dat_hang"] .ct-phieu-dau .ct-td-lk{font-size:var(--chu-20)}
.chi-tiet[data-tab="dat_hang"] .ct-phieu-dau .ct-ma-mo{font-size:var(--chu-16)}
.chi-tiet[data-tab="dat_hang"] .ct-phieu-dau .nhan-tt{font-size:var(--chu-13)}

/* RIENG KHOI CHI TIET MAN HOA DON: bo o thong tin xep LUOI BA COT, doc theo hang */
.chi-tiet[data-tab="hoa_don"] .ct-phieu-ben{
  border:0;padding-left:0;padding-right:0;
  row-gap:var(--cach-3);column-gap:var(--cach-5)}
.chi-tiet[data-tab="hoa_don"] .ct-phieu-ben-luoi .ct-ben-chu{
  flex:0 0 84px;white-space:nowrap}
.chi-tiet[data-tab="hoa_don"] .ct-phieu-ben-luoi .ct-ben .o-xo-dep,
.chi-tiet[data-tab="hoa_don"] .ct-phieu-ben-luoi .ct-ben .o-ngay-gio-ct{
  flex:1;min-width:0;max-width:230px}
.chi-tiet[data-tab="hoa_don"] .ct-phieu-ben-luoi .ct-ben > .ct-ben-gia{
  flex:1;min-width:0;font-weight:400;color:var(--chu)}
/* Ten khach tren dong dau khoi to hon MOT bac (16,5 -> 21) - chi ten khach, ma phieu va chip giu nguyen */
.chi-tiet[data-tab="hoa_don"] .ct-phieu-dau .ct-td-lk{font-size:var(--chu-20)}

/* Bo cuc DOC: moi o mot dong, nhan ben trai - o nhap keo rong ra ben phai, khong khung vien bao quanh. Dung cho man khai 'bo_cuc_ben' => 'doc' Man khong khai thi khong dung toi luat nay. */
.ct-phieu-ben-doc{display:block;border:0;padding:0;margin-bottom:var(--cach-4)}
.ct-phieu-ben-doc .ct-ben{display:flex;align-items:center;gap:var(--cach-3);
  margin-bottom:6px}
/* Phai viet dung dang '.ct-ben + .ct-ben' moi de duoc luat chung o tren (luat do ke mot vach doc va thut le cho o thu hai tro di - dung cho bo cuc HAI DAU, khong dung cho bo cuc doc). */
.ct-phieu-ben-doc .ct-ben + .ct-ben{border-left:0;padding-left:0}
.ct-phieu-ben-doc .ct-ben:last-child{margin-bottom:0}
.ct-phieu-ben-doc .ct-ben-chu{flex:0 0 104px;margin:0}
/* Ba kieu o deu keo rong het phan con lai cua dong. Phai ke ca '.o-xo-dep' */
.ct-phieu-ben-doc .ct-ben select.o-nhap,
.ct-phieu-ben-doc .ct-ben input.o-nhap,
.ct-phieu-ben-doc .ct-ben > .o-xo-dep{margin-top:0;flex:1;min-width:0;max-width:none}

/* Gia tri nam sat mep PHAI cua dong dau khoi (ten chi nhanh) */
.ct-phieu-gp{margin-left:auto;font-size:var(--chu-13);color:var(--chu-phu)}

.ct-ben-ngay{font-size:var(--chu-12);color:var(--chu-phu);margin-bottom:4px}
/* O xam chi de nhin trong khoi chi tiet (vi du Ngay xuat) */
.o-ct-khoa{background:var(--nen-phu);color:var(--chu-phu);cursor:default}

.ct-ben-chu{font-size:var(--chu-13);color:var(--chu-phu)}
.ct-ben-chu b{color:var(--chu);font-weight:500}
.ct-ben select.o-nhap{margin-top:4px;max-width:320px}

.bang-dong-ct{width:100%;margin-bottom:var(--cach-4)}
/* Khung cuon ngang cua bang dong hang - chi man khai 'bang_cuon_ngang' moi co. Bang giu be ngang toi thieu, thua thi keo thanh cuon chu khong bop cot lai. */
.khung-cuon-dong-ct{max-width:100%;overflow-x:auto;margin-bottom:var(--cach-4)}
.khung-cuon-dong-ct > .bang-dong-ct{margin-bottom:0}
/* Thanh cuon phai LUON NHIN THAY. Tren Windows, Chrome giau thanh cuon overlay cho toi khi ro chuot vao - nguoi dung khong biet la bang con keo sang duoc. */
.khung-cuon-dong-ct{scrollbar-width:thin;scrollbar-color:#c7ccd6 transparent}
.khung-cuon-dong-ct::-webkit-scrollbar{height:10px}
.khung-cuon-dong-ct::-webkit-scrollbar-track{background:var(--nen-phu);border-radius:6px}
.khung-cuon-dong-ct::-webkit-scrollbar-thumb{background:#c7ccd6;border-radius:6px}
.khung-cuon-dong-ct::-webkit-scrollbar-thumb:hover{background:#aab1be}
[data-nen="toi"] .khung-cuon-dong-ct{scrollbar-color:#4a5261 transparent}
[data-nen="toi"] .khung-cuon-dong-ct::-webkit-scrollbar-thumb{background:#4a5261}
.dong-o-tim-ct td{padding:4px 8px;background:var(--nen-the)}
.dong-o-tim-ct .o-nhap{padding:5px 8px;font-size:var(--chu-12);width:100%;max-width:220px}

.ct-phieu-duoi{display:flex;gap:var(--cach-5);align-items:flex-start;
  margin-bottom:var(--cach-3)}
.ct-ghi-chu{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--cach-2)}
.ct-ghi-chu .o-nhap{width:100%}
.ct-dong-ghi-chu{font-size:var(--chu-13);color:var(--chu-phu)}
/* Hinh cua dong ghi chu nay ve bang SVG hoac the <i> cua bo icon font - phai co ca hai luat. */
.ct-dong-ghi-chu i{color:var(--chu-mo);margin-right:4px}
.ct-dong-ghi-chu .hinh{width:14px;height:14px;color:var(--chu-mo);
  margin-right:4px;vertical-align:-2px;
  /* Luat goc '.hinh' de display:block nen hinh bi xuong mot hang rieng - ep ve inline de hinh va chu nam cung mot hang. */
  display:inline-block}
.ct-tom-tat{width:300px;flex:none}
.ct-tom-tat .dong-tong-phieu{padding:3px 0}
.ct-tom-tat .dong-tong-phieu:last-child b{color:var(--chu);font-size:var(--chu-14)}

/* Ca NAM nut cua thanh chan phai CUNG MOT MAU chu */
.chan-chi-tiet .nut-chu{white-space:nowrap;text-decoration:none;color:var(--chu)}
.chan-chi-tiet .nut-chu:hover{color:var(--mau-chinh)}
.chan-chi-tiet .nut-chu-do:hover{color:var(--mau-loi)}

@media (max-width:1024px){
  .ct-phieu-ben,
  .ct-phieu-ben-luoi{grid-template-columns:1fr}
  .ct-phieu-ben .ct-ben + .ct-ben{border-left:0;padding-left:0;
    border-top:1px solid var(--vien);padding-top:var(--cach-3)}
  .ct-phieu-duoi{flex-direction:column}
  .ct-tom-tat{width:100%}
}

/* In rieng mot khoi chi tiet: giau het phan con lai cua trang */
@media print{
  body.dang-in-khoi{visibility:hidden}
  body.dang-in-khoi .khoi-dang-in{visibility:visible;position:fixed;left:0;top:0;width:100%;
    background:#fff;padding:12px}
  body.dang-in-khoi .khoi-dang-in *{visibility:visible}
  body.dang-in-khoi .khoi-dang-in .chan-chi-tiet,
  body.dang-in-khoi .khoi-dang-in .dong-o-tim-ct{display:none !important}
}

/* O TIM TREN THANH CONG CU: THE XANH + LOP GOI Y. Vien chuyen tu the <input> ra khung ngoai de the nam duoc BEN TRONG vien. */
.o-tim-vien{display:flex;align-items:center;gap:6px;min-height:36px;
  padding:3px 6px 3px 30px;border:1px solid #dfe4ec;border-radius:var(--bo-goc);background:#fff}
.o-tim-khung:focus-within .o-tim-vien{border-color:var(--mau-chinh)}
.o-tim-khung .o-tim{flex:1;min-width:60px;width:auto;padding:4px 0;border:0;background:none}
.o-tim-khung .o-tim:focus{outline:0;border:0}
.o-tim-khung .bieu-tuong-tim{left:9px}

/* Vung chua the + o go: cuon ngang ngam, the tran thi JS gom thanh "+n" */
.o-tim-the{flex:1;min-width:0;display:flex;align-items:center;gap:4px;overflow:hidden}
.o-tim-the .the-chon{flex:none;display:inline-flex;align-items:center;gap:5px;
  background:var(--mau-chinh);color:#fff;border-radius:4px;padding:2px 4px 2px 7px;
  font-size:var(--chu-12);line-height:18px;white-space:nowrap}
.o-tim-the .the-chon.an{display:none}
.o-tim-the .the-chon i{width:16px;height:16px;display:flex;align-items:center;justify-content:center;
  cursor:pointer;border-radius:3px;font-size:10px}
.o-tim-the .the-chon i:hover{background:rgba(255,255,255,.25)}
.o-tim-khung .the-gom{flex:none;font-size:var(--chu-12);color:var(--chu-phu);padding:0 2px}
.o-tim-khung .nut-xoa-tim{flex:none;width:22px;height:22px;padding:0;border:0;background:none;
  color:var(--chu-mo);cursor:pointer;border-radius:4px;display:flex;align-items:center;
  justify-content:center;font-size:var(--chu-12)}
.o-tim-khung .nut-xoa-tim:hover{background:var(--nen-phu);color:var(--chu)}
.o-tim-khung .nut-tim-nc{position:static;transform:none;flex:none}

/* Lop goi y xo duoi o tim - rong dung bang o tim */
.lop-goi-y-tim{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:75;
  background:#fff;border:1px solid var(--vien);border-radius:var(--bo-goc);
  box-shadow:var(--do-bong-noi);max-height:330px;overflow:auto;padding:4px 0}
.lop-goi-y-tim.mo{display:block}
.muc-goi-y-tim{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;cursor:pointer}
.muc-goi-y-tim:hover{background:var(--mau-chinh-nhat)}
.muc-goi-y-tim.trong{cursor:default;color:var(--chu-phu);font-size:var(--chu-13);
  justify-content:center;padding:16px}
.muc-goi-y-tim .anh-goi-y{flex:none;width:38px;height:38px;border-radius:var(--bo-goc);
  background:var(--nen-phu);display:grid;place-items:center;color:var(--mau-chinh);font-size:15px}
.muc-goi-y-tim .chu-goi-y{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.muc-goi-y-tim .chu-goi-y b{font-size:var(--chu-13);font-weight:500;color:var(--chu);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.muc-goi-y-tim .chu-goi-y span{font-size:var(--chu-12);color:var(--chu-phu);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.muc-goi-y-tim .dau-tick{flex:none;color:var(--mau-chinh);font-size:var(--chu-13);
  align-self:center;visibility:hidden}
.muc-goi-y-tim.da-chon .dau-tick{visibility:visible}

/* Man phieu Kiem kho: cum nut dau, dai tab dem, quet ma vach, chon nhom */
.phieu-nut-dau{display:flex;align-items:center;gap:var(--cach-2);margin-left:auto}
.nut-vuong{width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center}
.nut-vuong.dang-mo{background:var(--mau-chinh);border-color:var(--mau-chinh);color:#fff}
/* Man phieu khai 'in_nut_khong_to_mau' (hien chi Xuất dùng nội bộ): nut may in giu ao trang, vien xam nhu ba nut ben canh KE CA khi lop tuy chon dang mo. */
.nut-vuong.nut-in-phang.dang-mo{background:#fff;border-color:var(--vien);color:var(--chu-phu)}

/* Nut "Phím tắt chức năng": dau than de MAU DEN nhu ba nut xam ben trai no, khong to mau. */
.nut-phim-tat .hinh{width:15px;height:15px}

.nut-trong-o{width:28px;height:28px;flex:none;display:flex;align-items:center;justify-content:center;
  border:0;background:transparent;color:var(--chu-phu);cursor:pointer;border-radius:var(--bo-goc)}
.nut-trong-o:hover{background:var(--mau-chinh-nhat);color:var(--mau-chinh)}
.nut-trong-o .hinh{width:17px;height:17px}

.cum-quet{display:flex;align-items:center;gap:var(--cach-2);flex:none}
.o-quet{display:flex;align-items:center;gap:6px;border:1px solid var(--vien);
  border-radius:var(--bo-goc);padding:0 var(--cach-2);height:36px;background:var(--nen-the)}
.o-quet span{font-size:var(--chu-12);color:var(--chu-phu);white-space:nowrap}
.o-quet input,.o-quet select{border:0;outline:0;background:transparent;font:inherit;
  font-size:var(--chu-13);color:var(--chu);width:78px}
.o-quet select{width:auto;max-width:120px;cursor:pointer}
/* O Don vi dung mot minh, khong boc them mot lop vien nua cho khoi hai lan khung */
/* Bo may lam dep select thay the <select> bang mot nut, nen chieu cao phai dat cho CAI NUT do - dat cho the select (dang bi giau di) thi khong an gi. */
.cum-quet .nut-xo-lop{height:36px;min-width:96px;padding:0 10px;font-size:var(--chu-13)}
.cum-quet .lop-xo-chon{min-width:112px}
.o-quet-chon{height:36px;padding:0 6px;width:auto;min-width:88px;
  font-size:var(--chu-13);cursor:pointer}

.tab-dong-phieu{margin-bottom:var(--cach-3)}

.phieu-trong{text-align:center;padding:var(--cach-6) var(--cach-4)}
.phieu-trong-tieu-de{margin:0 0 var(--cach-2);font-size:var(--chu-16);font-weight:600;color:var(--chu)}
.phieu-trong-phu{margin:0 0 var(--cach-4);font-size:var(--chu-13);color:var(--chu-phu)}
.phieu-trong-phu a{color:var(--mau-chinh);text-decoration:underline}
.nut-chon-tep{display:inline-flex;align-items:center;gap:var(--cach-2);cursor:pointer}

.o-form-hang{display:flex;align-items:center;justify-content:space-between;gap:var(--cach-3)}
.phieu-o .o-form-hang label{margin:0;flex:none;font-size:var(--chu-13);color:var(--chu-phu)}
/* So tong o cot phai: canh phai, mau chinh, dam hon */
.phieu-o .o-form-hang .o-chu-tinh[data-tong]{margin-left:auto;text-align:right;
  color:var(--mau-chinh);font-weight:600;font-size:var(--chu-14)}
/* O tong khai 'mau' => 'den': giong het o go so nam ngay tren duoi no - cung mau, cung co chu, cung do dam. */
.phieu-o .o-form-hang .o-chu-tinh[data-tong].tong-den{color:var(--chu);
  font-weight:400;font-size:var(--chu-14)}
/* O go so ben cot phai (Giam gia, Tien tra nha cung cap) mang lop canh-phai - luat canh phai cho o tren phieu. */
.phieu-o .o-nhap.canh-phai{text-align:right}
.o-form-hang .o-chu-tinh{text-align:right;padding:0;font-size:var(--chu-13)}
.o-form-hang .o-chu-tinh.mo{border:1px solid var(--vien);border-radius:var(--bo-goc);
  padding:7px var(--cach-3);min-width:160px}

.phieu-gan-day{margin-top:var(--cach-4);border:1px solid var(--vien);border-radius:var(--bo-goc);
  overflow:hidden}
.phieu-gan-day-dau{background:var(--mau-chinh-nhat);color:var(--chu);font-size:var(--chu-13);
  font-weight:500;padding:var(--cach-2) var(--cach-3)}
.phieu-gan-day-than{min-height:150px;max-height:260px;overflow:auto}
.dong-gan-day{display:flex;align-items:center;gap:var(--cach-2);padding:6px var(--cach-3);
  font-size:var(--chu-12);border-bottom:1px solid var(--vien)}
.dong-gan-day:last-child{border-bottom:0}
.gd-ma{color:var(--mau-chinh);flex:none}
.gd-ten{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--chu-phu)}
.gd-sl{flex:none;color:var(--chu)}

.lop-phim-tat{min-width:190px;padding:var(--cach-2)}
.dong-phim-tat{display:flex;align-items:center;gap:var(--cach-3);padding:4px var(--cach-2);
  font-size:var(--chu-12);color:var(--chu-phu)}
.dong-phim-tat b{min-width:38px;color:var(--chu);font-weight:600}

.hop-nhom-hang .ht-chan{gap:var(--cach-2)}
.day-ra{flex:1}
.o-tim-nhom{display:flex;align-items:center;gap:var(--cach-2);border:1px solid var(--vien);
  border-radius:var(--bo-goc);padding:0 var(--cach-3);margin-bottom:var(--cach-3);color:var(--chu-phu)}
.o-tim-nhom input{flex:1;min-width:0;border:0;outline:0;padding:9px 0;font:inherit;
  font-size:var(--chu-13);background:transparent;color:var(--chu)}
.cay-nhom{max-height:46vh;overflow:auto}
.dong-nhom{display:flex;align-items:center;gap:var(--cach-1);padding:2px 0}
.dong-nhom .dong-tick{flex:1;min-width:0}
/* Vung bam de xo/gap mot nhanh: the <label> chi rong theo chu, phan con lai cua dong la vung xo/gap. */
.cay-nhom .dong-nhom .dong-tick{flex:0 1 auto}
.cay-nhom .dong-nhom.co-con{cursor:pointer;border-radius:var(--bo-goc)}
.cay-nhom .dong-nhom.co-con:hover{background:var(--nen-phu)}
.nut-bung{width:22px;height:22px;flex:none;display:flex;align-items:center;justify-content:center;
  border:0;background:transparent;color:var(--chu-phu);cursor:pointer;font-size:var(--chu-11)}
.nut-bung.trong{cursor:default}
.nhom-trong{padding:var(--cach-4);text-align:center;color:var(--chu-phu);font-size:var(--chu-13)}

@media (max-width:640px){
  .phieu-nut-dau{width:100%;margin-left:0;justify-content:flex-end}
  .o-quet select{max-width:90px}
}

/* Nut con mat: hai hinh chong nhau, dang an cot thi doi sang hinh gach cheo */
.nut-vuong .hinh{width:17px;height:17px}
.nut-vuong .hinh-dong{display:none}
.nut-vuong.dang-mo .hinh-mo{display:none}
.nut-vuong.dang-mo .hinh-dong{display:block}

/* Lich tuy chinh: cac cap chon Tháng - Năm - Khoảng năm */
.dau-thang b[data-len]{cursor:pointer;border-radius:var(--bo-goc);padding:2px 8px}
.dau-thang b[data-len]:hover{background:var(--mau-chinh-nhat);color:var(--mau-chinh)}
.luoi-muc{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--cach-2) 4px;
  padding:var(--cach-2) 0;min-height:196px;align-content:start}
/* Khoang nam ("1990 - 1999") dai chu nen xep hai cot cho khoi chong chu */
.luoi-muc-doi{grid-template-columns:repeat(2,1fr)}
.o-muc{height:42px;padding:0 2px;border:1px solid transparent;background:none;border-radius:21px;
  cursor:pointer;font:inherit;font-size:var(--chu-13);color:var(--mau-chinh);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.o-muc.o-muc-rong{font-size:var(--chu-12);border-radius:var(--bo-goc)}
.o-muc:hover{border-color:var(--mau-chinh)}
.o-muc.dang-chon{background:var(--mau-chinh);color:#fff;border-color:var(--mau-chinh)}
.o-muc.mo-nhat{color:var(--chu-mo)}

/* Man thao tac toan man hinh: hai cot cao tran man, khong cuon ca trang */
/* Thanh dau trang va thanh menu VAN GIU - hai thanh nay co dinh tren cung. Chi phan phieu ben duoi chiem het chieu cao con lai. */
body.man-toan{overflow:hidden}
body.man-toan main{padding:0}
body.man-toan .trang-phieu{padding:0;display:flex;flex-direction:column;
  height:calc(100vh - var(--cao-dau-trang) - var(--cao-menu))}
body.man-toan .phieu-dau{flex:none;padding:var(--cach-2) var(--cach-3);margin:0;
  background:var(--nen-the);border-bottom:1px solid var(--vien)}
/* Nut quay lai de mui ten tran, khong khung vien */
.nut-quay-lai{display:flex;align-items:center;justify-content:center;width:30px;height:30px;
  flex:none;color:var(--chu);font-size:var(--chu-16)}
.nut-quay-lai:hover{color:var(--mau-chinh)}

body.man-toan .phieu-than{flex:1;min-height:0;padding:var(--cach-3);gap:var(--cach-3);
  align-items:stretch}
/* Card trai: dai tab nam sat mep tren, bang cuon ben trong */
body.man-toan .phieu-trai{display:flex;flex-direction:column;min-height:0;padding:0;
  overflow:visible}
body.man-toan .phieu-trai .tab-dong-phieu{flex:none;margin:0;padding:0 var(--cach-3);
  gap:var(--cach-4);background:var(--nen-the);border-radius:var(--bo-goc-lon) var(--bo-goc-lon) 0 0}
body.man-toan .phieu-trai .bang-cuon{flex:1;min-height:0;overflow:auto}
body.man-toan .phieu-trai > .o-tim-hang{margin:var(--cach-3)}
/* Card phai: cao het cot, KHONG cuon ca cot - chi phan giua cuon ben trong, thanh nut duoi cung luon ghim day cot */
body.man-toan .phieu-phai{display:flex;flex-direction:column;min-height:0;overflow:hidden}
body.man-toan .phieu-phai .phieu-gan-day{flex:1;min-height:120px;display:flex;flex-direction:column}
body.man-toan .phieu-phai .phieu-gan-day-than{flex:1;min-height:0;max-height:none}
body.man-toan .phieu-nut{flex:none}

/* Khoi tong ben cot phai - doi theo tab dong dang mo */
.phieu-tom-tab{margin-bottom:var(--cach-3)}
.dong-tom-tab{display:flex;align-items:center;gap:var(--cach-2);padding:5px 0;
  font-size:var(--chu-13);color:var(--chu-phu)}
.dong-tom-tab span{flex:none}
.dong-tom-tab .o-dem{font-style:normal;min-width:34px;text-align:center;
  border:1px solid var(--vien);border-radius:var(--bo-goc);padding:2px 6px;
  font-size:var(--chu-12);color:var(--chu)}
.dong-tom-tab b{margin-left:auto;color:var(--chu);font-weight:500}

/* O ngay gio tach doi: bam phan ngay ra lich, bam phan gio ra danh sach moc */
.o-ngay-gio{display:inline-flex;align-items:center;border:1px solid var(--vien);
  border-radius:var(--bo-goc);overflow:hidden;background:var(--nen-the)}
.o-ngay-gio button{border:0;background:transparent;font:inherit;font-size:var(--chu-13);
  color:var(--chu);padding:6px 8px;cursor:pointer}
.o-ngay-gio button:hover:not(:disabled){background:var(--mau-chinh-nhat);color:var(--mau-chinh)}
.o-ngay-gio button:disabled{cursor:default;color:var(--chu-phu)}
.o-ngay-gio .phan-gio{border-left:1px solid var(--vien)}
.lop-ngay-gio{position:fixed;z-index:130;background:#fff;border:1px solid var(--vien);
  border-radius:var(--bo-goc);box-shadow:var(--do-bong-noi);padding:10px}
.lop-lich-ngay{width:262px}
.lop-lich-ngay .luoi-muc{min-height:172px}
.lop-lich-ngay .luoi-ngay{grid-template-columns:repeat(7,1fr)}
.chan-lich-ngay{margin-top:8px;padding-top:8px;border-top:1px solid var(--vien);
  text-align:center;font-size:var(--chu-12);color:var(--mau-chinh)}
.lop-gio{width:132px;max-height:240px;overflow:auto;padding:4px;display:flex;flex-direction:column}
.muc-gio{border:0;background:transparent;font:inherit;font-size:var(--chu-13);color:var(--chu);
  padding:7px 12px;text-align:left;cursor:pointer;border-radius:var(--bo-goc)}
.muc-gio:hover{background:var(--mau-chinh-nhat)}
.muc-gio.dang-chon{background:var(--mau-chinh);color:#fff}

/* O So luong / Don vi chua go gi thi de mo di */
.o-quet-trong{background:var(--nen-phu)}
.o-quet-trong input,.o-quet-trong select{color:var(--chu-mo)}

@media (max-width:640px){
  body.man-toan{overflow:auto}
  body.man-toan .trang-phieu{height:auto}
  body.man-toan .phieu-dau{flex-wrap:wrap}
}

/* Ba lop tuy chon tren thanh tieu de man phieu (dung chung) */
.dau-lop-noi{font-size:var(--chu-13);font-weight:600;color:var(--chu);
  padding:var(--cach-2) var(--cach-3);border-bottom:1px solid var(--vien)}
.lop-phim-tat{min-width:330px;padding-bottom:var(--cach-2)}
.dong-phim-tat{display:flex;align-items:flex-start;gap:var(--cach-3);
  padding:5px var(--cach-3);font-size:var(--chu-12);color:var(--chu)}
.dong-phim-tat b{min-width:46px;flex:none;color:var(--chu);font-weight:600}
/* Mui ten len/xuong ve nho hon han chu cua cac phim khac - keo len cho bang */
.phim-mui-ten{font-size:var(--chu-16);line-height:1;display:inline-block}

.lop-tuy-chon{min-width:262px;padding-bottom:var(--cach-2)}
.tab-tuy-chon{margin:0 var(--cach-3) var(--cach-2);gap:var(--cach-4)}
.than-tuy-chon{padding:0 var(--cach-3)}
.dong-gat{display:flex;align-items:center;justify-content:space-between;gap:var(--cach-3);
  padding:7px 0;font-size:var(--chu-13);color:var(--chu);cursor:pointer}
.cong-tac{appearance:none;-webkit-appearance:none;width:36px;height:20px;flex:none;margin:0;
  border-radius:10px;background:var(--vien-dam);position:relative;cursor:pointer;
  transition:background .15s}
.cong-tac::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;
  border-radius:50%;background:#fff;transition:left .15s}
.cong-tac:checked{background:var(--mau-chinh)}
.cong-tac:checked::after{left:18px}

.cum-nut-nho{display:flex;gap:4px;flex:none}
.nut-nho{width:30px;height:26px;border:1px solid var(--vien);background:#fff;cursor:pointer;
  border-radius:var(--bo-goc);color:var(--chu-phu);font-size:var(--chu-12)}
.nut-nho.dang-chon{background:var(--mau-chinh);border-color:var(--mau-chinh);color:#fff}
.lop-in{min-width:300px;padding:var(--cach-2) var(--cach-3)}
.cum-o-in{display:flex;gap:4px;flex:none}
.cum-o-in select{width:96px;font-size:var(--chu-12);padding:4px 6px}
.cum-o-in input{width:56px;font-size:var(--chu-12);padding:4px 6px}
/* O so ban in: hai nut tang/giam ve tay, may nao cung giong nhau */
.o-so-in{position:relative;display:inline-flex;flex:none}
.o-so-in input{width:56px;padding-right:20px}
.nut-so-in{position:absolute;right:1px;top:1px;bottom:1px;width:18px;display:flex;
  flex-direction:column;border-left:1px solid var(--vien);overflow:hidden}
.nut-so-in button{flex:1;border:0;background:transparent;color:var(--chu-phu);cursor:pointer;
  padding:0;line-height:0;display:flex;align-items:center;justify-content:center}
.nut-so-in button:hover{background:var(--mau-chinh-nhat);color:var(--mau-chinh)}
.nut-so-in button + button{border-top:1px solid var(--vien)}
.nut-so-in .hinh{width:9px;height:9px}
/* Cum hai nut chu trong lop tuy chon (Giảm giá: VND | %) */
.cum-nut-chu .nut-nho{width:auto;min-width:36px;padding:0 8px;font-weight:600}

/* Anh nho ghep vao o Ten hang va danh sach goi y */
.o-ten-anh{display:flex;align-items:center;gap:var(--cach-2);min-width:0}
.o-ten-anh img,.o-ten-anh .anh-trong{width:26px;height:26px;flex:none;border-radius:var(--bo-goc);
  object-fit:cover;background:var(--nen-phu);border:1px solid var(--vien)}
.o-ten-anh > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.anh-goi-y{width:24px;height:24px;flex:none;border-radius:var(--bo-goc);object-fit:cover;
  background:var(--nen-phu)}

/* Chon nhieu hang hoa */
.thanh-chon-dong{display:flex;align-items:center;gap:var(--cach-3);flex:none;
  padding:var(--cach-2) var(--cach-3);background:var(--mau-chinh-nhat);
  border-bottom:1px solid var(--vien);font-size:var(--chu-13)}
.thanh-chon-dong b{color:var(--mau-chinh)}
tr.dong-da-chon > td{background:var(--mau-chinh-nhat)}

/* Hang o loc ngay duoi tieu de bang phieu */
.dong-o-loc-phieu td{padding:4px 6px;background:var(--nen-the)}
.dong-o-loc-phieu .o-nhap{width:100%;padding:4px 8px;font-size:var(--chu-12)}

/* Form Tạo / Sửa hàng hóa */
.form-dau{display:grid;grid-template-columns:1fr 268px;gap:var(--cach-4);margin-bottom:var(--cach-4)}
.form-dau-trai{min-width:0}
.form-dau-phai{display:flex;gap:var(--cach-2)}
.anh-chinh{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:6px;min-height:118px;border:1px solid var(--vien);
  border-radius:var(--bo-goc);background:var(--nen-phu);cursor:pointer;text-align:center}
.anh-chinh img{width:100%;height:100%;object-fit:contain}
.anh-chinh .chu-anh{font-size:var(--chu-11);color:var(--chu-phu)}
.cot-anh-phu{display:flex;flex-direction:column;gap:6px;flex:none}
.anh-phu{width:26px;height:26px;flex:none;display:grid;place-items:center;border:1px solid var(--vien);
  border-radius:var(--bo-goc);background:var(--nen-phu);cursor:pointer;color:var(--chu-mo);
  font-size:var(--chu-11)}
.anh-phu img{width:100%;height:100%;object-fit:cover;border-radius:var(--bo-goc)}

.khoi-form{border:1px solid var(--vien);border-radius:var(--bo-goc);padding:0;margin:0 0 var(--cach-4)}
.dau-khoi-form{display:flex;align-items:center;justify-content:space-between;
  padding:var(--cach-3) var(--cach-4) 0}
.dau-khoi-form legend{padding:0;font-size:var(--chu-13);font-weight:600;color:var(--chu)}
.nut-thu-gon{border:0;background:transparent;cursor:pointer;color:var(--chu-phu);padding:2px 4px}
.khoi-form.gap-lai .than-khoi-form{display:none}
/* Dang MO thi mui ten chi LEN (^) - y bao "bam la thu lai". Thu gon roi thi chi XUONG (v) - y bao "bam la bung ra". Icon goc la chevron xuong nen phai xoay o trang thai MO. */
.khoi-form .nut-thu-gon,
.ct-khoi-goc .nut-thu-gon{transform:rotate(180deg)}
.khoi-form.gap-lai .nut-thu-gon,
.ct-khoi-goc.gap-lai .nut-thu-gon{transform:none}
.than-khoi-form{padding:var(--cach-3) var(--cach-4)}
.chu-khoi-form{margin:0 0 var(--cach-3);font-size:var(--chu-12);color:var(--chu-phu);line-height:1.5}
.ten-muc-form{font-size:var(--chu-13);font-weight:600;color:var(--chu);margin-bottom:4px}
.vach-khoi-form{border:0;border-top:1px solid var(--vien);margin:var(--cach-4) 0 var(--cach-3)}

.nhan-o-form{display:flex;align-items:center;justify-content:space-between;gap:var(--cach-2);
  margin-bottom:var(--cach-1)}
.nhan-o-form label{margin:0;font-size:var(--chu-12);color:var(--chu-phu)}
.nhan-o-form .lien-ket-nho{font-size:var(--chu-12)}

/* O chon co go tim */
.o-chon-tim{position:relative}
.nut-chon-tim{display:flex;align-items:center;justify-content:space-between;gap:var(--cach-2);
  width:100%;text-align:left;background:#fff;cursor:pointer;font:inherit;font-size:var(--chu-13)}
.nut-chon-tim > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--chu-phu)}
.o-chon-tim.dang-chon .nut-chon-tim > span{color:var(--chu)}
.lop-chon-tim{display:none;position:absolute;left:0;right:0;top:100%;z-index:70;margin-top:2px;
  background:#fff;border:1px solid var(--vien);border-radius:var(--bo-goc);
  box-shadow:var(--do-bong-noi)}
.o-chon-tim.mo .lop-chon-tim{display:block}
.o-tim-trong-lop{display:flex;align-items:center;gap:var(--cach-2);padding:0 var(--cach-2);
  margin:var(--cach-2);border:1px solid var(--mau-chinh);border-radius:var(--bo-goc);
  color:var(--chu-phu)}
.o-tim-trong-lop input{flex:1;min-width:0;border:0;outline:0;padding:7px 0;font:inherit;
  font-size:var(--chu-13)}
.ds-chon-tim{max-height:224px;overflow:auto;padding-bottom:var(--cach-1)}
/* Chu trong danh sach xo de MAU CHU THUONG, khong to xanh - to xanh nhin nhu ca danh sach deu la lien ket bam sang trang khac. */
.muc-chon-tim{display:block;padding:7px var(--cach-3);font-size:var(--chu-13);color:var(--chu)}
.muc-chon-tim:first-child{color:var(--chu-phu)}
.muc-chon-tim:hover{background:var(--mau-chinh-nhat)}
.muc-chon-tim.cap-2{padding-left:calc(var(--cach-3) + 18px)}
.muc-chon-tim.cap-3{padding-left:calc(var(--cach-3) + 36px)}

/* O so di kem nut don vi - chung mot khung vien */
.o-so-dv{display:flex;align-items:center;border:1px solid var(--vien);border-radius:var(--bo-goc);
  overflow:hidden;background:#fff}
.o-so-dv input{flex:1;min-width:0;border:0;outline:0;padding:7px var(--cach-3);font:inherit;
  font-size:var(--chu-13)}
.o-so-dv select{flex:none;width:62px;border:0;border-left:1px solid var(--vien);outline:0;
  padding:7px 4px;font:inherit;font-size:var(--chu-13);background:#fff;cursor:pointer}

/* Don vi tinh - thuoc tinh */
.luoi-don-vi{display:grid;grid-template-columns:1fr 160px auto;gap:var(--cach-3);
  align-items:end;margin-bottom:var(--cach-2)}
.nut-them-dong{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;
  color:var(--mau-chinh);font:inherit;font-size:var(--chu-13);cursor:pointer;padding:6px 0}
.hang-them-dong{display:grid;grid-template-columns:170px 1fr auto auto;gap:var(--cach-2);
  align-items:center;margin-bottom:var(--cach-2)}
.hang-them-dong .o-nhap{font-size:var(--chu-13)}
.nut-o-xoa-dong{border:0;background:transparent;color:var(--chu-phu);cursor:pointer;padding:6px}
.nut-o-xoa-dong:hover{color:var(--mau-loi)}

.khoi-hoa-hong .than-khoi-form{display:flex;align-items:center;justify-content:space-between;
  gap:var(--cach-4)}
.khoi-hoa-hong .chu-khoi-form{margin:0}
.khoi-chan-form .dong-tick .hinh,.khoi-chan-form .dong-tick i{color:var(--chu-mo)}

/* Luat .khoi-form cu la display:flex - khoi kieu moi phai tra ve block, neu khong tieu de khoi bi day sang thanh mot cot ben trai. */
.than-tab-form .khoi-form{display:block;padding:0}
.than-tab-form .khoi-form .luoi-form{display:grid;grid-template-columns:1fr 1fr;
  gap:var(--cach-3) var(--cach-4)}
.than-tab-form .luoi-form.luoi-4-cot{grid-template-columns:repeat(4,1fr)}
.form-dau-trai .luoi-form{display:grid;grid-template-columns:1fr 1fr;
  gap:var(--cach-3) var(--cach-4)}
.form-dau-trai .luoi-form.luoi-4-cot{grid-template-columns:repeat(4,1fr)}
.luoi-4-cot .o-form-rong{grid-column:span 4}
/* Luoi BA cot cho khoi khai 'cot' => 3 (dung_chi_tiet.php sinh lop luoi-<N>-cot). */
.than-tab-form .luoi-form.luoi-3-cot,
.form-dau-trai .luoi-form.luoi-3-cot,
.khoi-form .luoi-form.luoi-3-cot{grid-template-columns:repeat(3,1fr)}
.luoi-3-cot .o-form-rong{grid-column:span 3}
/* O khai 'rong' => 2: chiem dung hai cot. O luoi 2 cot thi bang tran ca hang. */
.o-form-rong-2{grid-column:span 2}
.ten-khoi-form{font-size:var(--chu-13);font-weight:600;color:var(--chu)}
.anh-chinh{border-style:dashed}
.ds-chi-nhanh{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--cach-2) var(--cach-4)}
.hop-rong{max-width:1140px}
/* Nut gop khong day margin-left:auto - khoang trong do o tick lo (.cho-chan-form), ba nut phai dinh lien nhau. */
.ht-chan .nut-co-menu{margin-left:0}
@media (max-width:640px){
  .than-tab-form .khoi-form .luoi-form,
  .than-tab-form .luoi-form.luoi-4-cot,
  .than-tab-form .luoi-form.luoi-3-cot,
  .form-dau-trai .luoi-form.luoi-3-cot,
  .khoi-form .luoi-form.luoi-3-cot,
  .form-dau-trai .luoi-form,
  .ds-chi-nhanh{grid-template-columns:1fr}
  /* Man hep thi moi o mot dong - o chiem 2 cot cung phai tra ve 1 */
  .o-form-rong-2,
  .luoi-3-cot .o-form-rong{grid-column:span 1}
  .form-dau{grid-template-columns:1fr}
}

/* Man phieu toan man hinh: MOI COT LA MOT CARD LON. Hai cot deu la the trang bo goc, co vien va do bong, nam tren nen xam cua trang. */
body.man-toan .phieu-than{padding:var(--cach-3);gap:var(--cach-3);background:var(--nen)}
body.man-toan .phieu-trai,
body.man-toan .phieu-phai{background:var(--nen-the);border:1px solid var(--vien);
  border-radius:var(--bo-goc-lon);box-shadow:var(--do-bong)}
/* Be rong cot phai phai du cho nhan DAI NHAT va CA O CHON nam gon MOT DONG. 300px vua khit den muc o chon bi cat chu ("Chọn loại x..."), thu nho man hinh lai cang doi. */
body.man-toan .phieu-phai{width:340px}
body.man-toan .phieu-trai .tab-dong-phieu{padding:0 var(--cach-4);border-radius:0}
body.man-toan .phieu-trai .phieu-trong{padding-top:var(--cach-6)}
/* Thanh cong cu la dong dau cua card trai nen bo goc theo card */
body.man-toan .phieu-trai > .phieu-dau{border-radius:var(--bo-goc-lon) var(--bo-goc-lon) 0 0;
  position:relative;z-index:30}
/* Card trai KHONG duoc cat trong (overflow:hidden), neu khong cac lop noi cua thanh cong cu (Tuy chon in / hien thi / phim tat) bi xen mat mot nua. */
body.man-toan .phieu-trai .bang-cuon{border-radius:0 0 var(--bo-goc-lon) var(--bo-goc-lon)}

/* Bo cuc hai cot cua man toan man hinh Thanh cong cu NAM TRONG cot trai (chi rong bang bang), cot phai cao tran tu sat thanh menu xuong day - hai cot bat dau cung mot muc. */
body.man-toan .phieu-phai{padding:0}
body.man-toan .phieu-phai-cuon{display:flex;flex-direction:column;
  flex:1;min-height:0;overflow:auto;padding:var(--cach-3)}
body.man-toan .phieu-nut{margin:0;padding:var(--cach-3);gap:var(--cach-2);
  border-top:1px solid var(--vien);background:var(--nen-the);flex-wrap:nowrap;
  border-radius:0 0 var(--bo-goc-lon) var(--bo-goc-lon)}
/* Hai nut day cot: icon nam TREN chu, canh giua */
body.man-toan .phieu-nut .nut{min-width:0;flex:1;flex-direction:column;gap:2px;
  padding:8px 6px;line-height:1.25;white-space:nowrap}

/* Cot phai: nhan trai - gia tri phai BAT DAU CUNG MOT VACH: MOI DONG deu chia dung mot be rong cot gia tri --cot-gt */
body.man-toan .phieu-phai{--cot-gt:172px}
body.man-toan .phieu-dau-phai,
body.man-toan .phieu-o .o-form-hang{display:grid;
  grid-template-columns:minmax(0,1fr) var(--cot-gt);align-items:center;gap:var(--cach-2)}
body.man-toan .phieu-dau-phai .o-ngay-gio,
body.man-toan .phieu-dau-phai .o-nhap{width:100%;max-width:none;justify-content:center}
body.man-toan .phieu-o .o-form-hang .o-chu-tinh{text-align:left;width:100%}
/* Rieng cac o SO thi van canh phai - chu canh trai, so canh phai Luat tren dat cho o CHU (ma phieu, trang thai). */
body.man-toan .phieu-o .o-form-hang .o-chu-tinh[data-tong]{text-align:right}
body.man-toan .phieu-o .o-form-hang .o-chu-tinh.mo{min-width:0;box-sizing:border-box;
  padding:7px var(--cach-2);white-space:nowrap}
body.man-toan .phieu-o .o-form-hang .o-nhap{width:100%;
  padding-left:var(--cach-2);padding-right:var(--cach-2)}
/* Nhan LUON nam mot dong. Nhan dai qua thi cat bot bang dau ba cham, khong bao gio de xuong dong lam le hai cot nhan - gia tri. */
body.man-toan .phieu-o .o-form-hang label{white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
/* Khoi tong theo tab. Dong khong co o dem thi gia tri xep dung cot gia tri nhu moi o khac. */
body.man-toan .dong-tom-tab:not(.co-dem) span{flex:1;min-width:0}
body.man-toan .dong-tom-tab:not(.co-dem) b{width:var(--cot-gt);flex:none;
  margin-left:0;text-align:left}
/* Khoi tong rong (man hinh khong khai 'tom_tat') thi dung ve duong ke thua */
.phieu-tong:empty{display:none;border:0;margin:0;padding:0}
/* Ten nguoi dung nho hon mot bac de vua cot nhan, khong bi cat chu */
body.man-toan .phieu-nguoi,
body.man-toan .dong-tom-tab span,
body.man-toan .phieu-o .o-form-hang label{font-size:var(--chu-12)}

/* Nut tron thu gon: DE LEN duong ke giua hai cot, canh giua theo chieu cao */
body.man-toan .phieu-than{position:relative}
.nut-gap-phai{position:absolute;top:50%;transform:translateY(-50%);z-index:20;
  right:calc(var(--cot-phai) + var(--cach-3) + var(--cach-3) / 2 - 14px);
  width:28px;height:28px;display:grid;place-items:center;
  border:1px solid var(--vien);border-radius:50%;background:#fff;color:var(--mau-chinh);
  cursor:pointer;font-size:var(--chu-11);box-shadow:var(--do-bong)}
.nut-gap-phai:hover{border-color:var(--mau-chinh);background:var(--mau-chinh-nhat)}
.nut-gap-phai .fa-solid{transition:transform .15s}

/* Trang thai da thu gon: cot phai co lai thanh mot dai nut icon. Nut "<" DOI XUONG nam ngay tren hai nut tron, thanh mot chong ba nut o goc duoi phai. */
/* Thu gon thi khong con card nua - ba nut tron noi tren nen trang */
body.man-toan .trang-phieu.gap-cot-phai .phieu-phai{width:64px;background:transparent;
  border:0;box-shadow:none}
.trang-phieu.gap-cot-phai .phieu-phai-cuon{display:none}
/* BA nut tron phai BANG NHAU, khong thi chong nut nhin so le. */
.trang-phieu.gap-cot-phai .nut-gap-phai{
  top:auto;transform:none;width:32px;height:32px;font-size:var(--chu-12);
  bottom:calc(var(--cach-3) * 2 + 32px * 2 + var(--cach-2) * 2);
  right:calc(var(--cach-3) + (64px - 32px) / 2)}
.trang-phieu.gap-cot-phai .nut-gap-phai .fa-solid{transform:rotate(180deg)}
body.man-toan .trang-phieu.gap-cot-phai .phieu-nut{flex:1;flex-direction:column;
  align-items:center;justify-content:flex-end;padding:var(--cach-3) 0;
  border-top:0;border-radius:0;background:transparent}
/* Chu an di, chi con icon - nut thanh hinh tron cho vua dai hep */
.trang-phieu.gap-cot-phai .phieu-nut .nut span{display:none}
body.man-toan .trang-phieu.gap-cot-phai .phieu-nut .nut{width:32px;height:32px;flex:none;
  padding:0;border-radius:50%;justify-content:center}

/* O ngay gio: NHIN LA MOT KHUNG LIEN, ben trong van la hai phan bam rieng */
.o-ngay-gio{border:1px solid var(--vien);border-radius:var(--bo-goc);gap:0}
.o-ngay-gio button{padding:6px 4px;color:var(--chu-phu)}
.o-ngay-gio .phan-ngay{padding-left:var(--cach-2)}
.o-ngay-gio .phan-gio{border-left:0;padding-right:var(--cach-2)}
.o-ngay-gio button:hover:not(:disabled){background:transparent;color:var(--mau-chinh)}
.o-ngay-gio:focus-within,.o-ngay-gio:hover{border-color:var(--mau-chinh)}
.nut-vuong .hinh{width:16px;height:16px}

/* O Don vi cua cum quet: bo mui ten mac dinh cua trinh duyet (to va lech co chu), ve lai mot mui ten nho dung bang co chu 13px */

/* bo select mac dinh cua trinh duyet, nut dong hop thoai de tran */
/* Nut dong (x) cua MOI hop thoai / lop noi: de tran, khong khung vien */
.ht-dau .nut-icon{border:0;background:transparent;width:28px;height:28px}
.ht-dau .nut-icon:hover{background:var(--nen-phu);color:var(--chu)}

/* Moi <select> dung lop o-nhap: bo mui ten mac dinh, ve lai mui ten nho dung co chu - select mac dinh moi he dieu hanh mot kieu, nhin rat le loi. */
select.o-nhap,.o-so-dv select{-webkit-appearance:none;-moz-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236b7280' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;padding-right:26px}
.o-so-dv select{background-position:right 6px center;padding-right:20px}
select.o-nhap::-ms-expand,.o-so-dv select::-ms-expand{display:none}

/* Dau hoi nho giai thich mot dong tuy chon */
.dau-hoi-nho{font-style:normal;color:var(--chu-mo);font-size:var(--chu-11);cursor:help;
  display:inline-flex;align-items:center;vertical-align:-2px}
.dau-hoi-nho .hinh{width:13px;height:13px;stroke-width:1.8}

/* Hop thoai chon nhom hang: dong goc va o Vi tri duoi cung */
.dong-nhom-goc{margin-bottom:var(--cach-1);padding-bottom:var(--cach-1)}
.dong-vi-tri{display:flex;align-items:center;gap:var(--cach-3);
  padding-top:var(--cach-3);margin-top:var(--cach-3)}
.dong-vi-tri > span{flex:none;font-size:var(--chu-13);color:var(--chu-phu)}
.dong-vi-tri .o-nhap{flex:1;min-width:0}
/* O chon dang khoa (phieu chi de xem) - mo di cho biet khong bam duoc */
.o-chon-tim.khoa .nut-chon-tim{background:var(--nen-phu);color:var(--chu-phu);cursor:default}
.dong-gat > span > label{cursor:pointer}

/* O LOC CHON NHIEU MUC (the nen xanh + danh sach xo co dau tick) */
/* DUNG CHUNG cho MOI tab co o loc 'chon_nhieu_the': Hoa don, Dat hang, Khach hang, Nhap hang, Chuyen hang, Lich su hoat dong... */
/* Bam vao o la xo danh sach ngay, khong phai go moi hien */
.o-chon-nhieu{cursor:pointer}
.o-chon-nhieu .o-the-nhap{cursor:text}
/* Nhieu muc thi CUON trong lop, khong do het ra man hinh. 9 dong la vua mot man, dong thu 10 tro di cuon. */
.lop-the-nhieu{max-height:312px;overflow-y:auto;scrollbar-width:thin}
.lop-the-nhieu::-webkit-scrollbar{width:6px}
.lop-the-nhieu::-webkit-scrollbar-thumb{background:#c8cfda;border-radius:6px;border:0}
.lop-the-nhieu .goi-y-dong{display:flex;align-items:center;justify-content:space-between;
  gap:var(--cach-2)}
.lop-the-nhieu .the-chu{min-width:0;overflow:hidden;text-overflow:ellipsis}
.lop-the-nhieu .dau-tick{display:none;flex:none;color:var(--mau-chinh);
  width:14px;height:14px;align-items:center;justify-content:center}
.lop-the-nhieu .dau-tick .hinh{width:14px;height:14px}
.lop-the-nhieu .goi-y-dong.da-chon .dau-tick{display:inline-flex}
/* Dong dang chon: NEN xanh nhat + chu dam, CHU VAN DE MAU THUONG (to xanh ca chu thi nhin nhu moi dong deu la lien ket bam sang trang khac). */
.lop-the-nhieu .goi-y-dong.da-chon{background:var(--mau-chinh-nhat)}
.lop-the-nhieu .goi-y-dong.da-chon .the-chu{font-weight:500}
/* NHANH RIENG o chon / o loc khai 'the_ma' (vai tro o tab Người dùng): the MA xam sat phai moi muc (truoc dau tick)
   va canh ten tren nut o chon. Lop chung .muc-chon-tim / .goi-y-dong cua o khac giu nguyen. */
.the-ma-chon{display:inline-block;flex:none;padding:0 6px;border:1px solid var(--vien);border-radius:var(--bo-goc);
  background:var(--nen-phu);color:var(--chu-phu);font-size:var(--chu-11);font-weight:600;line-height:18px;
  white-space:nowrap;vertical-align:middle}
.muc-chon-tim.co-the-ma{display:flex;align-items:center;gap:var(--cach-2);padding-right:30px}
.muc-chon-tim.co-the-ma .the-ma-chon,.lop-the-nhieu .goi-y-dong.co-the-ma .the-ma-chon{margin-left:auto}
.nut-chon-tim > span .the-ma-chon{margin-left:4px}
.lop-the-nhieu .goi-y-dong.co-the-ma .dau-tick{display:inline-flex;visibility:hidden}
.lop-the-nhieu .goi-y-dong.co-the-ma.da-chon .dau-tick{visibility:visible}

/* DONG DAU COT PHAI: O CHON NGUOI THAY CHO CHU TINH */
/* phieu-nguoi cat chu thua bang overflow:hidden - o chon can xo lop noi ra ngoai nen phai tra lai overflow cho no */
.phieu-nguoi-chon{display:block;overflow:visible;min-width:0}
.phieu-nguoi-chon .o-chon-tim{width:100%}
.phieu-nguoi-chon .nut-chon-tim > span{flex:1}
.phieu-nguoi-chon .lop-chon-tim{min-width:220px}
/* Man toan man hinh day moi .o-nhap ve giua - rieng o chon nguoi phai giu chu sat trai, mui ten sat phai nhu cac o chon khac */
.phieu-nguoi-chon .o-nhap.nut-chon-tim,
body.man-toan .phieu-dau-phai .phieu-nguoi-chon .nut-chon-tim{
  justify-content:space-between;text-align:left;width:100%;padding:5px 8px;gap:6px}

/* O CHON CHI NHANH TREN THANH DAU TRANG. Man rong: chi hien CHU ten chi nhanh, khong deo icon cua hang. Man hep: chu va mui ten thu lai, chi con GHIM DINH VI. */
.muc-chi-nhanh .hinh-hep{display:none;align-items:center}
.muc-chi-nhanh .hinh-hep .hinh{width:18px;height:18px}
/* Thu ve chi con ghim dinh vi tu 1200px */
@media(max-width:1200px){
  .muc-chi-nhanh{padding:6px}
  .muc-chi-nhanh .hinh-hep{display:inline-flex}
  .muc-chi-nhanh .chu-dau,
  /* Mui ten "v" la SVG (icon_svg('mui_xuong','nho')), khong phai <i class="fa-chevron-down"> - can luat rieng de an khi thu lai. */
  .muc-chi-nhanh > .hinh{display:none}
}

/* ICON DONG BO KIEU NET VIEN Bo font FontAwesome ban Solid ve hinh TO DAC, dat canh cac hinh SVG net vien thi nhin so le hai kieu. */
.muc-dau .hinh{width:18px;height:18px;flex:none}
.thanh-cong-cu .nut .hinh,
.thanh-cong-cu .nut-icon .hinh{width:16px;height:16px;flex:none}
.o-tim-hang > .hinh,
.o-tim-nhom > .hinh,
.o-tim-trong-lop > .hinh{width:16px;height:16px;flex:none}
.phieu-nguoi > .hinh{width:15px;height:15px;flex:none}
.nut-chon-tep .hinh{width:16px;height:16px}

/* Chu di kem icon tren thanh dau trang: man hep (tu 1200px) thi thu lai, chi con icon - khong thi thanh dau chat, chu "Chủ đề" / ten chi nhanh day nhau. */
@media(max-width:1200px){
  .muc-dau .chu-dau{display:none}
  .muc-dau{padding:6px}
}

/* NUT DOI KHU (CRM / Ban hang) NAM CUNG HANG VOI THANH MENU */
.thanh-menu .nut-doi-khu{margin-left:auto;flex:none;background:#fff;
  color:var(--mau-chinh);height:30px}
.thanh-menu .nut-doi-khu:hover{background:#fff;color:var(--mau-chinh-dam);opacity:.92}
.thanh-menu .nut-doi-khu .so-viec-dau{background:var(--mau-chinh);color:#fff}
.thanh-menu .nut-doi-khu .hinh{width:16px;height:16px;flex:none}
/* Dien thoai: thanh dau chi con nhung nut that su can - Chu de va Chuong da co san trong ngan keo menu nen thu lai cho do chat */
@media(max-width:767px){
  .an-dt{display:none !important}
}

/* LOP CHON CHI NHANH TREN THANH DAU TRANG. Co O TIM tren dau va DAU TICK o dong dang chon. */
.lop-chi-nhanh{min-width:240px;padding:0 0 var(--cach-1)}
.lop-chi-nhanh .o-tim-trong-lop{margin:var(--cach-2)}
/* Ten lop KHONG duoc trung .ds-chi-nhanh: ten do da co san o form Chi nhanh (luoi 3 cot) nen dung lai la danh sach o day bi be thanh 3 cot. */
.lop-chi-nhanh .ds-cn-dau{max-height:280px;overflow:auto}
.muc-chi-nhanh-dong{display:flex;align-items:center;justify-content:space-between;
  gap:var(--cach-2)}
.muc-chi-nhanh-dong > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dau-tick-menu{flex:none;display:inline-flex;color:var(--mau-chinh)}
.dau-tick-menu .hinh{width:15px;height:15px}

/* THANH DAU TRANG DUNG HINH TO DAC - THANH CONG CU VA MAN PHIEU DUNG NET VIEN */
.muc-dau .hinh-hep .hinh{width:17px;height:17px}
/* Moi hinh tren thanh cong cu deu MOT MAU xam nhat, chi nut "Thêm" mau chinh */
.nhom-nut-cc .nut-phu .hinh,
.nhom-nut-cc .nut-phu > i{color:var(--chu-phu)}

/* THANH CANH TRAI - KHU TIEP NHAN: mot cot doc ben trai, cac man hinh nam thang ra ngoai, rieng "Quản lý BOT" va "Thiết lập" la muc gap mo. */

/* Khu Tiep nhan khong con thanh menu ngang -> moi thu dinh dau trang chi con phai tru chieu cao thanh dau trang. */
body[data-khu="cskh"]{--cao-tren:var(--cao-dau-trang)}

.canh-crm{display:none}

@media(min-width:768px){
  body[data-khu="cskh"] .canh-crm{
    display:flex;flex-direction:column;
    position:fixed;left:0;top:var(--cao-dau-trang);bottom:0;z-index:98;
    width:var(--rong-canh-crm);background:var(--nen-the);
    border-right:1px solid var(--vien)}

  /* Noi dung trang va dai the cap 3 lui sang phai dung bang be ngang thanh canh */
  body[data-khu="cskh"] main,
  body[data-khu="cskh"] .dai-tab-con{margin-left:var(--rong-canh-crm)}

  /* Man thao tac toan man hinh: giau thanh canh cho bang rong het man */
  body[data-khu="cskh"].man-toan .canh-crm{display:none}
  body[data-khu="cskh"].man-toan main{margin-left:0}
}

/* Nut thu gon thanh canh - nam CO DINH tren thanh dau trang, canh logo */
.nut-gon-canh{display:none;place-items:center;width:34px;height:34px;flex:0 0 auto;
  border:0;background:none;cursor:pointer;color:var(--chu-phu);border-radius:var(--bo-goc)}
.nut-gon-canh:hover{background:var(--nen-phu);color:var(--chu)}
.nut-gon-canh .hinh{width:18px;height:18px}
@media(min-width:768px){ body[data-khu="cskh"] .nut-gon-canh{display:grid} }

/* Than thanh canh: cuon rieng, khong keo ca trang */
.canh-than{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;
  padding:var(--cach-2) 0;scrollbar-width:thin}
.canh-than::-webkit-scrollbar{width:6px}
.canh-than::-webkit-scrollbar-thumb{background:#c8cfda;border-radius:6px}

/* Mot dong tren thanh canh */
.canh-muc{position:relative;display:flex;align-items:center;gap:10px;
  width:calc(100% - 16px);margin:1px 8px;padding:7px 10px;min-height:34px;
  border:0;background:none;cursor:pointer;text-align:left;
  border-radius:var(--bo-goc);color:var(--chu);font-size:var(--chu-14);
  font-family:inherit}
.canh-muc .hinh{width:18px;height:18px;flex:0 0 18px}
.canh-muc:hover{background:var(--nen-phu);color:var(--chu)}
/* Muc dang mo - va muc cha khi dang o mot tab con cua no - deu to nen + vach xanh mep trai */
/* Chu dam bang NET VIEN (text-stroke), KHONG doi font-weight: chu dam that rong hon nen ten dai ("Danh sách khách cần gọi") vua mot dong luc thuong se gay xuong hai dong luc duoc chon - ca thanh canh ben duoi tut xuong, nhin nhu tai lai ca trang. */
.canh-muc.dang-o,
.canh-muc.trong-nhom{background:var(--mau-chinh-nhat);color:var(--mau-chinh);
  -webkit-text-stroke:.35px currentColor}
.canh-muc.dang-o::before,
.canh-muc.trong-nhom::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;
  border-radius:3px;background:var(--mau-chinh)}
/* Muc chua co man hinh van chu den nhu muc khac; di chuot vao hien "Đang hoàn thiện" */
/* Ten man hinh dai thi XUONG DONG, khong cat cut - nhin la doc duoc ca ten */
.canh-chu{flex:1 1 auto;min-width:0;white-space:normal;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* So viec can lam nam sat mep phai cua dong */
.canh-so{margin-left:auto;flex:0 0 auto;display:grid;place-items:center;
  min-width:18px;height:18px;padding:0 5px;border-radius:9px;
  background:var(--mau-loi);color:#fff;font-size:var(--chu-11);font-weight:600}

/* Muc gap mo */
.canh-dau-nhom{position:relative;display:flex;align-items:center;gap:10px;
  width:calc(100% - 16px);margin:6px 8px 1px;padding:8px 10px;
  border:0;background:none;cursor:pointer;text-align:left;
  border-radius:var(--bo-goc);color:var(--chu);font-size:var(--chu-13);
  font-weight:500;font-family:inherit;white-space:nowrap}
.canh-dau-nhom:hover{background:var(--nen-phu)}
.canh-dau-nhom .hinh{width:18px;height:18px;flex:0 0 18px}
/* Hinh mui ten goc chi sang PHAI. Xoay 90 do cho chi XUONG (chi phai nhin nhu menu bay ra ben canh, de hieu nham). Mo ra thi chi len. */
.canh-mui-ten{margin-left:auto;display:flex;color:var(--chu-mo);
  transform:rotate(90deg);transition:transform .15s ease-out}
.canh-mui-ten .hinh{width:14px;height:14px}
.canh-nhom.mo .canh-mui-ten{transform:rotate(-90deg)}
.canh-con{display:none}
.canh-nhom.mo .canh-con{display:block}
.canh-con .canh-muc{padding-left:24px}

/* Thu gon con hinh Ap dung khi nguoi dung tu bam thu gon, va khi man hinh hep 768-1023px. Chi can doi mot bien be ngang la ca khoi tren tu lui theo. */
body[data-khu="cskh"].canh-gon{--rong-canh-crm:var(--rong-canh-gon)}

body[data-khu="cskh"].canh-gon .canh-chu,
body[data-khu="cskh"].canh-gon .canh-mui-ten{display:none}
body[data-khu="cskh"].canh-gon .canh-muc,
body[data-khu="cskh"].canh-gon .canh-dau-nhom{justify-content:center;padding-left:0;padding-right:0}
body[data-khu="cskh"].canh-gon .canh-con{display:block}
body[data-khu="cskh"].canh-gon .canh-con .canh-muc{padding-left:0}
body[data-khu="cskh"].canh-gon .canh-so{position:absolute;top:3px;right:4px;margin:0;
  min-width:15px;height:15px;padding:0 3px;font-size:9px}

/* Ten man hinh hien ra canh con tro khi thanh canh dang thu gon */
body[data-khu="cskh"].canh-gon .canh-muc:hover::after,
body[data-khu="cskh"].canh-gon .canh-dau-nhom:hover::after{
  content:attr(data-tip);position:absolute;left:100%;top:50%;transform:translateY(-50%);
  margin-left:10px;z-index:80;background:#212b36;color:#fff;
  padding:5px 10px;border-radius:var(--bo-goc);font-size:var(--chu-12);
  font-weight:400;white-space:nowrap;box-shadow:var(--do-bong-noi);pointer-events:none}

@media(min-width:768px) and (max-width:1023px){
  body[data-khu="cskh"]{--rong-canh-crm:var(--rong-canh-gon)}
  body[data-khu="cskh"] .canh-chu,
  body[data-khu="cskh"] .canh-mui-ten{display:none}
  body[data-khu="cskh"] .canh-muc,
  body[data-khu="cskh"] .canh-dau-nhom{justify-content:center;padding-left:0;padding-right:0}
  body[data-khu="cskh"] .canh-con{display:block}
  body[data-khu="cskh"] .canh-con .canh-muc{padding-left:0}
  body[data-khu="cskh"] .canh-so{position:absolute;top:3px;right:4px;margin:0;
    min-width:15px;height:15px;padding:0 3px;font-size:9px}
  body[data-khu="cskh"] .canh-muc:hover::after,
  body[data-khu="cskh"] .canh-dau-nhom:hover::after{
    content:attr(data-tip);position:absolute;left:100%;top:50%;transform:translateY(-50%);
    margin-left:10px;z-index:80;background:#212b36;color:#fff;
    padding:5px 10px;border-radius:var(--bo-goc);font-size:var(--chu-12);
    font-weight:400;white-space:nowrap;box-shadow:var(--do-bong-noi);pointer-events:none}
  /* Bo loc keo ra tu mep trai phai nam ben phai thanh canh, khong de len */
  body[data-khu="cskh"] .cot-loc{left:var(--rong-canh-gon)}
  body[data-khu="cskh"] .nut-gon-loc{left:calc(var(--rong-canh-gon) + 8px)}
}

/* Duoi 768px thanh canh nhuong cho ngan keo trai co san, khong ve gi them */
@media(max-width:767px){
  body[data-khu="cskh"] .canh-crm{display:none}
  body[data-khu="cskh"] main,
  body[data-khu="cskh"] .dai-tab-con{margin-left:0}
}

/* NHANH RIENG khu Tiep nhan (.dai-trong-canh): dai the con dai hon be ngang thi hien thanh cuon mong de keo va hai nut cuon o hai dau de bam. Dai the khu Ban hang (.dai-tab-con goc) giu nguyen. */
.dai-trong-canh{gap:4px;scrollbar-width:thin;scrollbar-color:var(--vien-dam) transparent;
  height:auto;min-height:40px}
/* DUNG CHUNG - DAI NUT: khung trang bo goc OM VUA cac nut, nut dang mo to dac mau chu de (doi theo nut Chu de). Dung o: thanh
   tab phu khu Tiep nhan (.dai-ruot), tab con trong trang (.tab-con-trang), chon ngay nhanh Lich lam viec (.llv-ngay-3). */
.dai-nut{display:flex;flex-wrap:wrap;align-items:center;gap:3px;width:fit-content;max-width:100%;padding:3px;
  border:1px solid var(--vien);border-radius:var(--bo-goc-lon);background:var(--nen-the);box-shadow:var(--do-bong)}
.dai-nut > a,
.dai-nut > span,
.dai-nut > button{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 14px;border:0;
  border-radius:var(--bo-goc);background:none;color:var(--chu-phu);font-family:inherit;font-size:var(--chu-14);
  white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s}
.dai-nut > :not(.dang-o):hover{background:var(--nen-phu);color:var(--chu)}
.dai-nut > .chua-lam:not(.dang-o){color:var(--chu-mo)}
.dai-nut > a.chua-lam{cursor:pointer}
.dai-nut > span.chua-lam{cursor:default}
.dai-nut > .dang-o{background:var(--mau-chinh);color:var(--mau-chinh-chu);font-weight:600;
  box-shadow:0 1px 2px color-mix(in srgb,var(--mau-chinh) 40%,transparent)}
/* Nut co data-chu: giu san be ngang chu DAM (ban sao an cao 0) - nut dang mo dam len khong rong ra, cac nut khong xe dich */
.dai-nut > [data-chu]{flex-direction:column}
.dai-nut > [data-chu]::after{content:attr(data-chu);height:0;overflow:hidden;visibility:hidden;font-weight:600;
  pointer-events:none;user-select:none}

/* NHANH RIENG khu Tiep nhan - ruot dai (.dai-ruot.dai-nut): the xuong hang TOI DA HAI DONG, chung.js dat be ngang ruot vua khit hai
   dong; hai dong van khong du cho thi ruot rong hon dai va dai moi hien thanh cuon ngang. Dai cao hon 40px thi chung.js cong phan chenh
   vao --cao-dai-tab. */
.dai-ruot{flex:0 0 auto;align-self:center;margin:4px 0;max-width:none}
.dai-trong-canh::-webkit-scrollbar{display:block;height:6px}
.dai-trong-canh::-webkit-scrollbar-thumb{background:var(--vien-dam);border-radius:6px}
.dai-trong-canh::-webkit-scrollbar-track{background:transparent}
/* Nut dinh o mep dai (sticky) va KHONG chiem cho: le am bu dung be ngang nut + khoang cach 4px cua dai, nen bat/tat nut khong lam cac the xe dich. Phu mot quang nen de chu ben duoi mo dan vao nut. */
.nut-cuon-dai{position:sticky;z-index:1;flex:0 0 28px;align-self:center;width:28px;height:28px;
  display:grid;place-items:center;padding:0;border:1px solid var(--vien-dam);border-radius:50%;
  background:var(--nen-the);color:var(--chu-phu);cursor:pointer;visibility:hidden}
.nut-cuon-dai .hinh{width:11px;height:11px}
.nut-cuon-dai:hover{border-color:var(--mau-chinh);color:var(--mau-chinh)}
/* Bong thu nhat che kin khoang dem 16px giua nut va mep dai, bong thu hai cho chu mo dan vao nut */
.nut-cuon-dai.trai{left:0;margin-right:-32px;box-shadow:-16px 0 0 6px var(--nen),12px 0 12px 4px var(--nen-the)}
.nut-cuon-dai.phai{right:0;margin-left:-32px;box-shadow:16px 0 0 6px var(--nen),-12px 0 12px 4px var(--nen-the)}
/* Hai nut chi hien khi RE CHUOT vao dai dang tran (may cam ung khong co re chuot thi vuot tay) */
.dai-trong-canh.co-tran:not(.o-dau):hover .nut-cuon-dai.trai,
.dai-trong-canh.co-tran:not(.o-cuoi):hover .nut-cuon-dai.phai{visibility:visible}

/* NHANH RIENG khu Tiep nhan: the xo gom nhieu muc con ('nut_xo' o cauhinh/menu.php). Danh sach xo nam NGOAI dai (dai cuon ngang cat mat phan xo xuong), chung.js dat toa do co dinh ngay duoi the. */
.the-xo{border:0;border-bottom:2px solid transparent;padding:0;gap:6px;cursor:pointer}
.the-xo .hinh{width:10px;height:10px;transition:transform .15s ease-out}
.the-xo[aria-expanded="true"]{color:var(--mau-chinh)}
.the-xo[aria-expanded="true"] .hinh{transform:rotate(180deg)}
.lop-xo-tab{position:fixed;z-index:95;min-width:200px;max-width:calc(100vw - 16px);padding:6px;
  display:flex;flex-direction:column;background:var(--nen-the);border:1px solid var(--vien);
  border-radius:var(--bo-goc-lon);box-shadow:var(--do-bong-noi)}
.lop-xo-tab[hidden]{display:none}
.muc-xo-tab{display:block;padding:8px 12px;border-radius:var(--bo-goc);font-size:var(--chu-14);
  color:var(--chu);white-space:nowrap;text-decoration:none}
a.muc-xo-tab:hover{background:var(--nen-phu)}
.muc-xo-tab.chua-lam{color:var(--chu-mo)}
.muc-xo-tab.dang-o{background:var(--mau-chinh-nhat);color:var(--mau-chinh);font-weight:600}

/* MAN HINH THONG KE TIN NHAN HANG NGAY: hai cot dau ghim, hai cot so nen vang, dong Chu Nhat nen do, o go de nen cam. */
.trang-tkn{padding:var(--cach-4);display:flex;flex-direction:column;gap:var(--cach-3)}
.trang-tkn .thanh-cong-cu{display:flex;align-items:center;gap:var(--cach-2);flex-wrap:wrap}
.trang-tkn .ccu-trai{margin-right:auto}
.trang-tkn .ccu-phai{display:flex;align-items:center;gap:var(--cach-2);flex-wrap:wrap}
.trang-tkn .dem-dong{color:var(--chu-phu);font-size:var(--chu-13)}
.trang-tkn .dem-dong b{color:var(--chu)}

/* Khung bang + phan trang dinh lien duoi bang (mot khung vien chung) */
.tkn-khung{background:var(--nen-the);border:1px solid var(--vien);border-radius:var(--bo-goc-lon);overflow:hidden}
.tkn-cuon{overflow:auto;max-height:calc(100vh - var(--cao-dau-trang) - 200px)}
.tkn-khung .tkn-pt{border:0;border-top:1px solid var(--vien);border-radius:0;margin:0}
.tkn-pt .nut-so-trang{min-width:28px;height:28px;padding:0 6px;border:1px solid var(--vien);
  border-radius:var(--bo-goc);background:var(--nen-the);color:var(--chu);cursor:pointer;font:inherit;
  font-size:var(--chu-12)}
.tkn-pt .nut-so-trang:hover{border-color:var(--mau-chinh);color:var(--mau-chinh)}
.tkn-pt .nut-so-trang.dang-o{background:var(--mau-chinh);border-color:var(--mau-chinh);color:var(--mau-chinh-chu)}

/* Luoi kieu bang tinh y CRM: ke phai + ke duoi tung o */
.bang-tkn{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}
.bang-tkn th,.bang-tkn td{text-align:center;white-space:nowrap;padding:8px 10px;
  border-right:1px solid var(--vien);border-bottom:1px solid var(--vien)}
.bang-tkn thead th{position:sticky;top:0;z-index:4;background:var(--nen-dau-bang);
  padding:7px 8px;vertical-align:middle;text-transform:uppercase;font-size:var(--chu-12);
  font-weight:700;color:var(--chu)}

/* Hai cot dau ghim ben trai - keo ngang bao nhieu cot van biet dang xem ngay nao */
.bang-tkn .tkn-tick,.bang-tkn .tkn-c1,.bang-tkn .tkn-c2{position:sticky;z-index:3;
  background:var(--nen-the)}
.bang-tkn thead .tkn-tick,.bang-tkn thead .tkn-c1,.bang-tkn thead .tkn-c2{z-index:6;background:var(--nen-dau-bang)}
.bang-tkn .tkn-tick{left:0;width:38px;display:none}
.bang-tkn .tkn-c1{left:0;min-width:86px}
.bang-tkn .tkn-c2{left:86px;min-width:104px;font-weight:600}
body.tkn-che-do-xoa .bang-tkn .tkn-tick{display:table-cell}
body.tkn-che-do-xoa .bang-tkn .tkn-c1{left:38px}
body.tkn-che-do-xoa .bang-tkn .tkn-c2{left:124px}
/* Cot Thứ dang an (o "Ẩn hiện cột"): cot Ngày ghim sat mep trai */
body.tkn-an-thu .bang-tkn .tkn-c2{left:0}
body.tkn-an-thu.tkn-che-do-xoa .bang-tkn .tkn-c2{left:38px}

/* Hai cot so nhin nhieu nhat trong ngay */
.bang-tkn td.tkn-vang{background:#ffc107;color:#1a1a1a;font-weight:600}
.bang-tkn tbody tr.tkn-cn td{background:#e02424 !important;color:#fff}
.bang-tkn tbody tr.tkn-cn td .tkn-nhap{color:#fff}
.bang-tkn tbody tr.tkn-chon td{background:var(--mau-chinh-nhat) !important;color:var(--chu)}
.bang-tkn tbody tr.tkn-chon td .tkn-nhap{color:var(--chu)}
.bang-tkn tbody tr:hover td{background-image:linear-gradient(var(--phu-hover),var(--phu-hover))}
.bang-tkn tbody tr.tkn-cn:hover td{background:#c81e1e !important}
.bang-tkn .bang-trong{padding:36px;color:var(--chu-phu);white-space:normal}

/* O go so ngay tren bang */
.tkn-nhap{width:66px;min-width:66px;border:0;background:transparent;color:inherit;
  text-align:center;font:inherit;padding:2px 0;border-radius:4px}
.tkn-nhap:focus{outline:2px solid var(--mau-chinh);background:var(--nen-the);color:var(--chu)}
.tkn-nhap[readonly]{cursor:default}
.tkn-nhap:disabled{opacity:.6}
/* Vua luu xong: o nhay xanh mot nhip */
.bang-tkn td .tkn-nhap.tkn-da-luu{background:var(--nen-thanh-cong);color:var(--mau-thanh-cong)}
/* O da go de len so may dem: giu nen cam o moi dong, ke ca dong Chu Nhat */
.bang-tkn td .tkn-nhap.tkn-de,
.bang-tkn tr.tkn-cn td .tkn-nhap.tkn-de,
.bang-tkn tr.tkn-chon td .tkn-nhap.tkn-de{background:#ffe0b2;color:#7c2d12;font-weight:600}
/* Dang go: nen the + chu thuong o MOI dong - de len chu trang cua dong Chu Nhat, dong dang chon, o da go de */
.bang-tkn tbody td .tkn-nhap:focus,
.bang-tkn tbody tr.tkn-cn td .tkn-nhap:focus,
.bang-tkn tbody tr.tkn-chon td .tkn-nhap:focus{outline:2px solid var(--mau-chinh);background:var(--nen-the);color:var(--chu)}

/* Hop "Ẩn hiện cột": bon cot o tick xep tu trai sang phai (man hep 3 / 2 cot), cao qua thi cuon trong hop - bang co
   the toi tram cot. Dien thoai: hop bam hai mep man, nam tren day man. */
.tkn-lop-cot{width:min(760px,calc(100vw - 32px));min-width:0}
.tkn-lop-cot .luoi-cot{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;
  max-height:min(56vh,420px);overflow-y:auto;padding-right:6px;align-items:start}
.tkn-lop-cot .dong-tick span{overflow-wrap:anywhere}
@media (max-width:1000px){ .tkn-lop-cot .luoi-cot{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:700px){
  .tkn-lop-cot{position:fixed;top:auto;bottom:16px;left:16px;right:16px;width:auto;z-index:80}
  .tkn-lop-cot .luoi-cot{grid-template-columns:repeat(2,minmax(0,1fr));max-height:60vh}
}

/* Che do xoa: an moi nut khac cua thanh cong cu, chi con cum [Xóa (n)] [Xóa tất cả] [Bỏ qua] */
.trang-tkn .tkn-nhom-xoa{display:none;align-items:center;gap:var(--cach-2)}
body.tkn-che-do-xoa .trang-tkn .tkn-nhom-xoa{display:inline-flex}
body.tkn-che-do-xoa .trang-tkn .ccu-phai > :not(.tkn-nhom-xoa){display:none}

/* Dau cot: ten la CHU (bam dup ten cot tu them = mo hop Tiêu đề cột), nut ▼ ben phai mo o loc / sap xep */
.tkn-dau{display:flex;align-items:center;justify-content:center;gap:4px}
.tkn-ten{white-space:nowrap;cursor:default;user-select:none}
th.dang-sap .tkn-ten{color:var(--mau-chinh)}
/* Nut loc tieu de cot: tam giac dac, cung kieu nut loc tieu de cot cua bang chung (.pheu-loc) - mo, re chuot thi
   sang len; cot dang loc nen mau chinh chu trang */
.tkn-pheu{border:0;background:none;cursor:pointer;color:inherit;opacity:.6;padding:0;border-radius:3px;
  flex:0 0 18px;width:18px;height:18px;display:grid;place-items:center;transition:.12s}
.tkn-pheu .hinh{width:12px;height:12px}
.bang-tkn th:hover .tkn-pheu{opacity:1}
.tkn-pheu:hover{opacity:1;background:var(--phu-hover)}
.tkn-pheu.dang-loc{opacity:1;background:var(--mau-chinh);color:var(--mau-chinh-chu)}
.tkn-lop-loc .nut.dang-o{background:var(--mau-chinh);border-color:var(--mau-chinh);color:var(--mau-chinh-chu)}
.tkn-goi-y-loc{font-size:var(--chu-11);color:var(--chu-mo);margin:-4px 0 8px}
.tkn-lop-loc .loc-trong{padding:12px 0;text-align:center;color:var(--chu-mo);font-size:var(--chu-12)}

/* Hop thoai Tieu de cot */
.tkn-cot-ds{max-height:340px;overflow:auto;border:1px solid var(--vien);
  border-radius:var(--bo-goc);background:var(--nen-the)}
.tkn-cot-d{display:flex;align-items:center;gap:8px;padding:6px 8px;
  border-bottom:1px solid var(--vien);font-size:var(--chu-13);background:var(--nen-the)}
.tkn-cot-d:last-child{border-bottom:0}
.tkn-cot-d.tkn-moi{background:var(--nen-thanh-cong)}
.tkn-cot-d.tkn-dang-keo{opacity:.4}
.tkn-cot-d.tkn-cho-tha{border-top:2px solid var(--mau-chinh)}
.tkn-nam{color:var(--chu-mo);cursor:grab;flex:none;display:grid;place-items:center;width:14px}
.tkn-nam .hinh{width:12px;height:12px}
.tkn-cot-d.tkn-khoa-keo .tkn-nam{opacity:.3;cursor:default}
.tkn-cot-d.tkn-khoa-keo .tkn-chen{opacity:.3}
.tkn-stt{color:var(--chu-phu);font-size:var(--chu-12);width:22px;text-align:right;flex:none}
.tkn-cot-d .o-nhap{flex:1 1 auto;min-width:0;padding:6px 9px}
.tkn-tn{flex:none;margin:0;cursor:pointer}
.tkn-cot-d .nut-icon-nho .hinh{width:13px;height:13px}
.tkn-cot-d .tkn-bo:hover{color:var(--mau-loi)}
.tkn-cot-trong{padding:10px;color:var(--chu-mo);font-size:var(--chu-13)}
.tkn-so-o{color:var(--chu-phu);font-size:var(--chu-12);width:52px;text-align:right;flex:none}
.tkn-them-cot{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;
  margin-top:8px;padding:9px;border:1px dashed var(--vien-dam);border-radius:var(--bo-goc);
  background:none;cursor:pointer;color:var(--mau-chinh);font:inherit;font-weight:500}
.tkn-them-cot:hover{background:var(--mau-chinh-nhat)}
.tkn-them-cot .hinh{width:15px;height:15px}
.tkn-canh{color:var(--mau-loi);font-size:var(--chu-12);margin-top:8px;min-height:16px}
.tkn-huong-dan{color:var(--chu-phu);font-size:var(--chu-12);margin:8px 0 0}
.tkn-loi-nhap{margin-top:10px;padding:9px;border-radius:var(--bo-goc);
  background:var(--nen-loi);color:var(--mau-loi);font-size:var(--chu-12);
  max-height:180px;overflow:auto}

@media(max-width:767px){
  .trang-tkn{padding:var(--cach-2)}
  .tkn-cuon{max-height:calc(100vh - var(--cao-dau-trang) - 170px)}
}

/* Nut chi co hinh, khong chu - dung cho nut pheu tren thanh cong cu */
.nut-chi-hinh{padding:7px 9px}
.nut-chi-hinh .hinh{width:15px;height:15px}
.nut-chi-hinh.dang-loc{color:var(--mau-chinh);border-color:var(--mau-chinh)}
/* KPI tư vấn: dang Sửa nhanh thi an nut "Lưu" chot KPI - thanh cong cu chi con mot nut "Lưu" (thoat sua nhanh) */
.dang-sua-nhanh #nutChotKPI{display:none}
/* NHANH RIENG bang 'sua_nhanh_tai_cho' (hien CHI KPI tư vấn): o sua ve san - chua bat "Sửa nhanh" thi trong nhu
   chu thuong, khong bam / go duoc; bat tat chi doi lop, khong nap lai bang */
.bang-sua-tai-cho #bangDL .o-sua{pointer-events:none}
.bang-sua-tai-cho #bangDL td:hover>.o-sua{border-color:transparent}
.dang-sua-nhanh .bang-sua-tai-cho #bangDL .o-sua{pointer-events:auto}
.dang-sua-nhanh .bang-sua-tai-cho #bangDL td:hover>.o-sua{border-color:var(--vien)}
[data-nen="toi"] .dang-sua-nhanh .bang-sua-tai-cho #bangDL td:hover>.o-sua{border-color:var(--vien-dam)}

/* Lich su mot o (chuot phai vao o) */
.tkn-lich-su{position:absolute;z-index:90;width:320px;max-height:320px;overflow:auto;background:var(--nen-the);
  border:1px solid var(--vien);border-radius:var(--bo-goc);box-shadow:var(--do-bong-noi);font-size:var(--chu-12)}
.tkn-ls-dau{padding:8px 10px;font-weight:600;border-bottom:1px solid var(--vien);background:var(--nen-phu)}
.tkn-ls-than{padding:4px 10px}
.tkn-ls-dong{padding:6px 0;border-bottom:1px dashed var(--vien);line-height:1.45}
.tkn-ls-dong:last-child{border-bottom:0}
.tkn-ls-luc{color:var(--chu-phu)}
.tkn-ls-trong{padding:8px 0;color:var(--chu-mo)}

/* PHEU LOC TREN DAU COT - DAT SAT SAU TEN COT, khong ghim o mep phai o (cot rong thi pheu se nam xa ten). */
.bang-du-lieu th .chu-th{display:inline-block;vertical-align:middle;
  max-width:calc(100% - 34px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bang-du-lieu th .pheu-loc{position:static;transform:none;display:inline-grid;
  place-items:center;vertical-align:middle;width:18px;height:18px;padding:0;
  margin-left:4px;font-size:12px;line-height:1;flex:none}
/* Cot can phai: pheu van di theo chu, khong nhay ra mep */
.bang-du-lieu th.canh-phai .chu-th{max-width:calc(100% - 34px)}

/* Dau cot cua man Thong ke tin nhan cung mot luat: hai nut co be ngang co dinh */
.bang-tkn thead th{padding-left:6px;padding-right:6px}
/* Dong cot vua duoc nhay toi khi bam dup dau cot */
.tkn-cot-d.tkn-nhay{background:var(--nen-canh-bao);box-shadow:inset 3px 0 0 var(--mau-canh-bao)}
.tkn-chen{color:var(--mau-chinh)}

/* Thong ke tin nhan: o tim trong hop thoai cot */
.tkn-tim-cot{width:100%;margin-bottom:8px}
.tkn-cot-d.an{display:none}

/* Keo chon nhieu o kieu Google Sheet */
.bang-tkn td.o-chon{box-shadow:inset 0 0 0 1px var(--mau-chinh);background:var(--mau-chinh-nhat) !important}
.bang-tkn tr.tkn-cn td.o-chon{background:#f8b4b4 !important;color:#1a1a1a}
.bang-tkn tr.tkn-cn td.o-chon .tkn-nhap{color:#1a1a1a}
body.tkn-dang-keo{user-select:none}
body.tkn-dang-keo .tkn-nhap{pointer-events:none}

.tkn-thanh-tong{position:fixed;right:18px;bottom:14px;z-index:70;display:flex;align-items:center;
  gap:14px;padding:7px 12px;border-radius:var(--bo-goc);background:#212b36;color:#fff;
  font-size:var(--chu-12);box-shadow:var(--do-bong-noi)}
.tkn-thanh-tong b{font-size:var(--chu-13)}
.tkn-thanh-tong .tkn-goi-y{color:#9aa3b4}
.tkn-dong-tong{border:0;background:none;color:#9aa3b4;cursor:pointer;font-size:16px;line-height:1;padding:0 2px}
.tkn-dong-tong:hover{color:#fff}

/* O loc kieu xo lop (chon mot muc, lop noi tu ve) */
/* Ba lop boc dung CHUNG mot bo luat nhin, nhung MOI CAI MOT CLASS RIENG de bo bat su kien cua nhau (o loc, o soan thao, o xo dep cua ca he thong). */
.o-xo-lop,.o-xo-dep,.o-xo-soan{position:relative}
.nut-xo-lop{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;
  cursor:pointer}
.chu-xo-lop{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Mui ten tu ve cho dung co chu 13px, khong dung mui ten cua trinh duyet */
.mui-xo-lop{flex:0 0 8px;width:8px;height:8px;border-right:1.4px solid var(--chu-mo);
  border-bottom:1.4px solid var(--chu-mo);transform:rotate(45deg) translate(-2px,-2px)}
.o-xo-lop.mo .nut-xo-lop,.o-xo-dep.mo .nut-xo-lop,.o-xo-soan.mo .nut-xo-lop{border-color:var(--mau-chinh)}
.o-xo-lop.mo .mui-xo-lop,.o-xo-dep.mo .mui-xo-lop,.o-xo-soan.mo .mui-xo-lop{transform:rotate(-135deg) translate(-2px,-2px);border-color:var(--mau-chinh)}
/* The <select> that van nam do de moi doan ma dang doc .value chay binh thuong, chi giau di - KHONG dung display:none vi con phai gui theo form. */
.o-xo-dep{position:relative}
.o-xo-dep .xo-that{position:absolute;inset:0;opacity:0;pointer-events:none;width:100%;height:100%}
.o-xo-dep.o-nho .nut-xo-lop,.o-xo-dep.o-hep .nut-xo-lop{font-size:var(--chu-12);padding:5px 9px}
.o-xo-dep .xo-that:disabled ~ .nut-xo-lop,
.o-xo-dep .nut-xo-lop:disabled{background:var(--nen-phu);cursor:not-allowed}
.lop-xo-chon{display:none;position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;
  border:1px solid var(--vien);border-radius:var(--bo-goc);box-shadow:var(--do-bong-noi);
  max-height:280px;overflow:auto;z-index:70;padding:4px 0}
/* Muc z-index 70 danh cho NHANH '.o-xo-lop' - nhanh do mo bang classList.toggle('mo') thuan (bang.js), lop giu position:absolute nen phai tu noi cao. */
.o-xo-lop.mo .lop-xo-chon,.o-xo-dep.mo .lop-xo-chon,.o-xo-soan.mo .lop-xo-chon{display:block}
.muc-xo-lop{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:8px 10px;font-size:var(--chu-13);color:var(--chu);cursor:pointer}
.muc-xo-lop:hover{background:var(--mau-chinh-nhat)}
/* Muc dang chon phan biet bang dau tick mau chinh, KHONG doi mau chu */
.muc-xo-lop .dau-tick{display:none;flex:none;color:var(--mau-chinh)}
.muc-xo-lop .dau-tick .hinh{width:15px;height:15px}
.muc-xo-lop.dang-chon{font-weight:500}
.muc-xo-lop.dang-chon .dau-tick{display:inline-flex}
/* O xo dep CO O TIM (select mang data-xo-tim): o tim dung yen tren dau, chi danh sach ben duoi cuon */
.lop-xo-chon.co-tim{min-width:220px;padding:0;overflow:hidden}
.o-xo-dep.mo .lop-xo-chon.co-tim{display:flex;flex-direction:column}
.lop-xo-chon.co-tim .o-tim-trong-lop{flex:none}
.lop-xo-chon.co-tim .ds-xo-tim{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;
  padding-bottom:4px}
.lop-xo-chon .xo-khong-thay{padding:8px 10px;font-size:var(--chu-13);color:var(--chu-mo)}

/* Khoi loc noi tiep khoi ngay tren (Tổng mua: Giá trị - Thời gian) */
.nhom-loc.lien-khoi{margin-top:calc(var(--cach-4) * -1 + 8px)}

/* Hop thoai nhap tu file excel */
.dong-tai-mau{font-size:var(--chu-13);color:var(--chu-phu);padding-bottom:12px;
  border-bottom:1px solid var(--vien);margin-bottom:12px}
.dong-radio-nhap{display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:pointer;
  font-size:var(--chu-13)}
.dong-radio-nhap input{accent-color:var(--mau-chinh);width:15px;height:15px;flex:0 0 auto}
.dong-radio-nhap:last-of-type{margin-bottom:0}

/* Dong nhac trong lop chon - khong bam duoc */
.muc-chon-tim.khong-bam{color:var(--chu-mo);cursor:default}
.muc-chon-tim.khong-bam:hover{background:none}

/* Lop tim chi tiet: nhom o chi hien khi bam "Mở rộng" */
.lop-tim-nc.dang-mo-them .o-tim-mo-them.an{display:block !important}
.chan-tim-nc{gap:var(--cach-2)}

/* Icon nhat quan, chu de doc hon */

/* Phong Inter net hon Roboto nen bo gian chu, dong tho hon mot chut */
body{letter-spacing:0}
.bang-du-lieu td{line-height:var(--gian-dong)}
.bang-du-lieu th{font-weight:600}
.tieu-de-trang{font-size:var(--chu-20)}
/* Khu Ban hang: tieu de tren cot loc in dam y KiotViet */
body[data-khu="ban_hang"] .cot-loc .tieu-de-trang{font-weight:700}
.nhan-loc,.nut,.o-nhap,.o-tim,.muc-menu,.muc-chon-tim{letter-spacing:0}

/* Hinh tren thanh dau trang cung co, cung net voi thanh cong cu */
.muc-dau .hinh{width:18px;height:18px;flex:none}
.muc-dau .hinh.nho{width:12px;height:12px}
.nut-icon .hinh,.nut .hinh{width:17px;height:17px}

/* NEN TOI: chi DE len nhung cho dang ghi ma mau cung. Che do sang khong doi. */

/* Nen the trang -> nen the toi */
[data-nen="toi"] .nut-ban-hang,
[data-nen="toi"] .o-nhap,
[data-nen="toi"] .o-gia,
[data-nen="toi"] .nut-chon,
[data-nen="toi"] .o-the,
[data-nen="toi"] .lop-noi-goi-y,
[data-nen="toi"] .nut-vien,
[data-nen="toi"] .nut-phu,
[data-nen="toi"] .nut-icon,
[data-nen="toi"] .lop-noi,
[data-nen="toi"] .hop-thoai,
[data-nen="toi"] .toast,
[data-nen="toi"] .the-giua,
[data-nen="toi"] .lop-tuy-chon,
[data-nen="toi"] .bang-loc-cot,
[data-nen="toi"] .o-sua:focus,
[data-nen="toi"] .the-tim:hover,
[data-nen="toi"] .lop-tim-nc,
[data-nen="toi"] .lop-preset,
[data-nen="toi"] .nut-preset,
[data-nen="toi"] .lop-lich,
[data-nen="toi"] .dau-thang button,
[data-nen="toi"] .lop-tick,
[data-nen="toi"] .nut-gon-loc,
[data-nen="toi"] .dai-tab-con,
[data-nen="toi"] .cot-loc,
[data-nen="toi"] .bang-du-lieu tbody tr,
[data-nen="toi"] .cot-trai,
[data-nen="toi"] .ngan-menu,
[data-nen="toi"] .the-vt,
[data-nen="toi"] .chip-cn,
[data-nen="toi"] .ch-chip-imei,
[data-nen="toi"] .nut-gap,
[data-nen="toi"] .nut-q,
[data-nen="toi"] .khung-chat,
[data-nen="toi"] body.dang-in-khoi .khoi-dang-in,
[data-nen="toi"] .o-tim-vien,
[data-nen="toi"] .lop-goi-y-tim,
[data-nen="toi"] .lop-ngay-gio,
[data-nen="toi"] .cong-tac::after,
[data-nen="toi"] .nut-nho,
[data-nen="toi"] .nut-chon-tim,
[data-nen="toi"] .lop-chon-tim,
[data-nen="toi"] .o-so-dv,
[data-nen="toi"] .o-so-dv select,
[data-nen="toi"] .lop-gia-hang,
[data-nen="toi"] .nut-gap-phai,
[data-nen="toi"] .thanh-menu .nut-doi-khu,
[data-nen="toi"] .thanh-menu .nut-doi-khu:hover,
[data-nen="toi"] .muc-chon-tim.muc-tao-moi,
[data-nen="toi"] .lop-xo-chon{background:var(--nen-the)}

/* Chu dam -> chu sang */
[data-nen="toi"] select.o-sua[data-mau="xam"],
[data-nen="toi"] .bang-du-lieu th,
[data-nen="toi"] .nhan-loc,
[data-nen="toi"] .dau-nhom-xuat,
[data-nen="toi"] body,
[data-nen="toi"] .bang-du-lieu td,
[data-nen="toi"] .tieu-de-trang,
[data-nen="toi"] .o-nhap, [data-nen="toi"] .o-gia, [data-nen="toi"] .o-tim,
[data-nen="toi"] .phan-trang,
[data-nen="toi"] .chu-pt,
[data-nen="toi"] .the-tab-con,
[data-nen="toi"] .the-cap-3,
[data-nen="toi"] .tkn-ten{color:var(--chu)}

/* Vien nhat -> vien toi */
[data-nen="toi"] .bang-du-lieu th,
[data-nen="toi"] .bang-du-lieu td,
[data-nen="toi"] .bang-cuon,
[data-nen="toi"] .dong-tong td,
[data-nen="toi"] .phan-trang,
[data-nen="toi"] .the-loc,
[data-nen="toi"] .o-nhap,
[data-nen="toi"] .o-gia,
[data-nen="toi"] .o-tim,
[data-nen="toi"] .nut-icon,
[data-nen="toi"] .dong-tong-ct td,
[data-nen="toi"] .bang-tick td,
[data-nen="toi"] .o-tim-vien,
[data-nen="toi"] .bang-tkn th, [data-nen="toi"] .bang-tkn td,
[data-nen="toi"] .bang-tkn thead th{border-color:var(--vien)}

/* Dau bang */
[data-nen="toi"] .bang-du-lieu th,
[data-nen="toi"] .bang-du-lieu th.ghim-trai, [data-nen="toi"] .bang-du-lieu th.ghim-trai-2,
[data-nen="toi"] .bang-tkn thead th,
[data-nen="toi"] .bang-tkn thead .tkn-tick, [data-nen="toi"] .bang-tkn thead .tkn-c1, [data-nen="toi"] .bang-tkn thead .tkn-c2{background:var(--nen-dau-bang)}

/* Hang di chuot qua */
[data-nen="toi"] .bang-du-lieu tbody tr:hover td,
[data-nen="toi"] .dong-tab-tick:hover td,
[data-nen="toi"] .dong-nhom-tick:hover td,
[data-nen="toi"] .cum-ngang.mo,
[data-nen="toi"] .bang-tkn tbody tr:hover td{background-image:linear-gradient(var(--phu-hover),var(--phu-hover))}

/* Nen phu */
[data-nen="toi"] .dong-tong td,
[data-nen="toi"] .dong-tong-ct td,
[data-nen="toi"] .bang-trong-ct th,
[data-nen="toi"] .bang-tick thead th,
[data-nen="toi"] .dong-nhom-tick td{background:var(--nen-phu)}

/* Nhung cho con lai cua nen toi: thanh cuon, chu mo, lop phu, dong to mau */
[data-nen="toi"] *{scrollbar-color:var(--vien-dam) transparent}
[data-nen="toi"] ::-webkit-scrollbar-thumb{background:var(--vien-dam)}
[data-nen="toi"] ::-webkit-scrollbar-thumb:hover{background:var(--chu-mo)}
[data-nen="toi"] .o-nhap::placeholder,
[data-nen="toi"] .o-tim::placeholder{color:var(--chu-mo)}
[data-nen="toi"] .nen-mo{background:rgba(0,0,0,.6)}
[data-nen="toi"] .bang-du-lieu td .ma-chinh,
[data-nen="toi"] .dong-mo-duoc td:nth-child(4){color:#6fa8ff;
  color:color-mix(in srgb, var(--mau-chinh) 62%, #fff)}
[data-nen="toi"] .man-dang-nhap{background:linear-gradient(135deg,#141922,#1b2436)}

/* Dong duoc to mau: giu y nghia mau nhung ha do sang cho hop nen toi */
[data-nen="toi"] tr.dong-homnay td,
[data-nen="toi"] tr.dong-vang td{background:#3a3116;color:var(--chu)}
[data-nen="toi"] tr.dong-do td{background:#3a2020;color:var(--chu)}
[data-nen="toi"] tr.dong-luc td,
[data-nen="toi"] tr.dong-xanh td{background:#173224;color:var(--chu)}
[data-nen="toi"] tr.dong-xam td{background:#252b33;color:var(--chu)}

/* O sua truc tiep tren bang va cac o chon trong bang. Giu y het che do sang: o de trong suot, chi hien khung khi di chuot vao. */
[data-nen="toi"] .o-sua,
[data-nen="toi"] .bang-du-lieu select,
[data-nen="toi"] .bang-du-lieu input{background:transparent;color:var(--chu);
  border-color:transparent}
[data-nen="toi"] td:hover>.o-sua{border-color:var(--vien-dam)}
[data-nen="toi"] .o-sua:focus{border-color:var(--mau-chinh);background:var(--nen-the)}

/* Man Thong ke tin nhan: bang co bo mau rieng, ha do sang cho doc duoc */
[data-nen="toi"] .bang-tkn td.tkn-vang{background:#3a3116;color:var(--chu)}
[data-nen="toi"] .bang-tkn tr.tkn-cn td{background:#3a2020;color:var(--chu)}
[data-nen="toi"] .tkn-nhap{color:var(--chu)}

/* Cong tac Nen sang / Nen toi trong menu Chu de */
/* Hai nut nen xep thanh HAI COT. Lop noi cua Chu de phai rong ra cho vua bang mau chi rong 146px, de nguyen thi chu "Nền sáng / Nền tối" tran ra ngoai. */
#menuChuDe{min-width:212px}
#menuChuDe .bang-mau{grid-template-columns:repeat(3,1fr);justify-items:center}
.chon-nen{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;
  border-top:1px solid var(--vien);margin-top:6px}
.nut-nen{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;
  padding:6px 8px;border:1px solid var(--vien);border-radius:var(--bo-goc);
  background:var(--nen-the);color:var(--chu-phu);font-size:var(--chu-12);
  font-family:inherit;cursor:pointer;white-space:nowrap}
.nut-nen .hinh{width:15px;height:15px}
.nut-nen:hover{background:var(--nen-phu)}
.nut-nen.dang-chon{border-color:var(--mau-chinh);color:var(--mau-chinh);font-weight:500}

/* LOC NGAY TREN TIEU DE COT */

/* Mui ten o dau cot thay cho cai pheu cu */
.pheu-loc .hinh{width:13px;height:13px}
.nut-bo-loc.dang-loc{color:var(--mau-chinh);border-color:var(--mau-chinh)}

/* Lop loc: dat theo vi tri cua cot vua bam, khong phai hop thoai giua man */
.lop-loc-cot{display:none;position:absolute;z-index:80;width:250px;
  background:var(--nen-the);border:1px solid var(--vien);border-radius:var(--bo-goc);
  box-shadow:var(--do-bong-noi);padding:10px}
.lop-loc-cot.mo{display:block}
.dau-loc-cot{font-size:var(--chu-12);color:var(--chu-phu);margin-bottom:8px}
.dau-loc-cot b{color:var(--chu)}
.lop-loc-cot .o-tim-trong-lop{display:flex;align-items:center;gap:6px;padding:5px 8px;
  border:1px solid var(--vien);border-radius:var(--bo-goc);margin-bottom:8px}
.lop-loc-cot .o-tim-trong-lop .hinh{width:14px;height:14px;color:var(--chu-mo);flex:none}
.lop-loc-cot .o-tim-trong-lop input{flex:1;border:0;outline:0;font-size:var(--chu-13);
  font-family:inherit;background:none;color:var(--chu);min-width:0}
.hang-nut-loc{display:flex;gap:6px;margin-bottom:6px}
.hang-nut-loc .nut{flex:1;justify-content:center;padding:5px 6px;font-size:var(--chu-12)}
.hang-sap .nut{padding:5px 4px}
.ds-loc-cot{max-height:230px;overflow:auto;margin:8px 0;border-top:1px solid var(--vien);
  border-bottom:1px solid var(--vien);padding:6px 0}
.ds-loc-cot .dong-tick{margin-bottom:4px;font-size:var(--chu-13)}
.ds-loc-cot .dong-tick span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.loc-trong{padding:10px 4px;color:var(--chu-mo);font-size:var(--chu-12);text-align:center}
.chan-loc-cot{display:flex;justify-content:flex-end;gap:6px}
.chan-loc-cot .nut{padding:6px 12px;font-size:var(--chu-12)}

/* Ten man hinh + thanh "Trực tiếp" o khu Tiep nhan */
.ten-man-crm{display:flex;flex-direction:column;gap:1px;margin-left:4px;min-width:0}
.ten-man-crm b{font-size:var(--chu-16);font-weight:600;color:var(--chu);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thanh-truc-tiep{display:inline-flex;align-items:center;gap:5px;font-size:var(--chu-11);
  color:var(--chu-phu);cursor:pointer;white-space:nowrap}
.cham-truc-tiep{width:7px;height:7px;border-radius:50%;background:var(--mau-thanh-cong);
  flex:none;animation:nhay-truc-tiep 2s ease-in-out infinite}
@keyframes nhay-truc-tiep{0%,100%{opacity:1}50%{opacity:.35}}
/* "Có dữ liệu mới — bấm để tải lại" AN THEO MAU CHU DE, khong dung --mau-canh-bao co dinh. */
.thanh-truc-tiep.co-moi{color:var(--mau-chinh);font-weight:500}
.thanh-truc-tiep.co-moi .cham-truc-tiep{background:var(--mau-chinh)}

/* Thu gon thanh menu thi thu ca ten shop, chi con logo vuong */
body.canh-gon .thanh-dau .ten-shop{display:none}

/* Chon dong roi xoa */
.nut-xoa-nhieu .hinh{width:15px;height:15px}
/* Vao che do chon: cot tick sang len de nhin thay ngay minh dang chon dong nao */
body.dang-chon-xoa #bangDL .ghim-trai{background:var(--mau-chinh-nhat)}
body.dang-chon-xoa #bangDL tbody tr:has(.chon-dong:checked) td{background:var(--mau-chinh-nhat)}

/* Danh sach file dang nhap (chon nhieu file) */
.ds-tep-nhap{margin-top:10px;font-size:var(--chu-12);color:var(--chu-phu)}
.ds-tep-nhap .dong-tep{display:flex;gap:8px;padding:3px 0}
.ds-tep-nhap .dong-tep span{width:14px;flex:none;color:var(--mau-chinh)}
.ds-tep-nhap .dong-tep.xong{color:var(--mau-thanh-cong)}
.chu-do{color:var(--mau-loi)}

/* XEP THU TU khi chon tu HAI file tro len. Trinh duyet tra
   danh sach file theo TEN chu khong theo thu tu bam chon, ma nhieu man nhap sai thu tu
   la hong - nen phai cho xep lai bang tay truoc khi chay. */
.ds-xep-tep{margin-top:10px;font-size:var(--chu-13)}
.ds-xep-tep .dong-xep{display:flex;align-items:center;gap:var(--cach-2);
  padding:var(--cach-1) var(--cach-2);border:1px solid var(--vien);
  border-radius:var(--bo-goc);background:var(--nen-phu);margin-bottom:var(--cach-1)}
.ds-xep-tep .so-xep{flex:none;width:20px;height:20px;border-radius:50%;
  background:var(--mau-chinh);color:var(--mau-chinh-chu);font-size:var(--chu-11);
  display:flex;align-items:center;justify-content:center}
/* Ten file dai phai cat bot, khong duoc day hai nut ra ngoai */
.ds-xep-tep .ten-xep{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;color:var(--chu)}
.ds-xep-tep .nut-xep{flex:none;width:28px;height:28px;padding:0;border:1px solid var(--vien);
  border-radius:var(--bo-goc);background:var(--nen-the);color:var(--chu-phu);
  display:flex;align-items:center;justify-content:center;cursor:pointer}
.ds-xep-tep .nut-xep:hover:not(:disabled){border-color:var(--mau-chinh);color:var(--mau-chinh)}
.ds-xep-tep .nut-xep:disabled{opacity:.4;cursor:default}
.ds-xep-tep .nut-xep .hinh{width:12px;height:12px}
/* O chon chi nhanh nhan ton kho cua tung file (man khai 'ton_theo_tep'): nam dong RIENG duoi
   ten file - ten file KiotViet dai, phan gio xuat o cuoi ten la thu de phan biet cac file */
.ds-xep-tep .dong-xep:has(.chon-cn-tep){flex-wrap:wrap}
.ds-xep-tep .dong-xep:has(.chon-cn-tep) .ten-xep{white-space:normal;overflow-wrap:anywhere}
.ds-xep-tep .o-xo-dep,.ds-xep-tep .chon-cn-tep{flex:1 1 100%;order:5;min-width:0}

/* HOP THOAI "File chi tiết": khoi khoang thoi gian va chi nhanh. */
.hang-xuat{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.hang-xuat .dong-tick{margin-bottom:0}
.o-nhap.o-hep{width:auto;min-width:150px;flex:0 0 auto}
/* O chon cot ngay ("Thời gian / Thời gian tạo"): lop xo it nhat rong bang chu, moi muc mot dong - datLopNoi dat be ngang bang nut, min-width thang */
.hang-xuat .o-xo-dep .lop-xo-chon{min-width:max-content}
.dong-tach{margin-top:10px;padding-top:10px;border-top:1px dashed var(--vien)}

/* Nut loc tren tieu de cot: tam giac do xuong, khong phai dau "v" */
.pheu-loc .hinh{width:12px;height:12px}

/* Menu Xoa: muc "Xóa tất cả" to mau do cho de phan biet */
#menuXoa .muc-thoat{color:var(--mau-loi)}

/* Can le: Tieu de bang LUON canh giua, ke ca cot tien / cot so. Noi dung: chu va ngay canh trai (mac dinh), so canh giua, tien canh phai. */
.bang-du-lieu th,
.bang-du-lieu th.canh-phai,
.bang-du-lieu th.canh-giua{text-align:center}
/* Khu BAN HANG: tieu de bang canh TRUNG voi noi dung ben duoi - chu canh trai, so va tien canh phai. De canh giua thi nhin nhu lech cot, nhat la o cot rong. */
body[data-khu="ban_hang"] .bang-du-lieu th{text-align:left}
body[data-khu="ban_hang"] .bang-du-lieu th.canh-phai{text-align:right}
body[data-khu="ban_hang"] .bang-du-lieu th.canh-giua,
body[data-khu="ban_hang"] .bang-du-lieu th.cot-stt,
body[data-khu="ban_hang"] .bang-du-lieu th.cot-thao-tac,
body[data-khu="ban_hang"] .bang-du-lieu th.cot-tien-ich,
body[data-khu="ban_hang"] .bang-du-lieu th.cot-chon,
body[data-khu="ban_hang"] .bang-du-lieu th.cot-danh-dau{text-align:center}
.bang-du-lieu th .chu-th{display:inline-block}

/* Cot STT */
.bang-du-lieu th.cot-stt,
.bang-du-lieu td.cot-stt{width:56px;min-width:56px;max-width:56px;
  text-align:center;color:var(--chu-mo);font-variant-numeric:tabular-nums}
.bang-du-lieu td.cot-stt{cursor:copy;user-select:none}
/* O STT re chuot phai giong moi o khac */
.bang-du-lieu td.cot-stt:hover{
  background-image:linear-gradient(var(--phu-hover),var(--phu-hover))}
/* Rieng BANG HANG cua man phieu: so thu tu de chu den nhu moi cot khac, khong nhat hon phan con lai. */
.bang-du-lieu.bang-phieu td.cot-stt{color:var(--chu)}
/* Tieu de "STT" cua BANG HANG tren man phieu de CUNG MAU voi cac tieu de con lai thay vi mau nhat cua luat chung cot STT ben tren. Hai gia tri duoi day chep dung cua luat '.bang-du-lieu th' */
.bang-du-lieu.bang-phieu th.cot-stt{color:#3b4757}
[data-nen="toi"] .bang-du-lieu.bang-phieu th.cot-stt{color:var(--chu)}
/* Tieu de "STT" cua BANG DANH SACH cung de CUNG MAU voi cac tieu de con lai - mau nhat cua luat chung cot STT lam no chim han so voi cac cot khac. */
.bang-du-lieu th.cot-stt,
.bang-du-lieu td.cot-stt{color:#3b4757}
[data-nen="toi"] .bang-du-lieu th.cot-stt,
[data-nen="toi"] .bang-du-lieu td.cot-stt{color:var(--chu)}
tr.dong-vua-chep td{background:var(--nen-thanh-cong)!important;transition:background .3s}

/* Vung o dang chon kieu bang tinh */
.bang-du-lieu td.o-chon{background:var(--mau-chinh-nhat);
  box-shadow:inset 0 0 0 1px var(--mau-chinh)}
.bang-du-lieu td.o-neo{box-shadow:inset 0 0 0 2px var(--mau-chinh)}
/* Boi den chu trong bang: MO cho moi tab; chi tat khi dang keo chon vung o. */
#bangDL{user-select:text}
body.dang-chon-vung #bangDL{user-select:none}

/* Thanh dem o - noi goc duoi phai, giong thanh trang thai cua bang tinh */
.thanh-dem-o{position:fixed;right:18px;bottom:16px;z-index:90;
  display:flex;align-items:center;gap:10px;
  background:var(--nen-the);border:1px solid var(--vien);border-radius:20px;
  box-shadow:var(--do-bong-noi);padding:6px 14px;
  font-size:var(--chu-12);color:var(--chu);white-space:nowrap}
.thanh-dem-o b{font-weight:600;color:var(--mau-chinh);margin-right:2px}
.ngan-dem{width:1px;height:14px;background:var(--vien)}
.nhac-dem{color:var(--chu-mo)}
.dong-dem{border:0;background:none;color:var(--chu-mo);cursor:pointer;
  font-size:16px;line-height:1;padding:0 2px}
.dong-dem:hover{color:var(--mau-loi)}

/* Nut mo lich trong hop thoai xuat file */
.o-mo-lich{cursor:pointer;text-align:left;min-width:190px}
.o-mo-lich:disabled{opacity:.5;cursor:default}

/* Nut "Xóa tất cả" nam canh nut "Hủy" */
.nut-xoa-het{color:var(--mau-loi);border-color:var(--mau-loi)}
.nut-xoa-het:hover{background:var(--nen-loi)}

/* Cot khu Tiep nhan khong ep min-width chung: do rong tinh theo TEN TIEU DE ngay trong PHP (rong_mac_dinh_cot), moi cot mot con so rieng. */

/* Hai dai the ngang chong nhau: dai cap 3 lui vao va nhat hon dai cua khoi */
.dai-tab-con.dai-cap-3{background:var(--nen);border-top:0;padding-left:var(--cach-5)}
.dai-tab-con.dai-cap-3 .the-tab-con{font-size:var(--chu-12)}

/* O sua nam gon trong o bang, khong duoc tran ra cot ben canh. O ngay cua trinh duyet rong san ~130px nen phai cho phep no co lai. */
.bang-du-lieu td{overflow:hidden}
.bang-du-lieu td > .o-sua{box-sizing:border-box}
.bang-du-lieu td input[type=date].o-sua{min-width:0}

/* Do rong cot da tinh du cho ca ten tieu de va nut loc (rong_mac_dinh_cot), nen khong chan .chu-th o 34px - chan la cat mat chu. */
.bang-du-lieu th .chu-th{max-width:100%}
.bang-du-lieu th:has(.pheu-loc) .chu-th{max-width:calc(100% - 26px)}
.bang-du-lieu th.canh-phai .chu-th{max-width:100%}
.bang-du-lieu th.canh-phai:has(.pheu-loc) .chu-th{max-width:calc(100% - 26px)}

/* MAN "Danh mục": cot trai la MOT THE ROI (giong the bo loc), thu gon bang nut "<" san co. */
.the-danh-muc{padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 150px)}
.the-danh-muc .o-tim-loai{border:0;border-bottom:1px solid var(--vien);border-radius:0;
  padding:9px 12px;flex:none}
.the-danh-muc .o-tim-loai input{flex:1;border:0;outline:0;background:transparent;
  font-size:var(--chu-13);color:var(--chu);font-family:inherit}
.ds-loai-dm{overflow:auto;padding:6px 0 10px}
.nhom-loai-dm{font-size:10.5px;font-weight:700;letter-spacing:.6px;color:var(--chu-mo);
  padding:11px 14px 5px;text-transform:uppercase}
.muc-loai-dm{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:var(--chu-13);
  color:var(--chu);text-decoration:none;border-left:3px solid transparent;cursor:pointer}
.muc-loai-dm:hover{background:var(--nen-phu)}
.muc-loai-dm.dang-o{background:var(--mau-chinh-nhat);border-left-color:var(--mau-chinh);
  color:var(--mau-chinh);font-weight:600}
.ten-loai-dm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.so-loai-dm{font-size:11px;color:var(--chu-mo);background:var(--nen);border-radius:9px;
  padding:0 7px;flex:none}
.muc-loai-dm.dang-o .so-loai-dm{background:var(--nen-the);color:var(--mau-chinh)}
/* Go tim loai: nhom nao khong con muc nao thi giau luon tieu de nhom */
.nhom-loai-dm.an,.muc-loai-dm.an{display:none}

/* Cot STT chi co o khu Tiep nhan (quyet dinh trong PHP: co_cot_stt). Man nao khong co cot nay thi luat duoi khong trung vao dau ca. */

/* Man phieu Nhap hang */

/* Cum quet ma vach: an san, bam icon may quet moi hien hai o don vi */
.cum-quet.an{display:none}

/* O chon co nut "+" ben canh (Nha cung cap...) */
.o-chon-co-them{display:flex;align-items:center;gap:6px;min-width:0;flex:1}
.o-chon-co-them > .o-chon-tim{flex:1;min-width:0}
.nut-them-nhanh{flex:none}

/* O chon co dau "+" NAM TRONG khung, khong tach thanh nut vuong rieng: chu goi y ben trai, dau cong xanh sat mep phai ben trong vien. */
.o-chon-co-cong .nut-chon-tim{padding-right:34px}
.nut-cong-trong-o{position:absolute;right:5px;top:50%;transform:translateY(-50%);
  width:24px;height:24px;display:flex;align-items:center;justify-content:center;
  border:0;background:transparent;color:var(--mau-chinh);cursor:pointer;
  border-radius:var(--bo-goc);padding:0}
.nut-cong-trong-o:hover{background:var(--mau-chinh-nhat)}
.nut-cong-trong-o .hinh{width:16px;height:16px}

/* NHANH RIENG o chon go tim truc tiep ('go_truc_tiep' - o NCC man Nhap hang): chua chon thi la o go chu, da chon thi hien chu + nut "x". Goi y: Ten + "Mã: …" ben trai, so dien thoai xanh ben phai. */
.o-chon-tim-truc-tiep .go-truc-tiep,
.o-chon-tim-truc-tiep .ten-go-truc-tiep{width:100%;padding-right:34px}
.o-chon-tim-truc-tiep .ten-go-truc-tiep{display:none;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;color:var(--chu);background:var(--nen-the);cursor:default}
.o-chon-tim-truc-tiep.dang-chon .ten-go-truc-tiep{display:block}
.o-chon-tim-truc-tiep.dang-chon .go-truc-tiep{display:none}
.o-chon-tim-truc-tiep.khoa .ten-go-truc-tiep{background:var(--nen-phu)}
.o-chon-tim-truc-tiep .ds-chon-tim{max-height:280px;padding:var(--cach-1) 0}
.muc-chon-tim.muc-go-truc-tiep{display:flex;align-items:center;justify-content:space-between;
  gap:var(--cach-3);padding:8px var(--cach-3);color:var(--chu);line-height:1.35}
.muc-chon-tim.muc-go-truc-tiep.dang-o{background:var(--nen-phu)}
.go-truc-tiep-trai{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.go-truc-tiep-dt{flex:none;white-space:nowrap;color:var(--mau-chinh);font-weight:600}
.go-truc-tiep-trong{padding:10px var(--cach-3);font-size:var(--chu-13);color:var(--chu-mo)}

/* NHANH RIENG man khai 'nut_cuoi_kv' (Nhap hang): "Lưu tạm" vien xanh, "Hoàn thành" nen xanh duong, chu mot dong khong icon. Thu gon cot phai (nut tron) thi icon hien lai. */
body.man-toan .phieu-nut-kv .nut{flex-direction:row;padding:10px 6px;font-weight:600}
.phieu-nut-kv .nut > .fa-solid,
.phieu-nut-kv .nut > svg{display:none}
.trang-phieu.gap-cot-phai .phieu-nut-kv .nut > .fa-solid,
.trang-phieu.gap-cot-phai .phieu-nut-kv .nut > svg{display:inline-block}

/* Hop thoai "Thêm hàng hóa từ nhóm hàng": canh giua man, khung chon dai */
.nen-mo.canh-giua-man{align-items:center}
.hop-nhom-don{max-width:520px}
.hop-nhom-don .o-form-hang{display:grid;grid-template-columns:110px 1fr;
  align-items:center;gap:var(--cach-3)}
.hop-nhom-don .o-form-hang label{margin:0;font-size:var(--chu-13);color:var(--chu-phu)}
.hop-nhom-don .o-chon-tim{width:100%;min-width:0}

/* Chan hop thoai: "Bỏ qua" ben trai, nut Luu gop voi nut xo */
.nut-gop{display:inline-flex;align-items:stretch;position:relative}
.nut-gop > .nut:first-child{border-top-right-radius:0;border-bottom-right-radius:0}
.nut-gop > .nut-xo-luu{border-top-left-radius:0;border-bottom-left-radius:0;
  border-left:0;padding-left:8px;padding-right:8px;display:inline-flex;align-items:center}
/* Mo NGUOC len tren: nut nam o chan hop thoai, xo xuong se ra ngoai khung */
.lop-luu-them{top:auto;bottom:calc(100% + 6px);right:0;left:auto;min-width:210px}
/* NHANH RIENG nut gop co xo hinh thuc tren thanh cong cu (So quy "+ Phiếu thu ▾"): thanh cong cu rut
   chu thi than nut con hinh "+", nut mui ten van giu mui ten va hep lai */
/* NHANH RIENG nut gop them (So quy): than nut + mui ten lien mot khoi, KHONG vach ngan giua - bo vien phai cua than nut */
.nut-gop-them > .nut:first-child{border-right:0;padding-right:6px}
.nut-gop-them > .nut-xo-luu{padding-left:4px}
.thanh-cong-cu.chi-hinh .nhom-nut-cc .nut-gop-them > .nut-xo-luu{width:22px;padding:0}
.thanh-cong-cu.chi-hinh .nhom-nut-cc .nut-gop-them > .nut-xo-luu .hinh.nho{display:block}
.lop-hinh-thuc{min-width:160px}

/* Khoi "Bảo hành, bảo trì" (dung chung moi man) */
.bang-moc-bh{width:100%;border-collapse:collapse}
.bang-moc-bh th{text-align:left;font-size:var(--chu-12);font-weight:600;color:var(--chu-phu);
  padding:0 0 6px;border-bottom:1px solid var(--vien)}
.bang-moc-bh td{padding:6px 8px 6px 0;vertical-align:top}
.bang-moc-bh td:last-child,.bang-moc-bh th:last-child{padding-right:0}
.bang-moc-bh .cot-thoi-han{width:190px}
.bang-moc-bh .cot-bo-moc{width:44px;text-align:center;vertical-align:top}
.bang-moc-bh .cot-bo-moc .nut-o-xoa-dong{display:inline-flex;align-items:center;
  justify-content:center;vertical-align:middle}
.moc-trong{padding:14px 0;font-size:var(--chu-13);color:var(--chu-mo);text-align:center}
.o-moc-thang{display:flex;align-items:center;gap:6px}
.o-moc-thang .o-nhap{flex:1;min-width:0;text-align:right}
.o-moc-thang i{font-style:normal;font-size:var(--chu-13);color:var(--chu-phu);flex:none}
.nut-them-moc{margin-top:10px}
.cach-khoi-bh{height:1px;background:var(--vien);margin:18px 0}

/* O soan thao co dinh dang */
.soan-thao{border:1px solid var(--vien);border-radius:var(--bo-goc);overflow:hidden;
  background:var(--nen-the)}
.thanh-soan{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:4px 6px;
  border-bottom:1px solid var(--vien);background:var(--nen-phu)}
/* Moi nut trong thanh soan thao cung MOT co - de nhin ra tung chuc nang. B / I / U la chu nen phai chinh co chu cho bang cac nut icon ben canh. */
.thanh-soan button{border:0;background:none;color:var(--chu);cursor:pointer;
  min-width:30px;height:30px;padding:0 5px;border-radius:var(--bo-goc);
  font:inherit;font-size:15px;line-height:1;
  display:inline-flex;align-items:center;justify-content:center}
.thanh-soan button:hover{background:var(--nen-the);color:var(--chu)}
/* Net icon phai DAM hon net mac dinh (1.6) thi o co 20px moi nhin ra hinh. Mo ta: canh le / danh sach / thut le deu la cac vach manh, khong danh dam thi nhin nhu nhau het. */
.thanh-soan .hinh{width:20px;height:20px;stroke-width:2.1}
/* Nut Format nam san trong thanh cong cu - KHONG dong them khung vien quanh no (hop long trong hop). */
.o-soan-dinh-dang{border:0;background:none;color:var(--chu);font:inherit;padding:0}
.ngan-soan{width:1px;align-self:stretch;background:var(--vien);margin:2px 4px}
.than-soan{padding:10px 12px;font-size:var(--chu-13);color:var(--chu);outline:0;overflow:auto;
  max-height:320px}
.than-soan:focus{box-shadow:inset 0 0 0 2px var(--mau-chinh-nhat)}
.than-soan img{max-width:100%;height:auto}

/* Khoi trong form: TIEU DE va NOI DUNG deu co nen - dau bang xam nhat, dong trong cung co nen, nhin ra tung khoi thay vi trang boc. */
.bang-moc-bh th{background:var(--nen-phu);padding:8px 10px;border-bottom:1px solid var(--vien);
  font-size:var(--chu-12);font-weight:600;color:var(--chu-phu)}
.bang-moc-bh th:first-child{border-top-left-radius:var(--bo-goc);
  border-bottom-left-radius:0}
.bang-moc-bh th:last-child{border-top-right-radius:var(--bo-goc)}
.bang-moc-bh{border:1px solid var(--vien);border-radius:var(--bo-goc);overflow:hidden}
.bang-moc-bh td{padding:8px 10px}
.moc-trong{background:var(--nen-phu);color:var(--mau-chinh);text-align:center;
  padding:16px 0;font-size:var(--chu-13)}
.nut-them-moc{margin-top:10px;font-size:var(--chu-13)}
.cach-khoi-bh{height:0;background:none;margin:16px 0 0}

/* O soan thao: nhan nam TRONG thanh cong cu */
.o-form-soan{grid-column:1 / -1}
.nhan-trong-thanh{font-size:var(--chu-13);color:var(--chu);font-weight:500;
  padding:0 6px;flex:none;white-space:nowrap}
/* Droplist "Format" trong thanh cong cu - hep hon droplist thuong */
/* Nut Format nam SAN trong thanh cong cu - khong dong them mot khung vien nua, nhin nhu hop long trong hop. Chi doi nen khi ro chuot len hoac dang mo. */
.thanh-soan .o-soan-dinh-dang{width:124px;flex:none}
.thanh-soan .o-soan-dinh-dang .nut-xo-lop{padding:0 8px;height:30px;
  font-size:var(--chu-13);background:transparent;border:0;color:var(--chu)}
.thanh-soan .o-soan-dinh-dang .nut-xo-lop:hover{background:var(--nen-the)}
.thanh-soan .o-xo-soan.mo .nut-xo-lop{background:var(--nen-the)}
/* Chot chieu cao droplist Format: them bao nhieu muc cung khong dai ngoang, qua nguong la co thanh cuon. 'important' de de len maxHeight do JS tinh. */
.thanh-soan .lop-xo-chon{min-width:180px;text-align:left;
  max-height:216px !important;overflow-y:auto}
/* Cac muc trong droplist Format dung CHUNG mot co chu - chi khac dam/thuong. */
.muc-xo-lop .cd-h1,.muc-xo-lop .cd-h2,.muc-xo-lop .cd-h3,
.muc-xo-lop .cd-h4,.muc-xo-lop .cd-h5,.muc-xo-lop .cd-h6{
  font-size:var(--chu-13);font-weight:700}
/* O chu nhieu dong trong khung co thanh tieu de (Mẫu ghi chú) */
.than-soan-tho{width:100%;border:0;outline:0;padding:10px 12px;font:inherit;
  font-size:var(--chu-13);color:var(--chu);background:var(--nen-the);resize:vertical;
  display:block;box-sizing:border-box}

/* Khoi "Chi nhánh kinh doanh" */
.dong-tron{display:flex;align-items:center;gap:9px;font-size:var(--chu-13);color:var(--chu);
  cursor:pointer;padding:5px 0}
.dong-tron input{width:16px;height:16px;accent-color:var(--mau-chinh);cursor:pointer;flex:none}
/* Chi ap cho o chon trong khoi "Chi nhánh kinh doanh" - o do o nam duoi mot dong radio nen phai thut 25px cho thang hang voi chu. */
.khoi-chi-nhanh-kd .o-chon-nhieu{position:relative;margin:6px 0 0 25px}
.khung-chon-nhieu{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;
  border:1px solid var(--vien);border-radius:var(--bo-goc);padding:5px 8px;
  background:var(--nen-the);cursor:text}
.o-chon-nhieu.mo .khung-chon-nhieu{border-color:var(--mau-chinh)}
.o-chon-nhieu.mo-duoc{opacity:.55;pointer-events:none}
.the-chon-nhieu{display:inline-flex;align-items:center;gap:5px;background:var(--nen-phu);
  border:1px solid var(--vien);border-radius:var(--bo-goc);padding:2px 4px 2px 9px;
  font-size:var(--chu-13);color:var(--chu)}
.the-chon-nhieu .bo-the{border:0;background:none;color:var(--chu-mo);cursor:pointer;
  padding:2px;display:inline-flex;line-height:0}
.the-chon-nhieu .bo-the:hover{color:var(--mau-loi)}
.the-chon-nhieu .hinh{width:13px;height:13px}
.go-chon-nhieu{flex:1;min-width:60px;border:0;outline:0;background:transparent;font:inherit;
  font-size:var(--chu-13);color:var(--chu);padding:4px 0}
.lop-chon-nhieu{display:none;position:absolute;top:calc(100% + 2px);left:0;right:0;
  background:var(--nen-the);border:1px solid var(--vien);border-radius:var(--bo-goc);
  box-shadow:var(--do-bong-noi);max-height:260px;overflow:auto;z-index:70;padding:4px 0}
.o-chon-nhieu.mo .lop-chon-nhieu{display:block}
.muc-chon-nhieu{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:8px 12px;font-size:var(--chu-13);color:var(--chu);cursor:pointer}
.muc-chon-nhieu:hover{background:var(--mau-chinh-nhat)}
.muc-chon-nhieu .dau-tick{display:none;flex:none;color:var(--mau-chinh)}
.muc-chon-nhieu .dau-tick .hinh{width:15px;height:15px}
.muc-chon-nhieu.dang-chon{background:var(--mau-chinh-nhat)}
.muc-chon-nhieu.dang-chon .dau-tick{display:inline-flex}
.muc-chon-nhieu.an{display:none}

/* Chan hop thoai: o tick ben trai, cac nut ben phai */
/* Chan hop thoai: o tick sat le trai, ba nut dinh nhau sat le phai. Khoang trong phai nam GIUA hai cum, khong duoc nam giua cac nut. */
.cho-chan-form{display:inline-flex;align-items:center;margin-right:auto}
.cho-chan-form:empty{display:none;margin:0}
/* Khong co o tick thi van phai day cum nut ve ben phai */
.ht-chan{justify-content:flex-end}
.cho-chan-form .khoi-chan-form{margin:0}
.cho-chan-form .o-form{margin:0}
/* Khong co khoi chan thi nut "Bỏ qua" van phai bam sat nhom nut ben phai */
.ht-chan .cho-chan-form + .nut{margin-left:0}

/* Tab Thong tin: khung anh CAO BANG ba hang truong dau */
.form-dau{align-items:stretch}
.form-dau-phai{display:flex;gap:6px;align-items:stretch;min-width:0;overflow:hidden}
.form-dau-phai .anh-chinh{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:6px}
/* Bon o anh phu: mot cot hep sat ben phai anh chinh, KHONG duoc tran ra ngoai */
.form-dau-phai .cot-anh-phu{flex:0 0 auto;display:flex;flex-direction:column;
  justify-content:space-between;gap:var(--cach-2)}
/* Tab "Chi nhánh kinh doanh" khong co the boc - hai lua chon nam thang tren nen hop thoai, khong dong khung nhu cac khoi khac. */
.than-tab-form .khoi-chi-nhanh-kd{border:0;background:none;padding:0}
.khoi-chi-nhanh-kd .than-khoi-form{padding:0}
/* Lop xo mo ra bang position:fixed (xem datLopNoi ben chung.js) nen phai noi cao hon hop thoai, neu khong van bi hop thoai che mat. */
.o-xo-dep .lop-xo-chon,.o-xo-soan .lop-xo-chon,.lop-chon-nhieu{z-index:200}

/* LUAT CHUNG: muc DANG CHON cua MOI danh sach xo to nen nhat + dau tick ben phai. Ap dung cho moi kieu lop xo dang co trong he thong, ke ca cai nho nhat. */
.muc-xo-lop.dang-chon,
.muc-chon-tim.dang-chon,
.muc-chon-nhieu.dang-chon,
.lop-noi .muc-menu.dang-chon,
.muc-gio.dang-chon-nhe,
.muc-loai-dm.dang-o,
.muc-preset.dang-chon{background:var(--mau-chinh-nhat)}

/* Muc nao khong co san the dau tick thi ve bang dau ✓ o le phai */
.muc-chon-tim.dang-chon,
.lop-noi .muc-menu.dang-chon{position:relative;padding-right:30px}
.muc-chon-tim.dang-chon::after,
.lop-noi .muc-menu.dang-chon::after{content:"\2713";position:absolute;right:11px;top:50%;
  transform:translateY(-50%);color:var(--mau-chinh);font-weight:700;font-size:13px;line-height:1}

/* Muc dang chon van phai doi mau khi ro chuot len, khong "chet cung" */
.muc-xo-lop.dang-chon:hover,
.muc-chon-tim.dang-chon:hover,
.muc-chon-nhieu.dang-chon:hover{background:var(--mau-chinh-nhat);filter:brightness(.97)}

/* Hai hop thoai phu cua form Ve o cap trang nen phai noi CAO HON hop thoai form dang mo. */
.lop-tren-hop-thoai{z-index:300}
.hop-vua{max-width:760px}
.ht-than.khong-dem{padding:0}
.bang-trong-ht{width:100%;border-collapse:collapse}
.bang-trong-ht th{background:var(--nen-phu);text-align:left;padding:10px 20px;
  font-size:var(--chu-12);font-weight:600;color:var(--chu-phu);border-bottom:1px solid var(--vien)}
.bang-trong-ht td{padding:9px 20px;font-size:var(--chu-13);color:var(--chu);
  border-bottom:1px solid var(--vien)}
.bang-trong-ht tr:last-child td{border-bottom:0}
.o-trong-ht{text-align:center;color:var(--chu-mo);padding:20px 0}
.o-gia-bg{max-width:150px;margin-left:auto;display:block}
.khong-dem .nut-them-dong{margin:12px 20px 16px}

/* Bang hoa hong */
.bang-hoa-hong .cot-muc-hh{width:220px}
.bang-hoa-hong td .o-nhap{width:100%;min-width:0}
.bang-hoa-hong .cot-nut-hh{width:74px;text-align:right;white-space:nowrap}
.chu-mo-hh{color:var(--chu-phu)}
/* O muc hoa hong chi hien khi dong da duoc bat (bam "+") */
.dong-hh .o-muc-hh{display:none}
.dong-hh.dang-mo .o-muc-hh{display:flex}
.dong-hh.dang-mo [data-mo-hh]{display:none}
.dong-hh:not(.dang-mo) [data-bo-hh]{display:none}
.o-muc-hh{align-items:center;position:relative}
.o-muc-hh .o-nhap{padding-right:74px}
.nut-gop-dv{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:inline-flex;
  border-radius:var(--bo-goc);overflow:hidden}
.nut-gop-dv button{border:0;background:var(--nen-phu);color:var(--chu-phu);cursor:pointer;
  font:inherit;font-size:11px;font-weight:600;padding:3px 7px;line-height:1.4}
.nut-gop-dv button.dang-chon{background:var(--mau-chinh);color:#fff}
.nut-o-them-dong{border:0;background:transparent;color:var(--chu-phu);cursor:pointer;padding:5px}
.nut-o-them-dong:hover{color:var(--mau-chinh)}
.nut-o-them-dong .hinh,.nut-o-xoa-dong .hinh{width:16px;height:16px}

/* Khoi Don vi tinh: bo cuc vua phai, khong dai soc */
/* O tick va nut xoa phai canh GIUA theo o nhap cua cung hang, khong tut xuong duoi. Cach lam: cho chung cao dung bang o nhap roi canh giua ben trong. */
.luoi-don-vi{grid-template-columns:220px 150px auto 1fr}
/* O nao trong hang cung phai BO margin duoi, neu khong 'align-items:end' canh theo mep NGOAI margin -> o tick tut xuong thap hon o nhap dung bang margin do. */
.luoi-don-vi .o-form{margin-bottom:0}
.luoi-don-vi .dong-tick{margin-bottom:0;align-self:end;padding:0;
  height:var(--cao-o-nhap);align-items:center}
.hang-them-dong.hang-don-vi{grid-template-columns:220px 150px 150px auto 1fr;
  align-items:end;gap:var(--cach-3)}
.hang-don-vi .o-form{margin:0}
.hang-don-vi .dong-tick{margin-bottom:0;padding:0;white-space:nowrap;
  height:var(--cao-o-nhap);align-items:center}
.hang-don-vi .nut-o-xoa-dong{padding:0;height:var(--cao-o-nhap);
  display:inline-flex;align-items:center;justify-content:flex-end}
.o-quy-doi{display:flex;align-items:center;gap:6px}
.o-quy-doi .dau-bang{font-style:normal;color:var(--chu-phu);flex:none}
.o-quy-doi .o-nhap{flex:1;min-width:0}
.o-quy-doi .ten-dvcb{font-style:normal;color:var(--chu-phu);flex:none;font-size:var(--chu-13)}

/* LUAT CHUNG: icon di kem chu luon canh GIUA theo chu '.hinh' la display:block (de dung mot minh trong nut icon). */
.lien-ket-nho,.nut-them-dong,.nut-them-moc,.nut-chu{
  display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.lien-ket-nho .hinh,.nut-them-dong .hinh,.nut-them-moc .hinh,.nut-chu .hinh{
  width:15px;height:15px;flex:none}
/* Nut chi co icon: icon canh giua ca hai chieu */
.nut-o-xoa-dong,.nut-o-them-dong,.nut-them-nhanh,.nut-icon,.nut-o{
  display:inline-flex;align-items:center;justify-content:center}

/* Cot bon o anh phu dinh sat the anh: o to, khoang cach deu - nhin la mot cum. */
/* Khoi anh CAO BANG cot trai (ba hang truong = sau dong), va de giu duoc ti le gan vuong thi phai NOI RONG modal ra - xem .hop-rong ben duoi. */
/* Ba hang truong ben trai: BO margin duoi cua tung o, de mot minh row-gap cua luoi lo khoang cach. */
.form-dau-trai .o-form{margin-bottom:0}
.form-dau-trai .luoi-form{row-gap:14px}
.form-dau{grid-template-columns:1fr 292px;align-items:stretch}
.form-dau-phai{align-items:stretch;height:auto}
.form-dau-phai .anh-chinh{flex:1 1 auto;min-width:0;height:auto;min-height:0;padding:12px}
.form-dau-phai .cot-anh-phu{flex:0 0 auto;justify-content:space-between;padding:0}
.anh-phu{width:40px;height:40px}
.anh-chinh .nut-vien{padding:6px 14px;font-size:var(--chu-12)}
.anh-chinh .chu-anh{font-size:var(--chu-11);line-height:1.35;text-align:center}

/* Cua so viec chay ngam - goc duoi ben phai Xuat file / nhap file bao tien do o day, xong roi van tai lai duoc. */
.viec-nen{position:fixed;right:16px;bottom:0;z-index:1200;width:440px;max-width:calc(100vw - 32px);
  background:var(--nen-the);border:1px solid var(--vien);border-bottom:0;
  border-radius:var(--bo-goc-lon) var(--bo-goc-lon) 0 0;box-shadow:var(--do-bong-noi);
  display:flex;flex-direction:column;overflow:hidden}
.vn-dau{display:flex;align-items:center;gap:var(--cach-2);padding:10px var(--cach-3);
  background:var(--mau-chinh);color:var(--chu-tren-mau);flex:0 0 auto}
.vn-tieu-de{flex:1 1 auto;font-size:var(--chu-13);font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Nut 28px va hinh 18px - nho hon thi khong nhan ra icon */
.vn-nut{flex:0 0 auto;width:28px;height:28px;display:inline-flex;align-items:center;
  justify-content:center;border:0;border-radius:var(--bo-goc);cursor:pointer;
  background:transparent;color:var(--chu-tren-mau)}
.vn-nut .hinh{width:18px;height:18px}
.vn-nut:hover{background:rgba(255,255,255,.18)}

/* Vong tron ho mot doan, quay lien tuc - thay cho fa-spin cua bo font */
.vn-quay{animation:vn-xoay 1s linear infinite;transform-origin:50% 50%}
@keyframes vn-xoay{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){ .vn-quay{animation:none} }

.vn-than{flex:1 1 auto;overflow-y:auto;max-height:320px;padding:var(--cach-2) 0}
.viec-nen.vn-thu-gon .vn-than{display:none}

/* Phong to: chiem gan het man hinh de doc duoc danh sach dai */
.viec-nen.vn-toan-man{width:min(1100px,calc(100vw - 64px));height:calc(100vh - 180px);
  bottom:40px;border-bottom:1px solid var(--vien);border-radius:var(--bo-goc-lon)}
.viec-nen.vn-toan-man .vn-than{max-height:none}

.vn-dong{display:grid;grid-template-columns:28px 1fr 24px;align-items:center;
  gap:var(--cach-2);padding:8px var(--cach-3);font-size:var(--chu-13)}
.vn-dong + .vn-dong{border-top:1px solid var(--vien)}
.vn-hinh{color:var(--chu-mo)}
.vn-ten{min-width:0;overflow-wrap:anywhere}
.vn-trang-thai{text-align:center}
.vn-dong.dang-chay .vn-trang-thai{color:var(--mau-chinh)}
.vn-dong.xong .vn-trang-thai{color:var(--mau-chinh)}
.vn-dong.hong .vn-trang-thai{color:var(--mau-loi)}
.vn-phu{grid-column:2 / -1;font-size:var(--chu-11);color:var(--chu-phu);margin-top:2px}
.vn-dong.hong .vn-phu{color:var(--mau-loi)}
.vn-tai{grid-column:2 / -1;font-size:var(--chu-12);color:var(--mau-chinh);
  text-decoration:none;margin-top:2px}
.vn-tai:hover{text-decoration:underline}
/* Hang cho nhap / xuat file tren may chu: cau nhac, dong loi xem them, nut Huy */
.vn-nhac{grid-column:2 / -1;font-size:var(--chu-12);color:var(--mau-canh-bao);margin-top:4px}
.vn-loi{grid-column:2 / -1;font-size:var(--chu-12);margin-top:4px}
.vn-loi summary{cursor:pointer;color:var(--mau-loi)}
.vn-loi-ds{max-height:160px;overflow-y:auto;margin-top:4px;color:var(--chu-phu);overflow-wrap:anywhere}
/* Nut huy = hinh tam dung CUNG HANG ten file, ngay truoc hinh trang thai: dong co nut thi
   luoi them mot cot 24px. Dong khong co nut giu luoi ba cot. */
.vn-dong.co-huy{grid-template-columns:28px 1fr 24px 24px}
.vn-huy{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;
  padding:0;color:var(--mau-loi);background:transparent;border:0;border-radius:var(--bo-goc);cursor:pointer}
.vn-huy .hinh{width:14px;height:14px}
.vn-huy:hover{background:var(--nen-loi)}
.vn-huy:disabled{opacity:.5;cursor:default}

/* Khung gom cac o tick rieng cua man tren hop thoai Import */
.khung-tuy-chon-nhap{border:1px solid var(--vien);border-radius:var(--bo-goc);
  padding:var(--cach-2) var(--cach-3);margin-top:var(--cach-2);
  display:flex;flex-direction:column;gap:var(--cach-1)}

/* KHOI 2B cua hop thoai Import */
/* KHOI 1 (Bổ sung thêm / Đè toàn bộ): boc trong mot THE CO TO MAU. */
.the-cach-nhap{background:var(--mau-chinh-nhat);border:1px solid var(--mau-chinh-vien, #cfe0fb);
  border-left:3px solid var(--mau-chinh);border-radius:var(--bo-goc);
  padding:var(--cach-3);margin-bottom:var(--cach-2)}
.the-cach-nhap .dong-radio-nhap:last-of-type{margin-bottom:0}

/* O xo chon chi nhanh trong hop thoai Import: mot nut xo, o tick nam trong lop noi - shop nhieu chi nhanh thi khong bay het ra lam dai hop thoai. */
.xo-cn-nhap{position:relative;display:block}
.nut-xo-cn{display:flex;align-items:center;justify-content:space-between;gap:var(--cach-2);
  width:100%;max-width:340px;text-align:left;cursor:pointer;background:#fff}
.nut-xo-cn .chu-xo-cn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nut-xo-cn.dang-mo{border-color:var(--mau-chinh)}
.lop-cn-nhap{min-width:260px;max-width:340px;max-height:240px;overflow:auto;padding:var(--cach-2)}
.lop-cn-nhap .dong-tick{margin:0;padding:5px 6px;border-radius:var(--bo-goc);white-space:nowrap}
.lop-cn-nhap .dong-tick:hover{background:var(--nen-phu)}

.nhom-radio-nhap{padding:var(--cach-3) 0;border-top:1px solid var(--vien)}
.nhom-radio-nhap:first-of-type{border-top:0;padding-top:var(--cach-2)}
.hoi-nhom-nhap{font-size:var(--chu-13);color:var(--chu);margin-bottom:var(--cach-2);
  display:flex;align-items:center;gap:4px}
.hoi-nhom-nhap i.dau-hoi-nho{color:var(--chu-mo)}
.khung-cn-nhap{margin:var(--cach-2) 0 0 23px}

/* Thanh cong cu khi dang tick chon dong Tick mot o la thanh tren doi sang bo nut rieng cua tab do. */
.cum-da-chon{display:none;align-items:center;gap:var(--cach-2);
  font-size:var(--chu-13);color:var(--mau-chinh);font-weight:600;white-space:nowrap}
body.co-chon-dong .cum-da-chon{display:inline-flex}
/* Dang chon thi giau o tim + cac nut thuong, chua chua lai cho bo nut hang loat */
body.co-chon-dong .an-khi-chon{display:none !important}
.nut-bo-chon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--vien-dam);border-radius:var(--bo-goc);background:var(--nen-the);
  color:var(--chu-phu);cursor:pointer;font-size:var(--chu-12)}
.nut-bo-chon:hover{border-color:var(--mau-loi);color:var(--mau-loi)}
/* PHAI dung display:contents, KHONG duoc dung inline-flex hay flex. '.nhom-nut-cc' la mot khung flex. */
.nhom-nut-chon-dong{display:none}
body.co-chon-dong .nhom-nut-chon-dong{display:contents}
.an-khi-chon{display:contents}
body.co-chon-dong #bangDL tbody tr:has(.chon-dong:checked) td{background:var(--mau-chinh-nhat)}

/* Tieu de chinh cua bo loc: in dam cho noi han nhan phu (khu Ban hang) */
body[data-khu="ban_hang"] .nhan-loc{font-weight:700;color:var(--chu)}

/* Nhom nut tron trong form: nam ngang mot dong, khong moi cai mot dong */
.nhom-radio-form{display:flex;align-items:center;flex-wrap:wrap;
  gap:var(--cach-1) var(--cach-5);min-height:34px}
.nhom-radio-form .dong-radio-nhap{margin:0;white-space:nowrap}
/* Nhan nam CUNG dong voi cum nut tron, khong chiem rieng mot dong */
.o-form.o-ngang{display:flex;align-items:center;gap:var(--cach-4);margin-bottom:var(--cach-3)}
.o-form.o-ngang > label:first-child{margin:0;flex:0 0 auto}

/* O ngay trong form: o chu + nut lich tieng Viet, khong dung lich cua trinh duyet (lich trinh duyet hien mm/dd/yyyy theo may, khong doi duoc sang dd/mm/yyyy) */
.o-ngay-viet{position:relative;display:flex;align-items:center}
.o-ngay-viet > input{flex:1 1 auto;padding-right:32px}
.nut-lich-o{position:absolute;right:6px;top:50%;transform:translateY(-50%);
  width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;
  border:0;background:transparent;color:var(--chu-phu);cursor:pointer;font-size:var(--chu-13)}
.nut-lich-o:hover{color:var(--mau-chinh)}

/* Lich chon MOT ngay cho o nhap trong form */
.lich-mot-ngay{position:fixed;z-index:1300;background:var(--nen-the);
  border:1px solid var(--vien);border-radius:var(--bo-goc-lon);
  box-shadow:var(--do-bong-noi);padding:var(--cach-3);width:280px}
.lmn-dau{display:flex;align-items:center;justify-content:space-between;
  margin-bottom:var(--cach-2)}
/* Nhan giua hai mui ten: BAM DUOC de len cap (ngày -> tháng -> năm), y het bo lich cua bo loc. Van nhin nhu chu, chi doi nen khi re chuot vao. */
.lmn-thang{font-size:var(--chu-13);font-weight:600;color:var(--chu);
  border:0;background:transparent;cursor:pointer;font-family:inherit;
  padding:4px 10px;border-radius:var(--bo-goc)}
.lmn-thang:hover:not(:disabled){background:var(--nen-phu);color:var(--mau-chinh)}
.lmn-thang:disabled{cursor:default}
/* Bang chon thang / nam dung chung o '.luoi-muc' cua bo lich loc. Chua cao bang bang ngay de lop khong nhay len xuong khi doi cap. */
.lich-mot-ngay .luoi-muc{min-height:196px;align-content:start}
.lmn-nut{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;
  border:0;background:transparent;border-radius:var(--bo-goc);
  color:var(--chu-phu);cursor:pointer}
.lmn-nut:hover{background:var(--nen-phu);color:var(--mau-chinh)}
.lmn-luoi{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.lmn-thu{text-align:center;font-size:var(--chu-11);color:var(--chu-mo);padding:4px 0}
.lmn-ngay{height:32px;border:0;background:transparent;border-radius:var(--bo-goc);
  cursor:pointer;font-size:var(--chu-13);color:var(--chu)}
.lmn-ngay:hover{background:var(--mau-chinh-nhat)}
.lmn-ngay.ngoai-thang{color:var(--chu-mo)}
.lmn-ngay.hom-nay{color:var(--mau-chinh);font-weight:700}
.lmn-ngay.dang-chon{background:var(--mau-chinh);color:var(--chu-tren-mau);font-weight:600}
.lmn-chan{text-align:center;font-size:var(--chu-12);color:var(--chu-phu);
  margin-top:var(--cach-2);min-height:18px}

/* Thanh cong cu het cho thi bo chu, chi con hinh. Lop nay do JS dat vao sau khi DO that xem day nut co bi day xuong dong khong - xem chinhThanhCongCu ben bang.js. */
.thanh-cong-cu.chi-hinh .nhom-nut-cc .nut .chu-nut{display:none}

/* HINH TREN THANH CONG CU PHAI DU TO DE NHIN RA - rut chu di thi hinh nho nhin nhu mot cham, khong doan duoc nut lam gi. */
.thanh-cong-cu .nhom-nut-cc .nut .hinh,
.thanh-cong-cu .nhom-nut-cc .nut-icon .hinh{width:20px;height:20px;flex:none}

.thanh-cong-cu.chi-hinh .nhom-nut-cc .nut{
  width:36px;height:36px;padding:0;justify-content:center;gap:0}
.thanh-cong-cu .nhom-nut-cc .nut-icon{width:36px;height:36px}
/* Rut chu roi ma VAN khong du cho (man 820px, tab co bay nut) thi cho o tim co lai. O tim co the hep di van go duoc, day nut thi khong the chen nhau. CHI CO, KHONG GIAN: du cho thi o tim giu dung be ngang nhu man khac, khong keo dai het thanh. */
.thanh-cong-cu.chi-hinh .o-tim-khung{flex:0 1 420px}
/* Nut co menu xo: chi con hinh thi giau luon mui ten, khong nhet hai hinh vao mot o vuong 36px. */
.thanh-cong-cu.chi-hinh .nhom-nut-cc .nut .hinh.nho{display:none}
/* Nut KHONG co hinh (chi co chu, vi du "Hủy" / "Xóa tất cả" ben khu Tiep nhan): rut chu di thi con o vuong trong tron - nen phai giu nguyen chu. */
.thanh-cong-cu.chi-hinh .nhom-nut-cc .nut:not(:has(.hinh)) .chu-nut{display:inline}
.thanh-cong-cu.chi-hinh .nhom-nut-cc .nut:not(:has(.hinh)){
  width:auto;height:auto;padding:7px 10px}

/* Nut viec khong lay lai duoc (co 'nguy_hiem' trong khai bao) - phan biet voi nut thuong khi re chuot. */
.nut-canh-bao:hover{background:var(--nen-loi);border-color:var(--mau-loi);color:var(--mau-loi)}

/* MAN HE THONG: xem gioi han cua may chu (thoi gian chay, bo nho...) */
.the-hth{background:var(--nen-the);border:1px solid var(--vien);
  border-radius:var(--bo-goc-lon);padding:var(--cach-4);max-width:900px}
.the-hth h3{margin:0 0 var(--cach-2);font-size:var(--chu-15)}
.hth-dan{color:var(--chu-phu);font-size:var(--chu-12);margin:0 0 var(--cach-3)}
/* luoi o cua the "Thông tin cửa hàng" o tab Hệ thống. Hai o mot hang; o nao khai lop 'ch-rong' thi tran ca hai cot. Lop nay CHI sinh ra trong the do - khong the-hth nao khac dung. */
.luoi-ch{display:grid;grid-template-columns:1fr 1fr;gap:var(--cach-3);
  margin-bottom:var(--cach-3)}
.luoi-ch>label{display:flex;flex-direction:column;gap:4px;min-width:0;
  font-size:var(--chu-13);color:var(--chu-phu)}
.luoi-ch .ch-rong{grid-column:1 / -1}
.luoi-ch .ch-dk{resize:vertical;min-height:96px;font-family:inherit}
@media (max-width:640px){.luoi-ch{grid-template-columns:1fr}}
.bang-hth{width:100%;border-collapse:collapse;font-size:var(--chu-13)}
.bang-hth th{text-align:left;font-weight:600;color:var(--chu-phu);
  font-size:var(--chu-12);padding:6px 10px;border-bottom:1px solid var(--vien)}
.bang-hth td{padding:10px;border-bottom:1px solid var(--vien);vertical-align:top}
.bang-hth tr:last-child td{border-bottom:0}
.bang-hth .giua{text-align:center;white-space:nowrap}
.hth-gia{font-family:Consolas,Menlo,monospace;white-space:nowrap}
.hth-khoa{font-family:Consolas,Menlo,monospace;font-size:var(--chu-11);color:var(--chu-mo)}
.hth-them{font-size:var(--chu-11);color:var(--chu-phu);margin-top:4px}
.hop-hth{margin-top:var(--cach-4);padding:var(--cach-3);border-radius:var(--bo-goc);
  background:var(--mau-chinh-nhat);border:1px solid var(--vien)}
.hop-hth p{margin:6px 0 0}

/* KHOI CHI TIET BAN GHI */

/* Hang tieu de: ten + ma cung dong, chi nhanh day sang goc phai */
.ct-hang-ten{display:flex;align-items:baseline;gap:var(--cach-2);flex-wrap:wrap;margin-bottom:4px}
.ct-hang-ten .ct-ten{margin:0}
.ct-ma{font-size:var(--chu-13);color:var(--chu-phu)}
.ct-goc-phai{margin-left:auto;font-size:var(--chu-13);color:var(--chu);white-space:nowrap;
  display:inline-flex;align-items:center;gap:5px}
.ct-goc-phai .hinh{width:12px;height:12px;color:var(--chu-mo)}
/* The nhan nam ngay canh ten (khai 'the_tren_ten') - khong cach ra nhu khoi rieng */
.ct-hang-ten .the-ct{align-self:center}

/* Dong chu nho duoi ten. Dau gach doc ngan cach do CSS ve, khong nhet vao chu */
.ct-dong-phu{display:flex;flex-wrap:wrap;align-items:center;
  font-size:var(--chu-12);color:var(--chu-phu);margin-bottom:var(--cach-3)}
.ct-muc-phu{white-space:nowrap}
.ct-muc-phu i{font-style:normal;color:var(--chu-mo)}
.ct-muc-phu + .ct-muc-phu::before{content:"|";margin:0 8px;color:var(--vien-dam)}

/* Lien ket kieu "Xem phân tích" / "Thêm thông tin xuất hóa đơn" */
.ct-lien-ket{display:inline-flex;align-items:center;gap:6px;margin-top:var(--cach-3);
  font-size:var(--chu-13);color:var(--mau-chinh);text-decoration:none}
.ct-lien-ket:hover{text-decoration:underline}
.ct-lien-ket .hinh{width:15px;height:15px}

/* Dong ghi chu duoi cung - bam vao la mo thang form sua. KHONG dat ten .ct-ghi-chu (man phieu dung roi) hay .ct-dong-ghi-chu (khoi chi tiet phieu dung roi). */
/* Ghi chu nhieu dong thi GIU NGUYEN cach xuong dong nguoi dung da go. Hinh phai neo len dong DAU, khong can giua theo ca khoi chu. */
.ct-nhan-ghi-chu{display:flex;align-items:flex-start;gap:8px;margin-top:var(--cach-3);
  font-size:var(--chu-13);color:var(--chu-phu);text-decoration:none}
.ct-nhan-ghi-chu .hinh{width:15px;height:15px;flex:none;margin-top:2px}
.ct-nhan-ghi-chu .chu-ghi-chu{white-space:pre-line;min-width:0}

/* So cot cua luoi do man hinh khai ('so_cot'), khong chot cung bon cot */
.luoi-o-ct-3{grid-template-columns:repeat(3,1fr)}
.luoi-o-ct-3 .o-ct-rong{grid-column:span 3}
.luoi-o-ct-2{grid-template-columns:repeat(2,1fr)}
.luoi-o-ct-2 .o-ct-rong{grid-column:span 2}

/* Anh dai dien hinh TRON */
.anh-lon-tron{border-radius:50%;width:104px;height:104px}
.anh-lon-tron .hinh{width:52px;height:52px;color:var(--chu-mo)}
.anh-lon-tron img{border-radius:50%}

/* O anh tren FORM: hinh tron + nut, ben duoi la o dan duong dan */
.form-dau-phai .anh-tron{width:112px;height:112px;border-radius:50%;margin:0 auto;
  background:var(--nen-phu);display:grid;place-items:center;position:relative;overflow:hidden}
.form-dau-phai .anh-tron img{width:100%;height:100%;object-fit:cover}
.form-dau-phai .anh-tron .hinh{width:54px;height:54px;color:var(--chu-mo)}
.form-dau-phai .nut-them-anh{position:absolute;font-size:var(--chu-12);padding:5px 12px}
.form-dau-phai .anh-tron:not(.anh-trong) .nut-them-anh{opacity:0;transition:opacity .15s}
.form-dau-phai .anh-tron:hover .nut-them-anh{opacity:1}
.o-duong-anh{margin-top:var(--cach-2);font-size:var(--chu-12)}

/* Nut chan khoi chi tiet: CHI CO HINH (.nut-chu van giu cho man nao con dung). */
.chan-chi-tiet .nut-icon{width:36px;height:36px}
.chan-chi-tiet .nut-icon .hinh{width:20px;height:20px}
.nut-icon-do{color:var(--chu-phu)}
.nut-icon-do:hover{background:var(--nen-loi);border-color:var(--mau-loi);color:var(--mau-loi)}
.nut-icon-chinh{background:var(--mau-chinh);border-color:var(--mau-chinh);color:#fff}
.nut-icon-chinh:hover{background:var(--mau-chinh-dam);border-color:var(--mau-chinh-dam);color:#fff}
.nut-icon.dang-ngung{border-color:var(--mau-canh-bao);color:var(--mau-canh-bao)}

@media(max-width:900px){
  .luoi-o-ct-3,.luoi-o-ct-2{grid-template-columns:repeat(2,1fr)}
  .luoi-o-ct-3 .o-ct-rong,.luoi-o-ct-2 .o-ct-rong{grid-column:span 2}
  .ct-goc-phai{margin-left:0;width:100%}
}

/* Khoi chi tiet PHAI vua khung nhin, khong rong theo be ngang cua BANG. */
.dong-chi-tiet > td{padding:0}
/* Dat sticky len KHUNG ben trong chu khong len the o: the o cua bang luon rong bang tong be ngang cac cot, ep hep di khong duoc. */
.dong-chi-tiet .khung-chi-tiet{position:sticky;left:0;overflow:hidden}

/* KHOI CHI TIET: HAI TANG chu khong phai hai cot Anh + ten + dong chu nho o TANG TREN; luoi o trai het be ngang o TANG DUOI. */
.luoi-ct{display:block}
.ct-dau{display:flex;gap:var(--cach-5);align-items:flex-start;margin-bottom:var(--cach-4)}
.ct-dau .ct-noi-dung{flex:1;min-width:0}

/* Khoi chi tiet nam TRONG #bangDL nen an luat user-select:none cua bang tinh > khong boi den duoc so dien thoai, email de chep ra. Tra lai quyen chon chu. */
#bangDL .chi-tiet{user-select:text}

/* Gia tri trong khoi chi tiet: dam hon nhan mot bac cho de doc */
.gia-o-ct{font-weight:500}

/* O "Tùy chỉnh" cua bo loc ngay: chuoi " - " dai hon o nen bi be xuong hai dong. Cho chu nho lai va KHONG cho xuong dong. */
.o-lich .chu-lich{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:var(--chu-12);min-width:0}
.o-lich{min-width:0}

/* Nut nho nam TRONG vien o nhap, sat mep phai (vd "Tra cứu MST"). Khai o 'nut_trong' cua o form. */
.o-co-nut-trong{position:relative;display:block}
.o-co-nut-trong .o-nhap{width:100%;padding-right:96px}
/* Bon luat duoi PHAI boc trong '.o-co-nut-trong'. */
.o-co-nut-trong .nut-trong-o{position:absolute;right:4px;top:50%;transform:translateY(-50%);
  border:0;border-radius:var(--bo-goc);cursor:pointer;font-family:inherit;
  background:var(--mau-chinh);color:#fff;font-size:var(--chu-11);padding:5px 9px;
  white-space:nowrap}
.o-co-nut-trong .nut-trong-o:hover{background:var(--mau-chinh-dam)}

/* 1. Cum anh dai dien tren form Sua khach hang, xep DOC: o tron o giua, nut "Thêm ảnh" nam CHINH GIUA o tron, dong chu nho nam DUOI o tron va canh giua. */
.form-dau-phai-tron{flex-direction:column;align-items:center;justify-content:flex-start;
  gap:0;overflow:visible}
/* O tron an het be ngang cot phai (292px), khong chua trong hai ben. */
.form-dau-phai-tron .anh-tron{margin:0;flex:0 0 auto;
  width:min(100%,232px);aspect-ratio:1;height:auto}
.giua-anh-tron{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:10px;padding:0 18px;text-align:center}
.form-dau-phai-tron .nut-them-anh{position:static;transform:none;margin:0}
.form-dau-phai-tron .chu-anh{display:block;margin:0;max-width:100%;
  text-align:center;font-size:var(--chu-11);line-height:1.35;color:var(--chu-phu)}
/* O tron to len thi hinh giua cung phai to theo, khong de mot cham be xiu */
.form-dau-phai-tron .anh-tron > .hinh{width:76px;height:76px}
/* Da co anh roi thi cum nay chi hien khi re chuot vao, cho khoi che mat anh */
.form-dau-phai-tron .anh-tron:not(.anh-trong) .giua-anh-tron{opacity:0;
  background:rgba(255,255,255,.86);transition:opacity .15s}
.form-dau-phai-tron .anh-tron:hover .giua-anh-tron{opacity:1}
.form-dau-phai-tron .o-duong-anh{width:100%;margin-top:var(--cach-3)}

/* 2. Nut nho trong o nhap ("Tra cứu MST"). */
.o-co-nut-trong .nut-trong-o{width:max-content;max-width:calc(100% - 10px)}

/* 3. O "Tùy chỉnh" cua bo loc ngay phai hien DU chuoi ngay, khong cat bot ky tu. Chuoi dai nhat la " - " = 23 ky tu. */
.o-lich .chu-lich{text-overflow:clip;font-size:var(--chu-11);
  font-variant-numeric:tabular-nums;letter-spacing:-.1px}
.o-lich{padding-left:9px;padding-right:6px}
.o-lich .hinh{flex:0 0 auto}

/* 4. Thanh nut duoi cung DOI THEO TAB dang mo - khong co hai hang nut chong len nhau */
.hang-nut-ct{display:flex;align-items:center;justify-content:space-between;
  gap:var(--cach-3);width:100%}
.hang-nut-ct.an{display:none}
.hang-nut-ct .nut-trai,
.hang-nut-ct .nut-phai{display:flex;align-items:center;gap:var(--cach-2);flex-wrap:wrap}

/* 5. Droplist loc nam goc phai NGAY TREN bang con */
.dau-bang-ct{display:flex;justify-content:flex-end;padding:0 0 var(--cach-2)}
.dau-bang-ct .o-loc-bang{font-size:var(--chu-12);height:32px}

/* Tab "Nợ cần thu từ khách" + man "Xem phân tích" */

/* Dong tieu de trong hop thoai: ten khach + the "Nợ hiện tại" */
.cn-dau{display:flex;align-items:center;gap:var(--cach-3);flex-wrap:wrap;
  margin-bottom:var(--cach-4)}
.cn-ten{font-size:var(--chu-13);color:var(--chu-phu)}
.the-nho{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;
  background:var(--nen-phu);color:var(--chu-phu);font-size:var(--chu-12)}

/* Ngay va gio trong CUNG MOT khung vien, khong tach hai o rieng. */
.o-ngay-gio-ct{display:flex;align-items:center;background:var(--nen-the);
  border:1px solid var(--vien);border-radius:var(--bo-goc);height:36px;overflow:hidden}
.o-ngay-gio-ct:focus-within{border-color:var(--mau-chinh)}
.o-trong-khung{border:0;background:none;font:inherit;font-size:var(--chu-13);
  color:var(--chu);padding:0 0 0 10px;min-width:0;outline:0}
/* Ngay va gio doc lien nhau thanh mot chuoi " 16:34", hai nut chinh nam sat nhau ben phai. */
/* Be ngang do bang 'ch' - mot 'ch' la be ngang chu so 0 CUA CHINH FONT DANG DUNG. Nen doi co chu, doi font, phong to trang thi o cung gian theo, khong bao gio cat mat chu so cuoi. */
.o-ngay-trong,.o-gio-trong{flex:0 0 auto;font-variant-numeric:tabular-nums}
.o-ngay-trong{width:calc(10.4ch + 10px)}
.o-gio-trong{width:calc(5.4ch + 6px);padding:0 0 0 6px}
/* Nut lich von duoc khai 'position:absolute;right:6px' de dinh vao goc phai o '.o-ngay-viet'. */
.o-ngay-gio-ct .nut-lich-o{position:static;transform:none;margin-left:auto}
.nut-trong-khung{border:0;background:none;padding:0 8px;cursor:pointer;
  display:flex;align-items:center;color:var(--chu-mo);height:100%}
.nut-trong-khung:hover{color:var(--mau-chinh)}
.nut-trong-khung .hinh{width:15px;height:15px}

/* Hai kieu bo cuc trong hop thoai */
.luoi-cn-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--cach-4)}
.luoi-cn-doc{display:flex;flex-direction:column;gap:var(--cach-3)}
.hang-cn{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:var(--cach-3)}
.nhan-cn{font-size:var(--chu-13);color:var(--chu-phu)}
.gia-cn{font-size:var(--chu-13);font-weight:500}
/* O ngay-gio dung trong hang co nhan ben trai thi bo phan nhan rong cua no di */
.hang-cn .o-cn .o-form{margin-bottom:0}
.hang-cn .o-cn .o-form label:empty{display:none}
.o-so-cn{text-align:right}
/* Hang co o nhieu dong (Mo ta hop Dieu chinh tab NCC): nhan dung ngang dong chu dau cua o,
   hinh but nam goc trai tren trong o */
.hang-cn-tren{align-items:start}
.hang-cn-tren .nhan-cn{padding-top:8px}
.o-mo-ta-cn{position:relative;display:block}
.o-mo-ta-cn > .hinh{position:absolute;left:10px;top:10px;width:12px;height:12px;
  color:var(--chu-mo);pointer-events:none}
.o-mo-ta-cn textarea.o-nhap{display:block;padding-left:30px;min-height:56px;resize:none}
.chu-phai-o{text-align:right;font-size:var(--chu-12);color:var(--chu-phu);margin-top:4px}
.nhac-o{padding:8px 10px;border:1px dashed var(--vien);border-radius:var(--bo-goc);
  font-size:var(--chu-12);color:var(--chu-phu)}

/* Bang hoa don de phan bo tien */
.bang-cn-hd{margin-top:var(--cach-3)}
/* Hop Phieu chi / Phieu thu cua NCC (bam ma PC o the No can tra): ten NCC
   chu nho ngay duoi tieu de kem hinh mo lien ket xanh; nut Huy nam sat trai chan hop */
#htCongNo .pq-phu-de{display:flex;align-items:center;gap:6px;margin-top:2px;
  font-size:var(--chu-12);font-weight:400;color:var(--chu-phu)}
#htCongNo .pq-phu-de:empty{display:none}
/* NHANH RIENG hop Thanh toán / Chiết khấu thanh toán tab Khach hang: the "Nợ hiện tại" chu do nen do nhat (y KiotViet) */
#htCongNo .pq-phu-de .the-no-kh{background:var(--nen-loi);color:var(--mau-loi)}
#htCongNo .pq-mo-ncc{display:inline-flex;color:var(--mau-chinh)}
#htCongNo .pq-mo-ncc .hinh{width:12px;height:12px}
#htCongNo .ht-chan .pq-nut-huy{margin-right:auto}
#htCongNo .pq-tick{margin:var(--cach-2) 0;color:var(--chu-mo);pointer-events:none}
/* O tick xanh nhung MO - nhin la biet khong bam duoc, khong tuong loi */
#htCongNo .pq-tick input{opacity:.5}
#htCongNo .bang-pq-pb{margin-top:0}
/* Form hop Phieu chi gon: nhan nho chu xam, o thap, hang sat nhau; so Tong tien chi in dam */
#htCongNo .pq-form .luoi-cn-2{gap:0 var(--cach-4)}
#htCongNo .pq-form .o-form{margin-bottom:var(--cach-3)}
#htCongNo .pq-form .o-form label{font-size:var(--chu-12);font-weight:400;color:var(--chu-phu);margin-bottom:4px}
#htCongNo .pq-form .o-form .o-nhap{padding:6px 10px;font-size:var(--chu-13)}
#htCongNo .pq-form .o-form .pq-tong{font-weight:700;color:var(--chu)}
#htCongNo .pq-form .o-ngay-gio-ct{height:30px}
#htCongNo .pq-form .bang-pq-pb th,#htCongNo .pq-form .bang-pq-pb td{padding-top:8px;padding-bottom:8px}
.cn-tong{text-align:right;padding:var(--cach-3) 0 0;font-size:var(--chu-13)}

/* Hop "Thanh toán qua mã QR" cua the No can thu khach (giaodien/dung_cong_no.php, nhanh tao_qr).
   NHANH RIENG: lop 'cn-hop-qr' do cong_no.js gan len #htCongNo khi mo hop nay. */
#htCongNo.cn-hop-qr .ht-chan{display:none}
.cn-qr-o{margin-bottom:var(--cach-3)}
.cn-qr-o>label{display:block;margin-bottom:5px;font-size:var(--chu-13);color:var(--chu-phu)}
.cn-qr-o>.o-nhap{width:100%}
.cn-qr-the{display:flex;align-items:center;gap:var(--cach-4);padding:var(--cach-4);
  margin-top:var(--cach-2);background:var(--mau-chinh-dam);color:var(--mau-chinh-chu);
  border-radius:var(--bo-goc)}
/* O trang chua ma QR: luon nen trang ke ca che do toi, khong thi may quet khong doc duoc */
.cn-qr-anh{flex:0 0 150px;width:150px;height:150px;background:var(--mau-chinh-chu);
  border-radius:6px;padding:6px;box-sizing:border-box;display:flex;align-items:center;
  justify-content:center}
.cn-qr-cho{width:56px;height:56px;border-radius:50%;background:var(--mau-chinh-nhat);
  color:var(--mau-chinh);display:flex;align-items:center;justify-content:center}
.cn-qr-cho .hinh{width:24px;height:24px}
.cn-qr-ma{display:none;width:100%;height:100%;align-items:center;justify-content:center}
.cn-qr-anh.co-ma .cn-qr-cho{display:none}
.cn-qr-anh.co-ma .cn-qr-ma{display:flex}
.cn-qr-ma svg:not(.hinh){display:block;width:100%;height:100%}
.cn-qr-bao{margin:0;font-size:var(--chu-12);color:var(--chu-phu);text-align:center}
.cn-qr-chu{min-width:0;line-height:1.6;overflow-wrap:anywhere}
.cn-qr-chu b{display:block;font-size:var(--chu-14)}
.cn-qr-chu span{display:block;font-size:var(--chu-13)}
.cn-qr-nut{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;
  margin-top:var(--cach-3)}
.cn-qr-hoac{color:var(--chu-phu);font-size:var(--chu-13)}
.cn-qr-nhac{display:flex;align-items:flex-start;gap:6px;margin:var(--cach-3) 0 0;
  font-size:var(--chu-12);line-height:1.5;color:var(--mau-chinh)}
.cn-qr-nhac .hinh{flex:0 0 auto;width:12px;height:12px;margin-top:3px}
@media (max-width:480px){
  .cn-qr-the{gap:var(--cach-3);padding:var(--cach-3)}
  .cn-qr-anh{flex-basis:120px;width:120px;height:120px}
}

/* Man "Xem phân tích" */
.pt-thanh{display:flex;align-items:center;justify-content:space-between;
  gap:var(--cach-3);flex-wrap:wrap;margin-bottom:var(--cach-4)}
.pt-moc{display:flex;gap:var(--cach-2);flex-wrap:wrap}
.nut-moc-pt{font-size:var(--chu-12);padding:6px 13px;border-radius:999px}
.nut-moc-pt.dang-chon{background:var(--mau-chinh);border-color:var(--mau-chinh);color:#fff}
.nut-cn-pt{display:inline-flex;align-items:center;gap:8px;width:auto;min-width:190px;
  justify-content:space-between;cursor:pointer}
.lop-chi-nhanh-pt{min-width:250px;padding:8px}
.lop-chi-nhanh-pt .dong-tick{padding:5px 6px;margin-bottom:0;border-radius:var(--bo-goc)}
.lop-chi-nhanh-pt .dong-tick:hover{background:var(--mau-chinh-nhat)}
.o-tim-lop{padding:0 0 8px}
.o-tim-lop .o-nhap{width:100%}
.pt-ten{font-size:var(--chu-14);font-weight:600}
.pt-tu{font-size:var(--chu-12);color:var(--chu-phu);margin-top:3px}
.pt-khung{margin-top:var(--cach-3);border:1px solid var(--vien);border-radius:var(--bo-goc);
  min-height:260px;display:flex;align-items:center;justify-content:center}
.pt-chan{margin-top:var(--cach-3);font-size:var(--chu-11);color:var(--chu-mo)}

@media(max-width:760px){
  .luoi-cn-2{grid-template-columns:1fr}
  .hang-cn{grid-template-columns:1fr}
}

/* Hop thoai "Xuất file công nợ" */
.hang-moc-xuat{display:flex;flex-wrap:wrap;gap:var(--cach-2)}
/* Nut moc thoi gian bo TRON hai dau (dang vien thuoc). */
.nut-moc-xuat{font-size:var(--chu-12);padding:6px 14px;border-radius:999px}
.nut-moc-xuat.dang-chon{background:var(--mau-chinh);border-color:var(--mau-chinh);color:#fff}
.o-khoang-xuat{display:grid;grid-template-columns:1fr 1fr;gap:var(--cach-3);
  margin-top:var(--cach-3)}
.o-khoang-xuat.an{display:none}
.dong-luon-co{padding:2px 0 var(--cach-3)}
.chu-nho-xuat{font-size:var(--chu-12);color:var(--chu-phu);margin-top:2px}
.chu-thut{padding-left:23px}
.khoi-chi-tiet-xuat{background:var(--mau-chinh-nhat);border-radius:var(--bo-goc);
  padding:var(--cach-3);margin-bottom:var(--cach-3)}
.dong-tick-dam span{font-weight:500}
.luoi-cot-xuat{display:grid;grid-template-columns:1fr;gap:2px;padding:var(--cach-2) 0 0 23px}
/* Mui ten gap/mo nhom "Chi tiết từng hàng giao dịch". Ca DONG la vung bam gap - khong bat nguoi dung nham dung cai mui ten be xiu. Rieng phan <label> (o tich + chu) van la viec cua o tich. */
.dau-khoi-xuat{display:flex;align-items:center;gap:2px;cursor:pointer;
  padding:2px 0;border-radius:var(--bo-goc)}
.dau-khoi-xuat:hover .nut-gap-xuat{color:var(--mau-chinh)}
.dau-khoi-xuat .dong-tick{margin:0;cursor:pointer}
.nut-gap-xuat{border:0;background:none;padding:4px 6px;cursor:pointer;
  color:var(--chu-phu);display:flex;align-items:center}
.nut-gap-xuat .hinh{width:11px;height:11px;transition:transform .15s}
.nut-gap-xuat:hover{color:var(--mau-chinh)}
.khoi-chi-tiet-xuat.gap-lai .nut-gap-xuat .hinh{transform:rotate(-90deg)}
.khoi-chi-tiet-xuat.gap-lai .luoi-cot-xuat,
.khoi-chi-tiet-xuat.gap-lai .chu-thut{display:none}

/* Mo hop thoai thi KHOA cuon than trang. Khong khoa thi nen van o cho da cuon, phan dau hop thoai bi day len khoi tam nhin. */
body.khoa-cuon{overflow:hidden}

/* Thanh nut duoi khoi chi tiet: man RONG hien hinh kem chu, man hep moi rut con hinh - y nhu thanh cong cu tren dau trang. */
.chan-chi-tiet .hang-nut-ct .nut{font-size:var(--chu-12);padding:7px 12px;
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.chan-chi-tiet .hang-nut-ct .nut .hinh{width:15px;height:15px;flex:0 0 auto}
.chan-chi-tiet.chi-hinh .hang-nut-ct .nut .chu-nut{display:none}
.chan-chi-tiet.chi-hinh .hang-nut-ct .nut{padding:7px 9px}
/* Nut xuat file: kieu chu-lien-ket, khong vien */
.nut-lien-ket{background:none;border:0;color:var(--chu);cursor:pointer;font-family:inherit}
.nut-lien-ket:hover{color:var(--mau-chinh)}
/* Nut "Xóa" o goc trai thanh chan: van kieu chu-lien-ket nhung an sang mau loi */
.nut-lk-do{color:var(--chu-phu)}
.nut-lk-do:hover{color:var(--mau-loi)}
/* Nut "Cho hoạt động lại" (ban ghi dang bi ngung): vien mau canh bao */
.chan-chi-tiet .nut.dang-ngung{border-color:var(--mau-canh-bao);color:var(--mau-canh-bao)}
/* The hop thoai duoc dat con tro vao (de nhot ban phim trong hop thoai) nhung khong ve vien - vien chi danh cho o nhap that su. */
.hop-thoai:focus{outline:none}

/* MAN NGUOI DUNG - cot Thao tac va hop "Đặt lại mật khẩu" */

/* Cot Thao tac ghim ben phai: cuon ngang toi dau van noi len tren. Cung co che voi cot ghim trai, chi khac ben. */
.cot-thao-tac{position:sticky;right:0;background:var(--nen-the);width:1%;
  white-space:nowrap;box-shadow:-6px 0 10px -6px rgba(16,24,40,.18)}
thead .cot-thao-tac{background:var(--nen-tieu-de,var(--mau-chinh-nhat))}
/* Ba bon nut nam thang hang du o ben trai co dong cao thap khac nhau */
td.cot-thao-tac{vertical-align:top;text-align:right}
/* Nut o cot Thao tac HIEN SAN, khong doi re chuot vao moi hien: day la cot viec chinh cua man Nguoi dung. */
.cot-thao-tac .nut-o{vertical-align:middle;opacity:.72}
tr:hover .cot-thao-tac .nut-o{opacity:1}
.cot-thao-tac .nut-o:hover{opacity:1;background:rgba(0,0,0,.07)}
.cot-thao-tac .nut-o .hinh{width:15px;height:15px}
/* Nut khong duoc phep thi MO DI kem title noi ro vi sao, khong an bien mat. */
.cot-thao-tac .nut-o:disabled{opacity:.3;cursor:not-allowed}
.cot-thao-tac .nut-o:disabled:hover{background:none}
/* Nut "Cho hoạt động lại" (dang bi ngung) an sang mau canh bao cho de nhan */
.nut-o-mo-lai{color:var(--mau-canh-bao)}

/* Hop thoai Đặt lại mật khẩu */
.o-mk-moi,.o-co-copy{display:flex;gap:var(--cach-2);align-items:stretch}
.o-mk-moi .o-nhap,.o-co-copy .o-nhap{flex:1 1 auto;min-width:0}
.o-mk-moi .nut,.o-co-copy .nut{flex:0 0 auto;white-space:nowrap;
  display:inline-flex;align-items:center;gap:6px}
.o-mk-moi .nut .hinh,.o-co-copy .nut .hinh{width:14px;height:14px}
/* O nhac mau do: viec KHONG lay lai duoc thi phai noi truoc, khong de nguoi ta bam xong moi ngo ra la vua da mot nguoi ra khoi he thong. */
.nhac-do{display:flex;gap:var(--cach-2);align-items:flex-start;
  background:var(--nen-loi);border-left:3px solid var(--mau-loi);
  border-radius:var(--bo-goc);padding:10px 12px;margin:var(--cach-3) 0;
  font-size:var(--chu-12);color:var(--chu)}
.nhac-do .hinh{width:15px;height:15px;flex:0 0 auto;color:var(--mau-loi);margin-top:1px}

/* DAI THE SO LIEU tren bang (man So quy: Quỹ đầu kỳ / Tổng thu / Tổng chi / Tồn quỹ). Man nao khai 'the_so_lieu' moi co khoi nay. Bo cuc: cac the chia deu be ngang, tu xuong hang khi man hep. */
.dai-the{display:grid;gap:var(--cach-3);margin:0 0 var(--cach-3);
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.the-so{background:var(--nen-the);border:1px solid var(--vien);
  border-radius:var(--bo-goc);padding:10px var(--cach-3);min-width:0}
/* Nhan va so KHONG duoc cung mau: trang tren trang la loi */
.the-so .the-nhan{font-size:var(--chu-12);color:var(--chu-phu);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.the-so .the-gia{font-size:var(--chu-20);font-weight:600;color:var(--chu);
  margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.the-so.the-lam  .the-gia{color:var(--mau-thong-tin)}
.the-so.the-do   .the-gia{color:var(--mau-loi)}
.the-so.the-xanh .the-gia{color:var(--mau-thanh-cong)}
/* THANH LIEN ('the_so_lieu' => ['kieu' => 'thanh_lien'] - man So quy): bon o chung MOT thanh, don ve ben phai, nhan va so CANH PHAI, so co vua chu thuong va in dam. Man hep thi xuong hai cot. */
.dai-the.dai-lien{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--cach-2) 0;
  background:var(--nen-the);border:1px solid var(--vien);border-radius:var(--bo-goc);
  padding:10px var(--cach-4)}
.dai-lien .the-so{background:none;border:0;border-radius:0;padding:0 0 0 var(--cach-5);
  min-width:150px;text-align:right}
.dai-lien .the-so .the-gia{font-size:var(--chu-14);font-weight:700;margin-top:var(--cach-1)}
@media(max-width:760px){
  .dai-the.dai-lien{display:grid;grid-template-columns:1fr 1fr;padding:10px var(--cach-3)}
  .dai-lien .the-so{min-width:0;padding-left:var(--cach-2)}
}

/* NGOI SAO cot danh dau: chua danh dau = ngoi sao RONG vien xam, tick vao = to dac mau cam. */
.bang-du-lieu th.o-sao-dau{color:var(--chu-mo)}
.bang-du-lieu th.o-sao-dau .hinh{width:15px;height:15px;margin:0 auto}
.nut-sao .sao-dac{display:none}
.nut-sao.da-danh-dau .sao-rong{display:none}
.nut-sao.da-danh-dau .sao-dac{display:block}

/* Ba phan cua o loc "Người nộp/nhận" xep doc, cach nhau */
.nhom-loc .o-loc-nn + .o-loc-nn{margin-top:6px}

/* Muc bi loc khoi danh sach o chon (loai thu / loai chi) */
.muc-chon-tim.an-nhom{display:none}

/* Hop thoai "Tạo mới" mo tu mot o cua form */
#htTaoNhanhO .hop-thoai{max-width:620px}
#htTaoNhanhO .khoi-tao-nhanh.an{display:none}

/* Ba phan cua o loc "Người nộp/nhận" cach nhau - o xo bi lamDepXo boc lai nen dat margin theo dau '+' khong an, phai boc chung vao mot khoi. */
.nhom-nop-nhan{display:flex;flex-direction:column;gap:6px}
.nhom-nop-nhan .o-xo-lop,.nhom-nop-nhan .o-loc-nn{margin:0}

/* Khoi form khai 'khong_vien': hop thoai da la mot the roi, bo vien trong */
.khoi-form.khoi-tran{border:0;margin:0}
.khoi-form.khoi-tran > .than-khoi-form{padding:0}

/* Hop thoai "Tạo mới" mo tu o cua form: luoi HAI cot cho gon */
#htTaoNhanhO .khoi-tao-nhanh .luoi-form{display:grid;grid-template-columns:1fr 1fr;
  gap:0 var(--cach-5)}
@media (max-width:720px){#htTaoNhanhO .khoi-tao-nhanh .luoi-form{grid-template-columns:1fr}}

/* Dong "+ Tạo mới" DINH o day lop xo - no nam ngoai phan cuon nen danh sach dai bao nhieu van thay ngay, khong phai keo xuong tan cuoi */
.muc-chon-tim.muc-tao-moi{color:var(--mau-chinh);font-weight:600;background:#fff;
  border-top:1px solid var(--vien);border-radius:0 0 var(--bo-goc) var(--bo-goc)}
.muc-chon-tim.muc-tao-moi:hover{background:var(--mau-chinh-nhat)}
.muc-nhom-chon{display:flex;align-items:center;justify-content:space-between;
  padding:8px 12px 2px;margin-top:4px;border-top:1px solid var(--vien);
  font-size:var(--chu-12);color:var(--chu-mo);font-weight:600;cursor:default}
.muc-nhom-chon .hinh-ghim{width:12px;height:12px;color:var(--mau-chinh)}
.muc-nhom-chon.an-nhom{display:none}

/* O tick bo dong nhan phia tren (khai 'an_nhan'): khong giu chieu cao bang o nhap ben canh,
   vung bam chi rong bang o tick + chu (bam cho trong cung hang khong doi o tick) */
.o-form.o-form-an-nhan > label.dong-tick,
.luoi-form .o-form.o-form-an-nhan > label.dong-tick{min-height:0;display:inline-flex;max-width:100%}
/* Chu phu sau ten muc trong lop xo (SDT khach) - phan biet ho so trung ten */
.muc-chon-tim .muc-phu{margin-left:var(--cach-2);font-size:var(--chu-12);color:var(--chu-mo)}
/* O khai 'dam': chu trong o nhap in dam */
.o-form.o-form-dam .o-nhap{font-weight:600}
/* Dong chu nho duoi o tick (khai 'dong_duoi'), thut vao thang hang chu cua o tick */
.dong-duoi-tick{margin:4px 0 0 23px;font-size:var(--chu-12);color:var(--chu-phu);line-height:1.5}

/* O khai 'to_trong': chua chon gi thi dong "Chọn …" to nen nhat, khong dau tick */
.o-chon-tim[data-to-trong] .muc-chon-tim.dang-chon-trong{background:var(--mau-chinh-nhat)}

/* Hinh con mat cua muc (o khai 'xem_muc'): hien khi ro chuot; muc dang chon thi con mat
   thay cho dau tick, cung mau voi dau tick */
.muc-chon-tim.co-xem-muc{position:relative;padding-right:34px}
.muc-chon-tim .nut-xem-muc{display:none;position:absolute;right:7px;top:50%;
  transform:translateY(-50%);width:22px;height:22px;align-items:center;justify-content:center;
  color:var(--mau-chinh);cursor:pointer}
.muc-chon-tim .nut-xem-muc .hinh{width:16px;height:16px}
.muc-chon-tim.co-xem-muc:hover .nut-xem-muc{display:flex}
.muc-chon-tim.co-xem-muc.dang-chon:hover::after{content:none}
/* Man cam ung khong co ro chuot: con mat luon hien, muc dang chon thi nam truoc dau tick */
@media (hover:none){
  .muc-chon-tim.co-xem-muc .nut-xem-muc{display:flex}
  .muc-chon-tim.co-xem-muc.dang-chon{padding-right:56px}
  .muc-chon-tim.co-xem-muc.dang-chon .nut-xem-muc{right:28px}
}

/* Popup "Xem chi tiết" mo tu hinh con mat: mot cot, moi o chi doc */
.ht-xem-muc .hop-thoai{max-width:480px}
.ht-xem-muc .o-form{margin-bottom:var(--cach-3)}
.ht-xem-muc .xm-xo{display:flex;align-items:center;justify-content:space-between;
  gap:var(--cach-2);min-height:38px;cursor:default}
.ht-xem-muc .xm-xo > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ht-xem-muc textarea.o-nhap{resize:none}
.ht-xem-muc .xm-tick{pointer-events:none;margin:var(--cach-1) 0 0}

/* O chon CHO TU NHAP: chinh o la mot o go chu, mui ten nam trong vien ben phai */
.o-chon-tim .o-chon-go{width:100%;padding-right:30px}
.o-chon-tim .mui-chon-go{position:absolute;right:10px;top:50%;transform:translateY(-50%);
  pointer-events:none;color:var(--chu-mo);display:flex}
.o-chon-tim .mui-chon-go .hinh{width:12px;height:12px}

/* Khoi chi tiet phieu thu chi (Sổ quỹ). O "Người nộp / Người nhận" to mau chinh vi la lien ket sang ho so khach; cac o con lai van chu den binh thuong. */
.gia-o-ct.gia-o-chinh{color:var(--mau-chinh);font-weight:500}
/* Gia tri o la LINK mo ho so ('lien_ket_ban_ghi' cua luoi o thong tin - dong Người nộp cua So quy) */
.gia-o-ct .lien-ket-ban-ghi{color:var(--mau-chinh);font-weight:500;text-decoration:none}
.gia-o-ct .lien-ket-ban-ghi:hover{text-decoration:underline}
/* Doan noi them phia sau (so dien thoai) KHONG an theo mau cua o - chi to xanh phan bam sang duoc ho so. */
.gia-o-ct .gia-o-duoi{color:var(--chu);font-weight:400}
/* Ma chung tu trong bang con la lien ket sang man khac - to mau chinh cho biet bam duoc, mo o tab moi */
.bang-trong-ct .lien-ket-o{color:var(--mau-chinh)}
.bang-trong-ct .lien-ket-o:hover{text-decoration:underline}

/* Khoi xam "Phiếu thu tự động được gắn với hóa đơn HD…" duoi khoi chi tiet. Chi bay ra khi phieu do mot chung tu khac sinh ra. */
.ct-khoi-goc{margin-top:var(--cach-4);border:1px solid var(--vien);
  border-radius:var(--bo-goc);background:var(--nen-the);overflow:hidden}
/* Dong tieu de la mot NUT rong ca hang: bam cho nao cung thu bang vao, khong bat nguoi dung nham dung mui ten be xiu. */
.ct-goc-dau{display:flex;align-items:center;gap:var(--cach-3);cursor:pointer;
  padding:9px var(--cach-3);font-size:var(--chu-13);color:var(--chu)}
.ct-goc-dau:hover{background:var(--nen-hover)}
.ct-goc-chu{flex:1;min-width:0}
.ct-goc-dau .ct-goc-ma{color:var(--mau-chinh);font-weight:500}
.ct-khoi-goc.gap-lai .ct-goc-than{display:none}
.ct-khoi-goc .bang-trong-ct{border:0;border-top:1px solid var(--vien);
  border-radius:0;background:var(--nen-the)}

/* Form SUA phieu: o KHOA (chi doc) va dong chu nho duoi tieu de */
/* O khong sua duoc to nen xam, nhin la biet ngay khong phai bam thu */
.o-form.o-form-khoa .o-nhap,
.o-form.o-form-khoa .nut-chon-tim,
.o-form.o-form-khoa textarea{background:var(--nen-phu);color:var(--chu-phu);cursor:default}
.o-form.o-form-khoa .o-nhap:focus{border-color:var(--vien);box-shadow:none}
/* O tien khoa lai (Tổng tiền thu): so IN DAM cho noi bat */
.o-form.o-form-khoa .o-nhap[data-so]{font-weight:600;color:var(--chu);font-size:var(--chu-14)}
/* O tick nam trong luoi form: cao bang o nhap ben canh cho thang hang; khoa thi to xam */
.luoi-form .o-form > label.dong-tick{display:flex;min-height:38px;margin-bottom:0;font-weight:400}
.luoi-form .o-form > label.dong-tick input{margin:0}
.o-form .dong-tick.khoa{opacity:.55;cursor:not-allowed}

.ht-dau-chu{min-width:0}
.ht-phu-de{display:flex;align-items:center;gap:6px;margin-top:2px;
  font-size:var(--chu-12);color:var(--chu-phu)}
.ht-phu-de a{color:var(--mau-chinh);display:inline-flex;align-items:center}
.ht-phu-de .hinh{width:13px;height:13px}

/* Cum "Phân bổ vào hóa đơn" duoi than form SUA phieu */
.cum-phan-bo{margin-top:var(--cach-4);padding-top:var(--cach-3);
  border-top:1px solid var(--vien)}
.cum-phan-bo-dau{margin-bottom:var(--cach-2);font-size:var(--chu-13)}
.cum-phan-bo-dau input{accent-color:var(--mau-chinh)}
.cum-phan-bo-du{text-align:right;font-size:var(--chu-12);color:var(--chu-phu);
  padding-top:8px}
.cum-phan-bo-du b{color:var(--chu)}

/* Hop thoai ban ghi */
#formBanGhi .o-form{margin-bottom:0}
#formBanGhi .luoi-form{row-gap:var(--cach-3)}
#formBanGhi .o-form label{margin-bottom:5px}
/* Khoi CO VIEN thi cach nhau 12px; khoi TRAN (.khoi-tran) van dinh sat. */
#formBanGhi .khoi-form:not(.khoi-tran){margin-bottom:var(--cach-3)}
#formBanGhi .khoi-form:not(.khoi-tran):last-child{margin-bottom:0}

/* Hop thoai Sua phieu */

/* 1. Cum BEN TRAI chan hop thoai: nut Huy + o cho khoi chan. O boc nay LUON ton tai nen cai day margin-right:auto khong bao gio mat, du ben trong rong. */
.ht-chan > .ht-chan-trai{display:flex;align-items:center;gap:var(--cach-2);margin-right:auto}

/* 2. Dong TONG nam trong bang: so in dam, nen theo the. */
.dong-tong-trong-bang td{background:var(--nen-the);font-weight:600;color:var(--chu)}

/* 3. Nhan trang thai trong bang con: to mau chu khong de xam. */
.nhan-nhe-xanh{background:var(--nen-thanh-cong);color:#1a7f4b}
.nhan-nhe-do{background:var(--nen-loi);color:#b02a3a}
.nhan-nhe-cam{background:var(--nen-canh-bao);color:#8a5800}
.nhan-nhe-duong{background:var(--nen-thong-tin);color:#1560d0}

/* MÀN HÀNG HÓA Ba khối tự thêm dòng của form (Đơn vị quy đổi · Thuộc tính · Hàng thành phần) dùng chung một khuôn bảng, y hệt bảng mốc Bảo hành đã có. */
.bang-dong-them{width:100%;border-collapse:collapse;border:1px solid var(--vien);
  border-radius:var(--bo-goc);overflow:hidden;margin-top:var(--cach-2)}
.bang-dong-them th{background:var(--nen-phu);text-align:left;font-size:var(--chu-12);
  font-weight:600;color:var(--chu-phu);padding:8px 10px;border-bottom:1px solid var(--vien)}
.bang-dong-them td{padding:8px 10px;vertical-align:top}
.bang-dong-them .cot-bo-dong{width:44px;text-align:center}
.bang-dong-them .cot-quy-doi{width:150px}
.bang-dong-them .cot-btt{width:110px;text-align:center}
.bang-dong-them .o-nhap{width:100%}
.bang-dong-them .moc-trong{background:var(--nen-phu)}
.bang-dong-them .canh-phai{text-align:right}
.khoi-don-vi .nut-them-dong,.khoi-thanh-phan .nut-them-dong{margin-top:var(--cach-2)}

/* Khối Hàng thành phần: ô tìm hàng và lớp gợi ý xổ ra ngay dưới ô */
.o-tim-them-hang{position:relative;margin-bottom:var(--cach-1)}
.o-tim-them-hang .o-nhap{width:100%}
.lop-goi-y-tp{position:absolute;left:0;right:0;top:100%;z-index:70;display:none;
  max-height:280px;overflow:auto;background:var(--nen-the);
  border:1px solid var(--vien);border-radius:var(--bo-goc);box-shadow:var(--do-bong-noi)}
.lop-goi-y-tp.mo{display:block}
.muc-goi-y-tp{padding:8px 10px;cursor:pointer;display:flex;flex-direction:column;gap:2px}
.muc-goi-y-tp:hover{background:var(--nen-hover)}
.muc-goi-y-tp span{font-size:var(--chu-12);color:var(--chu-phu)}
.goi-y-trong{padding:12px;text-align:center;color:var(--chu-mo);font-size:var(--chu-13)}
.chan-thanh-phan{margin-top:var(--cach-2);text-align:right;font-size:var(--chu-13);
  color:var(--chu-phu)}
.chan-thanh-phan b{color:var(--chu);font-size:var(--chu-14)}

/* Câu nhắc dưới ô Giá bán khi giá bán đang thấp hơn giá vốn */
.nhac-gia-ban{margin-top:4px;font-size:var(--chu-12);color:var(--mau-canh-bao)}

/* Hai màu nhãn còn thiếu của bảng con - dùng cho trạng thái Serial/IMEI */
.nhan-nhe-vang{background:var(--nen-canh-bao);color:#8a5800}
.nhan-nhe-xam{background:var(--nen-phu);color:var(--chu-phu)}

/* BỘ LỌC */

/* 1. Hình khai lớp "nho" phải nhỏ THẬT - cả mũi tên xuống của nút "+ Tạo mới". */
.hinh.nho{width:12px;height:12px}
/* Thanh cong cu co luat rieng .nut .hinh{20px} dat o cuoi file nen phai viet dai hon no thi mui ten xo cua nut moi chiu nho lai. */
.thanh-cong-cu .nhom-nut-cc .nut .hinh.nho,
.thanh-cong-cu .nhom-nut-cc .nut-icon .hinh.nho{width:12px;height:12px}

/* 2. Tay nắm kéo trong ô lọc dạng cây: sáu chấm, mờ, đậm lên khi rê vào dòng */
.tay-keo-tick .hinh{width:12px;height:14px;color:var(--chu-mo)}
.dong-cay:hover .tay-keo-tick .hinh{color:var(--chu-phu)}

/* 3. Nút "Toàn thời gian" ở chân lớp chọn nhanh ngày tương lai: KHÔNG có đường kẻ ngang phía trên, nút bo góc thường chứ không bo tròn như các nút mốc. */
.nut-preset-chinh{width:auto;padding:7px 16px;border-radius:999px;
  background:var(--mau-chinh);border-color:var(--mau-chinh);color:#fff;font-weight:500}
.nut-preset-chinh:hover{background:var(--mau-chinh-dam);border-color:var(--mau-chinh-dam);
  color:#fff}

/* 4. Ô tìm nằm trong lớp xổ "Nhóm cha" của hộp thoại Tạo nhóm hàng. KHÔNG khai đè .o-tim-trong-lop trần */
#oChonNhomCha .lop-noi-goi-y{max-height:none;overflow:visible;padding-top:0}
#oChonNhomCha .ds-goi-y-cha{max-height:240px;overflow:auto;padding-bottom:var(--cach-1)}

/* 5. Hộp thoại "Danh sách nhóm hàng gợi ý": chỉ bày cấp cha, bấm mũi tên mới bung */
.hang-goi-y{display:flex;align-items:center;gap:2px}
.hang-goi-y .dong-tick{flex:1;min-width:0}
.nut-bung-goi-y,.cho-bung-goi-y{width:22px;height:22px;flex:0 0 auto;border:0;
  background:transparent;color:var(--chu-mo);cursor:pointer;font-size:11px;
  display:inline-flex;align-items:center;justify-content:center}
.nut-bung-goi-y:hover{color:var(--mau-chinh)}
.nut-bung-goi-y i{transition:transform .15s}
.nut-bung-goi-y.dang-bung i{transform:rotate(90deg)}
.nhom-con-goi-y{padding-left:26px}


/* KHOI CHI TIET MAN HANG HOA. Cac lop duoi day deu BOC TRONG mot lop cha rieng, khong khai tran, de khong de len man khac. */

/* 1. Khung NGUYEN KHOI: dong dang mo va khoi chi tiet ben duoi phai la MOT the lien mach. */
.bang-du-lieu tbody tr.dong-mo-duoc.dang-mo > td{
  border-top:2px solid var(--mau-chinh);border-bottom:0}
.bang-du-lieu tbody tr.dong-mo-duoc.dang-mo > td:first-child{
  border-left:2px solid var(--mau-chinh)}
.bang-du-lieu tbody tr.dong-mo-duoc.dang-mo > td:last-child{
  border-right:2px solid var(--mau-chinh)}

/* 2. Tab khong co nut nao thi thanh chan phai xep han lai */
.chan-chi-tiet.chan-trong{margin-top:0;padding-top:0;border-top:0}

/* 3. Tab "Mô tả, ghi chú": hai KHUNG rieng, nhan nam tren dau khung */
/* Hai khung xep DOC, KHONG chia cot */
.luoi-khung-ct{display:flex;flex-direction:column;gap:var(--cach-4)}
.khung-o-ct{border:1px solid var(--vien);border-radius:var(--bo-goc);overflow:hidden}
.nhan-khung-ct{padding:8px var(--cach-3);background:var(--nen-phu);
  border-bottom:1px solid var(--vien);font-size:var(--chu-13);font-weight:500}
.than-khung-ct{padding:var(--cach-3);font-size:var(--chu-13);min-height:96px;
  max-height:260px;overflow:auto;line-height:1.55;word-break:break-word}
.than-khung-ct.khung-trong{color:var(--chu-mo)}
.than-khung-ct img{max-width:100%;height:auto}
.than-khung-ct p{margin:0 0 8px}
.than-khung-ct ul,.than-khung-ct ol{margin:0 0 8px;padding-left:20px}

/* 4. Tab "Tồn kho": o tim ten chi nhanh la MOT HANG RIENG (o cot dau), dong tong nam hang duoi. Kieu o nhap dung chung .dong-o-tim-ct ben duoi. */
.dong-tim-ton .o-tim-bang-con{padding:0}

/* 5. Tay nam keo cua o loc dang cay: xem chu thich trong dung_loc.php. Tay keo o vi tri co dinh sat le trai, phan lui chuyen sang mui ten bung. */
.dong-cay > .tay-keo-tick{flex:0 0 auto}

/* Moi lop duoi day deu boc trong mot lop cha rieng - KHONG sua thang ham/lop dung chung cua man khac. */

/* 1. Khoi don vi tinh / thuoc tinh: BO BANG co hang tieu de, moi dong la mot hang ngang. */
.ds-dvtt{display:flex;flex-direction:column;gap:var(--cach-2);margin-top:var(--cach-2)}
.hang-dvtt{display:flex;align-items:flex-end;gap:var(--cach-3);flex-wrap:wrap}
.hang-dvtt > .o-nhap{flex:1 1 130px;min-width:0}
.hang-dvtt .o-dv-quy,.hang-dvtt .o-dv-gia{flex:0 1 130px}
.hang-dvtt .o-tt-ten,.hang-dvtt .o-tt-ten-moi{flex:0 1 180px}
.hang-dvtt .o-tt-gia{flex:1 1 240px}
.hang-dv-goc{align-items:flex-end;margin-top:var(--cach-2)}
.hang-dv-goc > .o-form{flex:0 1 230px;min-width:0;margin:0}
.hang-dv-goc > .o-form.o-dv-gia{flex:0 1 170px}
.tick-dvtt{display:flex;align-items:center;gap:6px;font-size:var(--chu-13);
  white-space:nowrap;padding-bottom:8px;cursor:pointer}
.khoi-don-vi .nut-them-dong{display:inline-flex;align-items:center;gap:6px;
  margin-top:var(--cach-2);background:none;border:0;padding:0;cursor:pointer;
  color:var(--mau-chinh);font:inherit;font-size:var(--chu-13)}
.khoi-don-vi .nut-them-dong .hinh{width:13px;height:13px}
.khoi-don-vi .nut-o-xoa-dong{flex:0 0 auto;margin-bottom:4px}
@media(max-width:760px){ .hang-dvtt > .o-nhap,.hang-dv-goc > .o-form{flex:1 1 100%} }

/* Hop thoai "Thiết lập đơn vị tính và thuộc tính" dung lai y khuon do */
#htDonViTT .ht-than{max-height:calc(100vh - 220px);overflow:auto}

/* 2. Bang con trong khoi chi tiet: cuon TRONG khung nho, khong de khung ngoai cat mat mep phai. */
.khung-cuon-bang-ct{max-width:100%;overflow-x:auto}
.khung-cuon-bang-ct > .bang-trong-ct{width:100%;min-width:520px}
/* Thanh phan trang DUOI bang con cua khoi chi tiet (the Lich su nhap/tra hang, No can tra NCC):
   nam sat trai ngay duoi bang, chu so dong mau chu phu */
.trang-bang-ct{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:var(--cach-2) 0 0;
  font-size:var(--chu-12)}
.trang-bang-ct .nut-icon-nho{display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;padding:0}
.trang-bang-ct .nut-icon-nho .hinh{width:11px;height:11px}
.trang-bang-ct .o-trang-ct{width:40px;height:26px;padding:2px 4px;margin:0 2px;font-size:var(--chu-12)}
.trang-bang-ct .chu-trang-ct{margin-left:var(--cach-3);color:var(--chu-phu)}
/* Hop xem nhanh mot phieu nhap / tra hang nhap (bam ma o the cua tab Nha cung cap): khoi chi
   tiet cua man do nam trong hop, khong le trai phai cua dong bang */
.ht-xem-chung-tu .hop-thoai{max-width:900px}
.ht-xem-chung-tu .ht-than{padding-top:var(--cach-2)}
.ht-xem-chung-tu .chi-tiet{padding:0}
/* Hop khong co dai tab "Thông tin" - chi mot trang phieu */
.ht-xem-chung-tu .tab-chi-tiet{display:none}
/* Cot nhan trong hop gon lai (man Nhap hang dung 142px cho "Số hóa đơn đầu vào:"): chu
   ngay sau nhan, "Tên NCC:" khong cach xa ten nha cung cap */
.ht-xem-chung-tu .ct-phieu .ct-phieu-ben-luoi2 .ct-ben .ct-ben-chu{flex:0 0 96px}
.chi-tiet,.than-tab-ct,.luoi-ct,.ct-noi-dung{min-width:0}
.luoi-o-ct > .o-ct{min-width:0}
.gia-o-ct{overflow-wrap:anywhere}

/* Dong chua khoi chi tiet: bo vien tren duoi cua o */
.bang-du-lieu tbody tr.dong-chi-tiet > td{border-bottom:0;border-top:0}

/* 2. Lien ket nam duoi luoi o cua khoi chi tiet ("Thêm thuộc tính") */
.ct-lien-ket-duoi{display:inline-flex;margin-top:var(--cach-3)}

/* 3. Menu xo sau nut ba cham cua thanh cong cu khi dang tick dong. */
.lop-viec-chon{top:calc(100% + 6px);bottom:auto;margin-bottom:0;right:0;left:auto;min-width:200px}
.lop-noi .muc-menu-do{color:var(--mau-loi)}
.lop-noi .muc-menu-do:hover{background:var(--nen-loi)}
/* Duong ke ngan trong menu: tach nhom viec nguy hiem ra khoi nhom viec thuong. */
.lop-noi .ke-menu{height:0;margin:5px 0;border:0;border-top:1px solid var(--vien)}
.nhom-nut-chon-dong .nut-co-menu{position:relative;display:inline-flex}

/* 4. Hop thoai "Chọn loại giấy in tem mã" va cua so xem ban in */
.tem-hai-cot{display:grid;grid-template-columns:250px 1fr;gap:var(--cach-5);align-items:start}
.tem-cot-trai{display:flex;flex-direction:column;gap:var(--cach-3)}
.tem-cot-trai .o-form{margin:0}
.tem-cot-trai .nut-xuat-tem{justify-content:flex-start;gap:8px}
.tem-luu-y{font-size:var(--chu-12);color:var(--chu-phu);line-height:1.5}
.tem-luu-y p{margin:4px 0 0}
.tem-luoi-kho{display:grid;grid-template-columns:1fr 1fr;gap:var(--cach-4) var(--cach-5)}
.the-kho-tem{display:flex;gap:var(--cach-3);align-items:flex-start}
.hinh-kho-tem{flex:0 0 100px}
.hinh-kho-tem svg{width:100px;height:auto;display:block;border-radius:var(--bo-goc)}
.noi-kho-tem{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.ten-kho-tem{font-size:var(--chu-13);line-height:1.4}
.nut-xem-ban-in{gap:6px}
@media(max-width:900px){ .tem-hai-cot,.tem-luoi-kho{grid-template-columns:1fr} }

/* Cua so xem truoc ban in: thanh cong cu xam tren, khung xem trang o duoi */
.thanh-xem-in{display:flex;align-items:center;justify-content:center;gap:var(--cach-4);
  background:var(--nen-phu);padding:8px var(--cach-3);border-bottom:1px solid var(--vien)}
.so-trang-in{font-size:var(--chu-13);color:var(--chu-phu)}
.nut-icon-nho{background:none;border:0;color:var(--chu-phu);cursor:pointer;padding:4px;
  display:inline-flex;border-radius:var(--bo-goc)}
.nut-icon-nho:hover{background:var(--nen-the);color:var(--mau-chinh)}
.khung-xem-in{background:var(--nen-phu);padding:var(--cach-4);display:flex;justify-content:center}
.khung-xem-in iframe{width:100%;max-width:420px;height:320px;border:1px solid var(--vien);
  background:#fff;border-radius:2px}

/* Hai hop thoai tren MAN PHIEU (JS tu dung ra khi bam "In tem mã"): dung chung than va kieu voi man Hang hoa, chi khac cai vo. Man khac khong co hai the nay tren trang nen khong dinh gi toi. */
#htGiayTemPhieu .hop-thoai{max-width:940px}
#htXemBanInPhieu .hop-thoai{max-width:520px}
#htXemBanInPhieu #oXemBanInP{display:block;width:100%;height:300px;border:0;
  background:var(--nen-phu);padding:var(--cach-4);box-sizing:border-box}
#htXemBanInPhieu .ht-than,#htXemBanInPhieu .hop-thoai{overflow:hidden}
.muc-thu-phong{font-size:var(--chu-12);color:var(--chu-phu);min-width:38px;text-align:center}

/* 1. Bang con trong khoi chi tiet bo luat chung '.bang-du-lieu tbody td{max-width:320px;overflow:hidden;text-overflow:ellipsis}' - khong cat chu bang dau "...". */
.chi-tiet .bang-du-lieu tbody td{max-width:none;overflow:visible;text-overflow:clip}
.chi-tiet .bang-du-lieu .nhan-nhe{white-space:nowrap}

/* 2. O tim ten chi nhanh nay tro lai MOT HANG RIENG, trai het be ngang bang */
.dong-o-tim-ct > td{padding:var(--cach-2) var(--cach-3) !important}
.dong-o-tim-ct .o-tim-bang-con{display:block;max-width:260px}
.dong-o-tim-ct input{width:100%;font:inherit;font-size:var(--chu-13);padding:6px 10px;
  border:1px solid var(--vien);border-radius:var(--bo-goc);outline:0;
  background:var(--nen-the);color:var(--chu)}
.dong-o-tim-ct input:focus{border-color:var(--mau-chinh)}
.chi-tiet .bang-du-lieu tbody tr.dong-o-tim-ct:hover td{background:transparent}

/* 3. The nhan cua khoi chi tiet: nen xam CHU DEN cho hai the mo ta ban chat mat hang ("Hàng hóa thường", "Bán trực tiếp"); chi cac the khac thuong moi to mau. */
.the-ct-xam_den{background:var(--nen-phu);color:var(--chu)}

/* 4. Keo tha cay nhom hang: dong dang duoc nham lam NHOM CHA moi thi vien xanh, de phan biet voi "chen truoc / chen sau". */
.dong-cay.tha-vao{outline:2px solid var(--mau-chinh);outline-offset:-2px;
  border-radius:var(--bo-goc);background:var(--mau-chinh-nhat)}

/* Các lớp RIÊNG của tab Nhà cung cấp - đều là lớp mới, không đè lên lớp nào đang dùng. */

/* Liên kết "Thêm thông tin xuất hóa đơn" ở tab Nhà cung cấp: vẫn bấm mở được cửa sổ nhưng KHÔNG gạch chân lúc rê chuột. Màn khác không khai 'lien_ket_khong_gach' thì vẫn gạch chân. */
.ct-lien-ket-tran:hover{text-decoration:none}

/* Dòng ghi chú chỉ để đọc: là thẻ <div>, không bấm được, con trỏ chuột thường */
.ct-ghi-chu-tran{cursor:default}

/* Ô xám chỉ đọc trong hộp thoại công nợ — ô "Nợ còn" của hộp Thanh toán */
.o-khoa{background:var(--nen-phu);color:var(--chu-phu);cursor:default}

/* Ô "Tiền trả" gõ tay trên bảng phân bổ: nhỏ, số canh phải, nằm gọn trong ô bảng */
.o-tien-tra{width:96px;padding:4px 8px;text-align:right;font-size:var(--chu-13);
  border:1px solid var(--vien);border-radius:6px;background:#fff}
.o-tien-tra:focus{outline:none;border-color:var(--mau-chinh)}

/* Dòng tổng nằm ngay dưới dòng tiêu đề của bảng phân bổ */
.dong-tong-cn td{font-weight:600;background:var(--nen-phu)}

/* Hình chữ "i" nhỏ cạnh tiêu đề cột "Còn cần trả" */
.dau-hoi-o{display:inline-flex;vertical-align:middle;margin-left:3px;color:var(--chu-phu)}
.dau-hoi-o .hinh{width:13px;height:13px}

/* Đầu khối "Chi tiết từng hàng giao dịch" — bấm cả vùng là gập lại */
.dau-khoi-xuat{cursor:pointer}


/* O GO NHIEU DONG (textarea) Be ngang CO DINH (bo cai tay keo o goc duoi, keo tay ra la vo bo cuc), chieu cao TU GIAN theo so dong nguoi go, den mot tran thi dung lai va cuon ben trong o. */
textarea{resize:none;max-height:220px}
/* O ghi chu cua khoi chi tiet phieu: cao san vai dong */
.ct-ghi-chu textarea.o-nhap{min-height:96px}
/* Ghi chu dai thi phai THAY thanh cuon de keo doc, khong phai bam vao o roi go mui ten xuong tung dong. */
.ct-ghi-chu textarea.o-nhap{scrollbar-width:thin;scrollbar-color:#c3c9d2 transparent}
.ct-ghi-chu textarea.o-nhap::-webkit-scrollbar{width:11px}
.ct-ghi-chu textarea.o-nhap::-webkit-scrollbar-track{background:transparent}
.ct-ghi-chu textarea.o-nhap::-webkit-scrollbar-thumb{background:#c3c9d2;border-radius:7px;
  border:3px solid transparent;background-clip:content-box}
.ct-ghi-chu textarea.o-nhap::-webkit-scrollbar-thumb:hover{background:#a8b0bc;
  border:3px solid transparent;background-clip:content-box}


/* BANG DONG HANG CHIA COT CO DINH. Chi bang nao co the <colgroup> moi mang lop nay (man hinh phai khai 'rong' cho cot trong 'cot_dong'). */
.bang-dong-ct.bang-cot-co-dinh{table-layout:fixed}
.bang-cot-co-dinh .dong-o-tim-ct .o-nhap{max-width:none}
/* Ten hang dai hon o cot thi xuong dong, khong day be ngang bang */
.bang-cot-co-dinh tbody td{white-space:normal;word-break:break-word}


/* CHI PHI NHAP HANG. Hai cho: khoi danh muc o man Thiet lap -> Mua hang, va hai dong chi phi tren cot phai man phieu Nhap hang. */

/* Khoi danh muc khoan chi phi (Thiết lập → Mua hàng) */
.khoi-chi-phi-nhap{margin:var(--cach-3) 0 var(--cach-4) 22px;
  border:1px solid var(--vien);border-radius:var(--bo-goc);overflow:hidden}
.khoi-cpn-dau{display:flex;align-items:center;justify-content:space-between;
  gap:var(--cach-3);padding:var(--cach-2) var(--cach-3);background:var(--nen-phu);
  border-bottom:1px solid var(--vien)}
.khoi-cpn-dau b{font-size:var(--chu-13)}
.bang-cpn{margin:0}
.bang-cpn td,.bang-cpn th{white-space:nowrap}
/* Cum "Giá trị + đơn vị" trong hop thoai tao khoan: o so co giai, o don vi vua chu */
.cum-gia-tri-cpn{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:var(--cach-2)}

/* Hai dong chi phi tren cot phai man phieu Nhap hang: so chi doc MAU CHINH, bam vao mo hop chon khoan. "Chi phí nhập trả NCC" la o nhap y o Giảm giá; "Chi phí nhập khác" la so xanh khong khung, sat mep phai. */
.trang-phieu[data-tab="nhap_hang"] .o-cp-hop{color:var(--mau-chinh)}
.trang-phieu[data-tab="nhap_hang"] .o-cp-hop[data-mo-cp-hop]{cursor:pointer}
.trang-phieu[data-tab="nhap_hang"] .o-cp-chu{margin-left:auto;color:var(--mau-chinh);
  text-decoration:none;font-size:var(--chu-13)}
.trang-phieu[data-tab="nhap_hang"] .o-cp-chu.khoa{pointer-events:none}
/* O "Giảm giá" (khoa 'lop_giam'): o chi doc, bam vao mo hop "Giảm giá [ô] [VND | %]" */
.trang-phieu[data-tab="nhap_hang"] .o-gg-lop{cursor:pointer}
/* Dau "+" trong o tim hang: re chuot KHONG to mau chinh */
.trang-phieu[data-tab="nhap_hang"] .o-tim-hang .nut-trong-o:hover{background:var(--nen-phu);color:var(--chu)}

/* Cot nhan cua khoi chi tiet tab Nhap hang: nhan dai nhat la "Số hóa đơn đầu vào:" nen 104px cua bo cuc doc dung chung bi cat mat chu "vào". */
.ct-phieu[data-tab="nhap_hang"] .ct-phieu-ben-doc .ct-ben-chu,
.ct-phieu[data-tab="nhap_hang"] .ct-phieu-ben-luoi2 .ct-ben-chu{flex:0 0 142px}

/* Hop thoai "In tem mã" cua man chung tu Hop thoai nay do JS dung ra khi bam nut, khong man hinh nao ve san the vao trang - nen luat duoi day khong dinh toi bat ky man nao khac. */
#htInTemMa .hop-thoai{max-width:720px}
#htInTemMa .ht-than{padding:0}
.bang-in-tem{width:100%;border-collapse:collapse}
.bang-in-tem th,.bang-in-tem td{padding:8px 14px;border-bottom:1px solid var(--vien)}
.bang-in-tem th{background:var(--nen-nhat);font-weight:600;text-align:left;
  font-size:var(--chu-13);color:var(--chu-phu)}
.bang-in-tem th.phai,.bang-in-tem td.phai{text-align:right}
.bang-in-tem tr.dong-tong-tem td{background:var(--nen-nhat)}
.bang-in-tem td input[data-so-tem]{width:70px;margin-left:auto;display:block}
.bang-in-tem .bo-dong-tem{background:none;border:0;cursor:pointer;color:var(--chu-phu);
  padding:0 4px 0 0;vertical-align:-3px}
.bang-in-tem .bo-dong-tem:hover{color:var(--do)}
.bang-in-tem .bo-dong-tem svg{width:15px;height:15px}

/* Ba chi tiet RIENG cua khoi chi tiet tab Nhap hang Tab khac khong dinh gi toi vi deu nham qua [data-tab="nhap_hang"]. */
/* 1. Cum tong KHONG in dam */
.ct-phieu[data-tab="nhap_hang"] .ct-tom-tat .dong-tong-phieu b{font-weight:400}
/* RIENG khoi chi tiet Chuyen hang: cum so tong chu thuong, khong dam (y KiotViet) */
.ct-phieu[data-tab="chuyen_hang"] .ct-tom-tat .dong-tong-phieu b{font-weight:400}
/* 2. O ngay gio hai nut: khung vien, chu ben trai, hai nut nho ben phai */
.o-ngay-gio-ct{position:relative;display:flex;align-items:center;gap:2px;flex:1;min-width:0;
  border:1px solid var(--vien);border-radius:var(--bo-goc);background:#fff;
  padding:0 6px 0 10px;height:34px;box-sizing:border-box}
.o-ngay-gio-ct .chu-ngay-gio{flex:1;min-width:0;overflow:hidden;white-space:nowrap;
  text-overflow:ellipsis;font-size:var(--chu-13)}
.o-ngay-gio-ct .nut-trong-ngay{background:none;border:0;cursor:pointer;padding:2px 4px;
  color:var(--chu-phu);display:inline-flex;align-items:center}
.o-ngay-gio-ct .nut-trong-ngay:hover{color:var(--mau-chinh)}
.o-ngay-gio-ct .nut-trong-ngay svg{width:14px;height:14px}
/* Bam ca cum cung mo lich nen ca o phai bao con tro tay - CHI o kieu hai nut (co data-o-ngay-gio), khoi .o-ngay-gio-ct khac van la o go tay nen giu nguyen. */
.o-ngay-gio-ct[data-o-ngay-gio]{cursor:pointer}
/* Chu chia hai phan: bam phan ngay ra lich, bam phan gio ra bang gio. Cach nhau mot khoang dung bang dau cach cu de nhin y nguyen nhu mot chuoi lien. */
.chu-ngay-gio .phan-gio{margin-left:.32em}
.o-ngay-gio-ct[data-o-ngay-gio]:hover .chu-ngay-gio{color:var(--mau-chinh)}
/* The gia o cuoi dong hang + link "Thiết lập giá" o hang o tim. Chi man khai 'the_gia' moi ve hai the nay - man khac khong dinh gi. */
.ct-phieu .nut-the-gia{background:none;border:0;cursor:pointer;color:var(--chu-phu);
  padding:0 0 0 6px;vertical-align:-2px}
.ct-phieu .nut-the-gia:hover{color:var(--mau-chinh)}
.ct-phieu .nut-the-gia svg{width:14px;height:14px}
.ct-phieu .lien-ket-gia-phieu{display:inline-flex;align-items:center;gap:5px;
  white-space:nowrap;font-size:var(--chu-13)}
.ct-phieu .lien-ket-gia-phieu svg{width:13px;height:13px}
#htGiaPhieu .hop-thoai{max-width:640px}
#htGiaPhieu .ht-than{padding:0}
#htGiaPhieu .o-gia-chon-bang{display:flex;align-items:center;gap:var(--cach-4);
  padding:var(--cach-4);margin:0;border-bottom:1px solid var(--vien)}
#htGiaPhieu .o-gia-chon-bang label{margin:0;white-space:nowrap;flex:0 0 auto}
.bang-gia-phieu{width:100%;border-collapse:collapse}
.bang-gia-phieu th,.bang-gia-phieu td{padding:8px 14px;border-bottom:1px solid var(--vien)}
.bang-gia-phieu th{background:var(--nen-nhat);font-weight:600;
  font-size:var(--chu-13);color:var(--chu-phu)}
.bang-gia-phieu td input[data-gia-o]{width:150px;margin-left:auto;display:block}
/* Cot ma noi dung la O NHAP: chu trong o bi thut vao dung bang dem cua o (10px dem + 1px vien), nen tieu de phai lui them tung ay moi thang hang voi con so ben duoi. */
.bang-gia-phieu th.cot-o-gia{padding-right:25px}

/* 3. Ten NCC la link chu xanh */
.ct-phieu .ct-ben-gia .lien-ket-ban-ghi{color:var(--mau-chinh);text-decoration:none}
.ct-phieu .ct-ben-gia .lien-ket-ban-ghi:hover{text-decoration:underline}

/* Dong "Nợ: ..." ngay duoi o Nha cung cap, va nhan hai dong Chi man khai 'dong_no' / 'nhan_duoi' moi co, man khac khong dinh gi toi. */
.phieu-o .o-dong-no{font-size:var(--chu-12);color:var(--chu-phu);margin:2px 0 0 0}
.phieu-o .o-dong-no b{color:var(--chu);font-weight:600}
/* NHANH RIENG Tra hang nhap theo phieu nhap: dong "Nợ" nam TREN dong "Nhà cung cấp" chi doc (o_khoa_theo_chung_tu_goc); "/5" duoi o So luong = so con tra duoc */
.phieu-o .o-dong-no.o-dong-no-tren{margin:0 0 var(--cach-2)}
.phieu-o .o-dong-no.o-dong-no-tren b{font-weight:400;color:var(--chu-phu)}
.sl-toi-da{margin-top:2px;font-size:var(--chu-12);color:var(--chu-mo);text-align:right}
/* NHANH RIENG hop "Tiền nhà cung cấp trả" (hop_thoai_tra_tien - man Tra hang nhap): icon canh nhan la nut mo hop */
.phieu-o label .nut-hop-tra-tien{border:0;background:none;padding:0;cursor:pointer;font:inherit}
.hop-tra-tien{width:420px;max-width:calc(100vw - 32px)}
.hop-tra-tien .ht-than{display:flex;flex-direction:column;gap:var(--cach-3)}
.hop-tra-tien .tt-hang{display:flex;align-items:center;justify-content:space-between;gap:var(--cach-3);
  font-size:var(--chu-13)}
.hop-tra-tien .tt-hang .o-nhap{width:190px;max-width:55%;text-align:right}
.hop-tra-tien .tt-can{color:var(--mau-chinh)}
.hop-tra-tien .tt-pill{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cach-2)}
.hop-tra-tien .tt-pill button{height:30px;min-height:0;padding:0 var(--cach-2);border:1px solid var(--mau-chinh-nhat);
  border-radius:999px;background:var(--nen-the);color:var(--mau-chinh);font:inherit;font-size:var(--chu-13);
  line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;text-align:left}
.hop-tra-tien .tt-pill button:hover{border-color:var(--mau-chinh)}
.hop-tra-tien .tt-pill button.dang-chon{border-color:var(--mau-chinh);font-weight:600}
.hop-tra-tien .tt-dong{display:flex;align-items:center;gap:var(--cach-3);padding-bottom:var(--cach-3);
  border-bottom:1px solid var(--vien);font-size:var(--chu-13)}
.hop-tra-tien .tt-xoa{border:0;background:none;padding:0;color:var(--chu-phu);cursor:pointer;display:inline-flex}
.hop-tra-tien .tt-xoa .hinh{width:14px;height:14px}
.hop-tra-tien .tt-xoa:hover{color:var(--mau-loi)}
.hop-tra-tien .tt-ten-pt{flex:none;min-width:80px}
.hop-tra-tien .tt-tk{flex:1;min-width:0}
.hop-tra-tien .tt-tien{flex:none;margin-left:auto;text-align:right}
.hop-tra-tien .tt-tong{padding-top:var(--cach-1)}
.hop-tra-tien .tt-tk-nut{display:flex;align-items:center;justify-content:space-between;gap:var(--cach-2);width:100%;
  text-align:left;background:var(--nen-the);cursor:pointer;font:inherit;font-size:var(--chu-13)}
.hop-tra-tien .tt-tk-nut .hinh{width:12px;height:12px;flex:none;color:var(--chu-phu)}
.hop-tra-tien .tt-tk-nut.dang-mo{border-color:var(--mau-chinh)}
.hop-tra-tien .tt-tk-nut.dang-mo .hinh{transform:rotate(180deg)}
.hop-tra-tien .tt-tk-nut.chua-chon #ttTkChu{color:var(--chu-mo)}
#ttTkChu{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tt-lop-tk{position:fixed;z-index:1200;background:var(--nen-the);border:1px solid var(--vien);border-radius:var(--bo-goc);
  box-shadow:var(--do-bong-noi);padding:var(--cach-2) 0;max-height:300px;display:flex;flex-direction:column}
.tt-lop-tk .tt-tk-tim{display:flex;align-items:center;gap:var(--cach-2);margin:0 var(--cach-2) var(--cach-1);
  padding:0 var(--cach-2);border:1px solid var(--mau-chinh);border-radius:var(--bo-goc);color:var(--chu-phu)}
.tt-lop-tk .tt-tk-tim .hinh{width:14px;height:14px;flex:none}
.tt-lop-tk .tt-tk-tim input{flex:1;min-width:0;border:0;outline:0;padding:6px 0;font:inherit;font-size:var(--chu-13);
  background:transparent;color:var(--chu)}
.tt-lop-tk .tt-tk-dau{padding:6px var(--cach-3);font-size:var(--chu-12);color:var(--chu-phu)}
.tt-lop-tk .tt-tk-ds{overflow:auto;min-height:0}
.tt-lop-tk .tt-tk-muc{display:flex;align-items:center;justify-content:space-between;gap:var(--cach-2);width:100%;
  padding:6px var(--cach-3);border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:var(--chu)}
.tt-lop-tk .tt-tk-muc:hover{background:var(--nen-phu)}
.tt-lop-tk .tt-tk-muc.dang-chon{background:var(--mau-chinh-nhat)}
.tt-lop-tk .tt-tk-muc .hinh{width:14px;height:14px;flex:none;color:var(--mau-chinh)}
.tt-lop-tk .tt-tk-chu{display:flex;flex-direction:column;min-width:0;font-size:var(--chu-13);line-height:1.4}
.tt-lop-tk .tt-tk-chu i{font-size:var(--chu-12);color:var(--chu-phu)}
.tt-lop-tk .tt-tk-trong{padding:var(--cach-2) var(--cach-3);font-size:var(--chu-13);color:var(--chu-mo)}
.phieu-o label .hinh-nhan-o{color:var(--mau-chinh);display:inline-flex;vertical-align:-2px}
.phieu-o label .hinh-nhan-o svg{width:13px;height:13px}
.phieu-o label .nhan-duoi-o{display:block;font-size:var(--chu-12);color:var(--chu-phu);
  margin-top:1px}
/* Nhan co "(F8)" dai hon o khac - cho XUONG DONG thay vi cat mat chu. Chi ap cho o nao co nhan hai dong, o khac giu mot hang. */
body.man-toan .phieu-o .o-form-hang:has(.nhan-duoi-o){align-items:start}
body.man-toan .phieu-o .o-form-hang:has(.nhan-duoi-o) > label{white-space:normal;
  overflow:visible;text-overflow:clip;line-height:1.35;padding-top:5px}

/* To chu / in dam cho MOT cot cua bang dong hang trong khoi chi tiet: cot khai 'to_chu' => 'xanh' hoac 'in_dam' => true (vd man Nhap hang: So luong chu xanh, Thanh tien in dam). */
.ct-phieu .bang-dong-ct td.o-in-dam{font-weight:700}

/* Muc trong lop menu co the la <button> (nut In chuyen tu chan vao menu). The <button> mang san vien va nen cua trinh duyet nen nhin ra mot cai pill, khac han cac muc <a> khac. */
.lop-noi button.muc-menu{width:100%;background:none;border:0;font:inherit;
  text-align:left;cursor:pointer;color:var(--chu)}

/* Nut "..." o chan khoi chi tiet - chi la o vuong chua ba cham, khong co chu */
.chan-chi-tiet .nut-ba-cham{padding-left:10px;padding-right:10px}
.chan-chi-tiet .nut-co-menu{position:relative}
.chan-chi-tiet .nut-co-menu .lop-noi{right:0;left:auto;bottom:calc(100% + 4px);top:auto}

/* Bo cuc HAI COT cua khoi thong tin phieu ('bo_cuc_ben' => 'luoi2'): vd man Nhap hang trai "Người tạo / Ngày nhập", phai "Người nhập / Tên NCC". */
.ct-phieu-ben-luoi2{display:grid;grid-template-columns:1fr 1fr;
  gap:6px var(--cach-6);border:0;padding:0;margin-bottom:var(--cach-4)}
.ct-phieu-ben-luoi2 .ct-ben{display:flex;align-items:center;gap:var(--cach-3);
  margin:0;min-width:0}
.ct-phieu-ben-luoi2 .ct-ben + .ct-ben{border-left:0;padding-left:0}
.ct-phieu-ben-luoi2 .ct-ben-chu{flex:0 0 104px;margin:0}
/* Ba kieu o deu keo rong het phan con lai cua O DO (khong phai ca dong) - phai ke ca '.o-xo-dep' vi chung.js thay the o xo bang mot khoi rieng. */
.ct-phieu-ben-luoi2 .ct-ben select.o-nhap,
.ct-phieu-ben-luoi2 .ct-ben input.o-nhap,
.ct-phieu-ben-luoi2 .ct-ben > .o-xo-dep{margin-top:0;flex:1;min-width:0;max-width:none}
/* O CHI DE XEM (Người tạo): khong co khung, chu dam */
.ct-phieu-ben-luoi2 .ct-ben-gia{font-weight:600;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
@media (max-width:900px){.ct-phieu-ben-luoi2{grid-template-columns:1fr}}

/* O tick trong hop hoi "Hủy phiếu" */
.dong-tick-hoi{margin-top:var(--cach-3);margin-bottom:0}

/* MAN THIET LAP GIA Moi luat duoi day deu bat dau bang mot lop CHI CO o man Thiet lap gia (cot-tt-trai, o-gia-mo, bang-trong-khoi, hop-them-hang-bg, khoi-tuy-chon-ct, nut-trong-o-tim, nut-xoa-trai). */

/* Cot nut nam ben TRAI cung (nut bo hang khoi bang gia) */
#bangDL th.cot-tt-trai,
#bangDL td.cot-tt-trai{width:44px;min-width:44px;max-width:44px;
  text-align:center;padding-left:2px;padding-right:2px}

/* Cot gia cua bang gia DA HET HIEU LUC: chi doc, chu xam */
#bangDL td.o-gia-mo{color:var(--chu-mo)}

/* Ten bang gia het han / chua ap dung: to do ca trong lop tick lan tren the */
.ds-tick .chu-do{color:var(--mau-loi)}
.o-doc-the .the-chon.the-do{background:var(--mau-loi)}

/* Nut hinh nam NGAY TRONG vien o tim (Thêm hàng hóa vào bảng giá) */
.o-tim-khung .nut-trong-o-tim{position:absolute;right:6px;top:50%;transform:translateY(-50%);
  width:26px;height:26px;display:flex;align-items:center;justify-content:center;
  border:0;background:transparent;color:var(--chu-phu);border-radius:var(--bo-goc);cursor:pointer}
.o-tim-khung .nut-trong-o-tim:hover{background:var(--mau-chinh-nhat);color:var(--mau-chinh)}
.o-tim-khung .nut-trong-o-tim .hinh{width:16px;height:16px}
/* Co CA nut tim nang cao lan nut rieng thi hai nut nam canh nhau, khong chong len */
.o-tim-khung:has(.nut-tim-nc) .nut-trong-o-tim{right:36px}
.o-tim-khung:has(.nut-trong-o-tim) .o-tim{padding-right:36px}
.o-tim-khung:has(.nut-tim-nc):has(.nut-trong-o-tim) .o-tim{padding-right:66px}

/* Khoi bay GIUA BANG khi chua co dong nao */
.bang-trong-khoi{display:flex;flex-direction:column;align-items:center;gap:var(--cach-2);
  padding:var(--cach-5) 0;color:var(--chu-phu)}
.bang-trong-khoi .hinh-trong{width:56px;height:56px;color:var(--vien-dam)}
.bang-trong-khoi b{font-size:var(--chu-14);color:var(--chu)}
.bang-trong-khoi span{font-size:var(--chu-12);color:var(--chu-phu)}
.bang-trong-khoi .cum-nut-trong{display:flex;gap:var(--cach-2);margin-top:var(--cach-2)}

/* Ba dong tuy chon duoi hang cong thuc trong hop Tao bang gia */
.khoi-tuy-chon-ct{margin-top:var(--cach-2)}
.khoi-tuy-chon-ct.an{display:none}
.khoi-tuy-chon-ct .dong-chi-bang-gia{margin-bottom:var(--cach-1)}
.khoi-tuy-chon-ct .dong-chi-bang-gia.an{display:none}
.khoi-tuy-chon-ct .ten-bang-goc{font-weight:600}

/* Nut Xóa o goc TRAI chan hop thoai Sua bang gia */
.ht-chan .nut-xoa-trai{margin-right:auto;background:transparent;border:0;
  color:var(--mau-loi);display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.ht-chan .nut-xoa-trai:hover{background:var(--nen-loi)}
.ht-chan .nut-xoa-trai.an{display:none}
.ht-chan .nut-xoa-trai .hinh{width:15px;height:15px}

/* Hop thoai "Thêm hàng hóa vào bảng giá" */
.hop-them-hang-bg{max-width:560px}
.hop-them-hang-bg .ds-tim-hang{max-height:240px;overflow:auto;margin-top:var(--cach-2);
  border:1px solid var(--vien);border-radius:var(--bo-goc);padding:var(--cach-2)}
.hop-them-hang-bg .ds-nhom-thb{max-height:320px;overflow:auto;
  border:1px solid var(--vien);border-radius:var(--bo-goc);padding:var(--cach-2)}
.hop-them-hang-bg .ds-hang-da-chon{margin-top:var(--cach-2);display:flex;
  flex-wrap:wrap;gap:6px;align-items:center}
.hop-them-hang-bg .nhan-da-chon{flex:0 0 100%;font-size:var(--chu-12);color:var(--chu-phu)}

/* Tieu de phu trong hop hoi xac nhan dung chung */
.hop-tieu-de-phu{font-weight:600;font-size:var(--chu-14);margin-bottom:var(--cach-2)}

/* O xo "Hiển thị N dòng" duoi thanh phan trang: lop noi cua o xo dep an theo be ngang cua nut (left:0;right:0), nut nay rat hep nen phai noi lop rong theo chu cho khoi xuong dong. */
.phan-trang .o-xo-dep .lop-xo-chon{right:auto;min-width:max-content;width:max-content}
.phan-trang .o-xo-dep .muc-xo-lop{white-space:nowrap}

/* Khoi NHAC trong hop thoai Import. Khac han .bao-loi mau do: day khong phai loi, chi la thong tin de nguoi dung tu quyet - vi du "kho dang co N ma ma file khong nhac toi". */
.bao-nhac{background:#fff8e1;color:#8a6100;padding:10px 14px;border-radius:var(--bo-goc);
  font-size:var(--chu-13);margin-bottom:var(--cach-4);border:1px solid #f0dca8;
  line-height:1.55}

/* Mui ten xo ma don vi quy doi. Chi man Hang hoa khai co 'xo_dong_con' nen chi man do co may nut/dong nay. Cac lop duoi deu nam TRONG bang du lieu, khong dinh toi bo loc hay thanh cong cu. */
.ten-dvt{color:var(--chu-nhat);margin-left:2px}
.nut-xo-con{margin-left:6px;padding:0 2px;border:0;background:none;cursor:pointer;
  color:var(--chu-nhat);line-height:1;vertical-align:middle}
.nut-xo-con .hinh{width:11px;height:11px;transition:transform .15s}
.nut-xo-con:hover{color:var(--chinh)}
.nut-xo-con.dang-mo .hinh{transform:rotate(180deg)}
.dong-dvt-con>td{background:#f7faff;padding:0 !important}
.khung-dvt-con{display:flex;flex-wrap:wrap;gap:6px 18px;padding:8px 14px 8px 46px}
.dvt-con{display:inline-flex;align-items:baseline;gap:6px;font-size:var(--chu-13)}
.dvt-con-ma{color:var(--chinh);font-weight:500}
.dvt-con-ten{color:var(--chu-nhat)}

/* KIEM KHO - Serial/IMEI va Gop phieu. Chi man Kiem kho ve ra cac the mang lop nay: dong quet ma nam duoi dong hang (man phieu) va hai hop thoai rieng cua man danh sach. */
.dong-imei > td{background:var(--nen-phu);padding:0 !important;border-top:0}
.o-imei{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 14px 8px 46px}
.the-imei{display:inline-flex;align-items:center;gap:6px;background:var(--nen-thanh-cong);
  color:var(--mau-thanh-cong);border:1px solid var(--nen-thanh-cong);border-radius:var(--bo-goc);
  padding:2px 6px 2px 8px;font-size:var(--chu-12);line-height:1.7;white-space:nowrap}
.bo-imei{border:0;background:none;color:inherit;cursor:pointer;font-size:14px;line-height:1;
  padding:0 2px;opacity:.75}
.bo-imei:hover{opacity:1}
.go-imei{flex:1 1 170px;min-width:150px;border:0;outline:0;background:none;font:inherit;
  color:var(--chu);padding:3px 0;font-size:var(--chu-13)}
.go-imei::placeholder{color:var(--chu-mo)}
.o-imei .lien-ket-nho{color:var(--mau-chinh);white-space:nowrap;margin-left:6px}

/* Hop thoai Gộp phiếu kiểm kho */
.kk-bang-gop{max-height:46vh;overflow:auto;border:1px solid var(--vien);
  border-radius:var(--bo-goc)}
.kk-bang-gop table{margin:0}
.kk-tong-gop{margin-top:var(--cach-3);display:flex;flex-direction:column;gap:4px;
  align-items:flex-end;font-size:var(--chu-13)}
.kk-tong-gop > div{display:flex;gap:var(--cach-4);min-width:280px;justify-content:space-between}
.kk-tong-gop span{color:var(--chu-phu)}
.kk-tong-gop b{min-width:90px;text-align:right}

/* Hop thoai Chọn IMEI - man KIEM KHO (giu nguyen, khong dung chung voi Chuyen hang) */
.kk-tim-imei{border:1px solid var(--vien);border-radius:var(--bo-goc);margin-bottom:var(--cach-3)}
.kk-tim-imei input{border:0;outline:0;background:none}
.kk-ds-imei{max-height:44vh;overflow:auto;border:1px solid var(--vien);
  border-radius:var(--bo-goc);padding:var(--cach-2) var(--cach-3)}
.kk-ds-imei .dong-tick.an{display:none}

/* Hop Serial/IMEI cua rieng man CHUYEN HANG: moi ma la MOT THE bam chon, khong phai danh sach o tick moi dong mot hang. Bo lop nay mang tien to 'ch-' rieng */
.ch-tim-imei{border:1px solid var(--vien);border-radius:var(--bo-goc);margin-bottom:var(--cach-3)}
.ch-tim-imei input{border:0;outline:0;background:none}
.ch-ds-imei{max-height:44vh;overflow:auto;border:1px solid var(--vien);
  border-radius:var(--bo-goc);padding:var(--cach-3);
  display:flex;flex-wrap:wrap;gap:var(--cach-2);align-content:flex-start}
.ch-chip-imei{font-size:var(--chu-13);padding:5px 14px;border-radius:16px;
  border:1px solid var(--vien);background:#fff;color:var(--chu-phu);
  cursor:pointer;font-family:inherit;line-height:1.5}
.ch-chip-imei.chon{background:var(--mau-chinh);border-color:var(--mau-chinh);color:#fff}
.ch-chip-imei.an{display:none}
.ch-chon-het{margin-bottom:0}

/* KIEM KHO - ba o tick nhom hang, khoi gan day. Hai cum nay chi ve ra khi man khai 'nhom_loc_them' / 'gan_day_kieu' - hien gio chi man Kiem kho khai, nen khong tab nao khac dinh toi. */
.dong-loc-nhom{display:flex;align-items:flex-start;gap:var(--cach-3);
  padding-top:var(--cach-3);margin-top:var(--cach-3);border-top:1px solid var(--vien)}
.dong-loc-nhom > span{flex:none;font-size:var(--chu-13);color:var(--chu-phu);padding-top:3px}
.cum-loc-nhom{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hang-loc-nhom{display:flex;align-items:center;gap:var(--cach-2)}
.cum-loc-nhom .dong-tick{margin-bottom:0;gap:var(--cach-2)}
.cum-loc-nhom .dau-hoi-nho{flex:none;line-height:1}
/* Dong "Vị trí" nam ngay duoi cum tren nen bo duong ke keo lai cho sat */
.dong-loc-nhom + .dong-vi-tri{padding-top:var(--cach-2);margin-top:0}

/* Khoi "Kiểm gần đây": [hinh] Ten hang (SL) */
.dong-gan-day.dong-gd-ten{gap:var(--cach-2);color:var(--chu)}
.dong-gd-ten .gd-hinh{width:14px;height:14px;flex:none;color:var(--chu-mo)}
.dong-gd-ten .gd-ten{color:var(--chu)}
.gd-sl-ngoac{flex:none;color:var(--chu-phu)}

/* Hop "Chọn nhóm hàng" chi duoc CO MOT thanh cuon - cua cay nhom. */
.hop-nhom-hang .ht-than{max-height:calc(100vh - 250px);overflow:hidden;
  display:flex;flex-direction:column;gap:var(--cach-3)}
.hop-nhom-hang .cay-nhom{flex:1;min-height:140px;max-height:none;margin:0}
.hop-nhom-hang .o-tim-nhom,
.hop-nhom-hang .dong-loc-nhom,
.hop-nhom-hang .dong-vi-tri{flex:none}
.hop-nhom-hang .dong-loc-nhom{margin-top:0;padding-top:var(--cach-3)}
.hop-nhom-hang .dong-vi-tri{margin-top:0;padding-top:0}


/* Dong chua khoi chi tiet: khong cat chu */
.bang-du-lieu tbody tr.dong-chi-tiet > td{max-width:none;overflow:visible;
  text-overflow:clip}

/* KHU BAN HANG KHONG TU CAT CHU BANG DAU "...": o bang phai hien DU noi dung. Chi ap cho khu Bán hàng - khu Tiep nhan giu moc cat 320px. */
body[data-khu="ban_hang"] .bang-du-lieu tbody td:not(.o-nhieu-dong){
  white-space:normal;word-break:break-word;line-height:1.45;
  overflow:hidden;text-overflow:clip}
/* Cot so, tien, nhan mau, anh van MOT DONG: nhung o nay ngan, xuong dong la nhin gay ca bang. Ngay thang khong co lop rieng nhung cot ngay von du rong nen khong xuong dong. */
body[data-khu="ban_hang"] .bang-du-lieu tbody td.canh-phai,
body[data-khu="ban_hang"] .bang-du-lieu tbody td.canh-giua{white-space:nowrap}

/* THANH NUT KHOI CHI TIET NAM TREN MOT HANG (rieng Kiểm kho): [Hủy] [Sao chép] [Xuất file] ben trai, [Lưu] [In] ben phai. */
.ct-phieu[data-tab="kiem_kho"] .chan-chi-tiet{display:flex;align-items:center;
  flex-wrap:wrap;gap:var(--cach-3)}

/* CUM TONG CANH VE MEP PHAI (rieng Kiểm kho): nhan va so thanh MOT CUM sat mep phai, nhan canh phai het o cung mot moc, so canh phai theo cot so co be ngang co dinh */
.ct-phieu[data-tab="kiem_kho"] .ct-tom-tat{margin-left:auto}
.ct-phieu[data-tab="kiem_kho"] .ct-tom-tat .dong-tong-phieu{
  justify-content:flex-end;gap:var(--cach-3)}
.ct-phieu[data-tab="kiem_kho"] .ct-tom-tat .dong-tong-phieu span{text-align:right}
.ct-phieu[data-tab="kiem_kho"] .ct-tom-tat .dong-tong-phieu b{
  min-width:110px;text-align:right}
/* KHONG in dam cum tong lan cum nguoi - chi dam mau chu len cho de doc. */
.ct-phieu[data-tab="kiem_kho"] .ct-tom-tat .dong-tong-phieu b,
.ct-phieu[data-tab="kiem_kho"] .ct-phieu-nguoi b{font-weight:400}

/* Hang o "Khóa sổ" o Thiet lap -> He thong */
.hang-khoa-so{display:flex;align-items:center;gap:var(--cach-2);flex-wrap:wrap;
  margin-top:var(--cach-2)}
.hang-khoa-so .o-nhap{width:180px;flex:0 0 auto}

/* Hai hop thoai cua rieng man HOA DON. Bo lop nay mang tien to 'hd-' rieng. */
.hd-tim-imei{border:1px solid var(--vien);border-radius:var(--bo-goc);margin-bottom:var(--cach-3)}
.hd-tim-imei input{border:0;outline:0;background:none}
.hd-ds-imei{max-height:44vh;overflow:auto;border:1px solid var(--vien);
  border-radius:var(--bo-goc);padding:var(--cach-3);
  display:flex;flex-wrap:wrap;gap:var(--cach-2);align-content:flex-start}
.hd-chip-imei{font-size:var(--chu-13);padding:5px 14px;border-radius:16px;
  border:1px solid var(--vien);background:#fff;color:var(--chu-phu);
  cursor:pointer;font-family:inherit;line-height:1.5}
.hd-chip-imei.chon{background:var(--mau-chinh);border-color:var(--mau-chinh);color:#fff}
.hd-chip-imei.an{display:none}
.hd-chon-het{margin-bottom:0}

/* Hop "Phương thức thanh toán" - nhieu phuong thuc tren mot hoa don */
.hd-bang-tt{width:100%}
.hd-bang-tt td{padding:var(--cach-2) var(--cach-2)}
.hd-bang-tt select.o-nhap,.hd-bang-tt input.o-nhap{width:100%}
.hd-tt-chan{display:flex;align-items:center;gap:var(--cach-3);margin-top:var(--cach-3)}
.hd-tt-tong{font-size:var(--chu-13);color:var(--chu-phu)}
.hd-tt-tong b{color:var(--mau-chinh);font-size:var(--chu-14)}
/* Lien ket "Nhiều phương thức" nam ngay duoi o "Khách đã trả" o cot phai */
.hd-mo-tt{display:block;margin-top:2px;text-align:right}

[data-nen="toi"] .hd-chip-imei{background:var(--nen-o);color:var(--chu)}
[data-nen="toi"] .hd-chip-imei.chon{background:var(--mau-chinh);color:#fff}

/* Hop "Tạo mới" danh mục một cấp có thêm ba kiểu ô. Hop nao khong khai 'kieu' => 'radio' / 'o_icon' / 'chu_duoi' thi khong sinh mot the nao mang cac lop duoi day. */
.ht-nhom-hai-ben{display:flex;gap:var(--cach-4);align-items:flex-start}
.ht-nhom-o{flex:1;min-width:0}
.ht-nhom-icon{flex:0 0 auto;width:120px;position:relative;text-align:center}
.o-xem-icon{width:100%;height:64px;border:1px dashed var(--vien);border-radius:var(--bo-goc);
  display:flex;align-items:center;justify-content:center;margin-bottom:var(--cach-2);
  color:var(--chu-nhat)}
.o-xem-icon.da-chon{border-style:solid;color:var(--mau-chinh)}
.o-xem-icon svg{width:26px;height:26px}
.ht-nhom-icon .nut{width:100%}
.lop-chon-icon{right:0;left:auto;top:100%;width:250px;padding:var(--cach-3);
  display:none;flex-wrap:wrap;gap:var(--cach-2)}
.lop-chon-icon.mo{display:flex}
.lop-chon-icon .nut-icon{width:36px;height:36px}
/* Nhan ben trai, o ben phai */
.ht-nhom-hai-ben .o-form-hang,.ht-than>.o-form-hang{display:flex;align-items:center;
  gap:var(--cach-3);margin-bottom:var(--cach-3)}
.ht-nhom-hai-ben .o-form-hang>label,.ht-than>.o-form-hang>label{flex:0 0 78px;margin:0}
.ht-nhom-hai-ben .o-form-hang>.o-nhap,.ht-than>.o-form-hang>.o-nhap{flex:1;min-width:0}
.cum-radio-nhom{display:flex;gap:var(--cach-4);align-items:center}
.dong-radio{display:flex;align-items:center;gap:6px;cursor:pointer;margin:0}
.ht-nhom-chu-duoi{margin-top:var(--cach-2);font-size:var(--chu-13);color:var(--mau-chinh)}

/* Hai hộp thoại của riêng MÀN DANH SÁCH Hóa đơn. Tien to 'dhd-' rieng cua man nay. */
.dhd-dong-o{display:flex;align-items:center;gap:var(--cach-3);margin-bottom:var(--cach-3)}
.dhd-dong-o>label{flex:0 0 96px;margin:0;display:flex;align-items:center;gap:6px}
.dhd-dong-o>.o-nhap{flex:1;min-width:0}
.dhd-hoi{width:15px;height:15px;border-radius:50%;border:1px solid var(--vien);
  font-size:10px;font-style:normal;line-height:13px;text-align:center;
  color:var(--chu-nhat);cursor:help;flex:0 0 auto}
.dhd-chu{margin:0 0 var(--cach-2);font-size:var(--chu-14)}

/* Hop "Tạo QR" cua man Hoa don. Tien to 'hq-' chi dung o mot cho: hopTaoQr trong tainguyen/js/ds_hoa_don.js. */
.hq-dong{margin-bottom:var(--cach-3)}
.hq-dong>label{display:block;margin-bottom:5px;font-size:var(--chu-13);
  color:var(--chu-phu)}
.hq-dong>.o-nhap{width:100%}
.hq-the{border:1px solid #cfe3fb;background:#eef6ff;border-radius:8px;
  padding:var(--cach-3);text-align:center;margin-bottom:var(--cach-3)}
/* To QR do may chu ve ra la SVG mang san chieu rong cua no - phai ep ve be ngang cua the bao, khong thi no tran ra ngoai the xanh. */
.hq-anh{display:block;margin:0 auto;width:210px;background:#fff;
  border-radius:6px;padding:6px;box-sizing:border-box}
.hq-anh svg{display:block;width:100%;height:auto}
.hq-chu{margin-top:8px;line-height:1.5}
.hq-chu>b{display:block;font-size:var(--chu-14)}
.hq-chu>span{display:block;font-size:var(--chu-13);color:var(--chu-phu)}
.hq-bao{margin:0;padding:26px 0;color:var(--chu-phu);font-size:var(--chu-13)}
.hq-nut{display:flex;align-items:center;justify-content:center;gap:10px}
.hq-hoac{color:var(--chu-phu);font-size:var(--chu-13)}
.dhd-chu-phu{margin:0 0 var(--cach-3);font-size:var(--chu-13);color:var(--chu-phu)}
.dhd-tick{margin:0}
/* O "Ghi chú" cua hop cap nhat hang loat: cay but nam trong o, ben trai */
.dhd-o-but{flex:1;min-width:0;position:relative;display:block}
.dhd-o-but>.o-nhap{width:100%;padding-left:30px}
.dhd-o-but::before{content:"";position:absolute;left:9px;top:50%;width:14px;height:14px;
  margin-top:-7px;pointer-events:none;opacity:.5;
  background:no-repeat center/contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23666' d='M410.3 231l11.3-11.3-33.9-33.9-62.1-62.1L291.7 89.8l-11.3 11.3-22.6 22.6L58.6 322.9c-10.4 10.4-18 23.3-22.2 37.4L1 480.7c-2.5 8.4-.2 17.5 6.1 23.7s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L387.7 253.7 410.3 231zM160 399.4l-9.1 22.7c-4 3.1-8.5 5.4-13.3 6.9L59.4 452l23-78.1c1.4-4.9 3.8-9.4 6.9-13.3l22.7-9.1 0 32c0 8.8 7.2 16 16 16l32 0zM362.7 18.7L348.3 33.2 325.7 55.8 314.3 67.1l33.9 33.9 62.1 62.1 33.9 33.9 11.3-11.3 22.6-22.6 14.5-14.5c25-25 25-65.5 0-90.5L453.3 18.7c-25-25-65.5-25-90.5 0zm-47.4 168l-144 144c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l144-144c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z'/%3E%3C/svg%3E")}

/* NUT BA CHAM CUA THANH CONG CU: menu phai xo XUONG DUOI (lop dung chung '.lop-ba-cham' mo LEN TREN). */
.lop-menu-them{top:calc(100% + 6px);bottom:auto;right:0;left:auto;min-width:190px}

/* KHOI CHI TIET MAN HOA DON. Cac lop duoi day CHI dung cho cac khoa khai bao 'tieu_de_lk', 'dong_bao', 'hinh_khi'. */

/* Dong dau: "KH023325 - Anh Tuấn ↗ HDD_TH003954 [Hoàn thành]" */
.ct-td-lk{font-size:var(--chu-15);font-weight:600;margin:0;
  display:inline-flex;align-items:center;gap:6px}
.ct-td-mo{color:var(--mau-chinh);display:inline-flex;align-items:center}
.ct-td-mo .hinh{width:13px;height:13px}
.ct-td-mo:hover{opacity:.75}
/* Ma phieu lui ve sau tieu de: mau chu thuong (--chu-mo nhat qua, doc khong ra), chi nho hon tieu de mot chut. */
.ct-ma-mo{font-size:var(--chu-14);color:var(--chu)}

/* Dong bao nen vang tran ngang bang hang (hoa don sua chua) */
.ct-dong-bao>td{background:var(--nen-dong-bao);border-bottom:1px solid var(--vien-dong-bao);
  font-size:var(--chu-13);color:var(--chu-dong-bao);padding:9px 12px !important}
/* Re chuot vao khoi chi tiet (luat tr.dong-chi-tiet:hover to nen the cho MOI o ben trong) hay vao chinh
   dong bao: nen vang giu nguyen, khong phu lop hover */
.bang-du-lieu tbody tr.dong-chi-tiet:hover .ct-dong-bao>td,
.chi-tiet .bang-du-lieu tbody tr.ct-dong-bao:hover>td{background:var(--nen-dong-bao);background-image:none;filter:none}
/* Man khai 'in_dam' cho dong bao: chu dam (giu mau chu cua dong - nen vang khong doi theo nen toi) */
.ct-dong-bao-dam>td{font-weight:600}
/* So Serial/IMEI: chu mau chu de, khong khung (y KiotViet) */
.ct-the-bao{display:inline-block;margin-left:4px;color:var(--mau-chinh);font-weight:600}

/* Hinh khien - bao mat hang CO BAO HANH */
/* Hinh khien nam NGAY SAU ten hang, CUNG mot dong - 'display:block' se chiem tron mot dong lam moi dong hang cao them mot nhip. */
.ct-hinh-cot{display:inline-flex;vertical-align:-2px;margin-left:4px;
  color:var(--mau-chinh)}
.ct-hinh-cot .hinh{width:14px;height:14px}
.ct-chu-lien{white-space:nowrap}
/* Khien BAM DUOC (dong hoa don co han bao hanh): mo hop xem "Thông tin bảo hành, bảo trì" */
.ct-hinh-bam{cursor:pointer;border-radius:50%}
.ct-hinh-bam:hover{color:var(--mau-chinh-dam)}
.ct-hinh-bam:focus-visible{outline:2px solid var(--mau-chinh-nhat)}
/* Hop xem "Thông tin bảo hành, bảo trì" (#htXemBh, bang.js): ten + ma hang hai dong, bang dau xanh nhat, khong nut chan */
.hop-xem-bh{max-width:560px}
.hop-xem-bh .ht-than{padding:16px 20px 24px}
.hop-xem-bh .xbh-hang{margin-bottom:var(--cach-3);font-size:var(--chu-13);color:var(--chu);line-height:1.6}
.hop-xem-bh .xbh-hang div + div{color:var(--chu-phu)}
.hop-xem-bh .xbh-khung{overflow-x:auto;border:1px solid var(--vien);border-radius:var(--bo-goc)}
.hop-xem-bh .xbh-khung + .xbh-khung{margin-top:var(--cach-3)}
.hop-xem-bh .xbh-bang{width:100%;border-collapse:collapse;font-size:var(--chu-13);color:var(--chu)}
.hop-xem-bh .xbh-bang th{background:var(--nen-dau-bang);font-weight:600;text-align:left;padding:9px 12px;white-space:nowrap}
.hop-xem-bh .xbh-bang td{padding:10px 12px;border-top:1px solid var(--vien);white-space:nowrap}
.hop-xem-bh .xbh-bang th:first-child,.hop-xem-bh .xbh-bang td:first-child{width:50%;white-space:normal}
@media (max-width:767.98px){
  .hop-xem-bh .xbh-bang th,.hop-xem-bh .xbh-bang td{padding:8px;white-space:normal}
}
.hop-xem-bh .xbh-i{display:inline-flex;vertical-align:-2px;margin-left:2px;color:var(--chu-phu);cursor:help}
.hop-xem-bh .xbh-i .hinh{width:13px;height:13px}
/* Bo icon chi co ban "mui ten chui RA" - lat ngang de thanh "chui VAO" cho nut "Trả hàng". */
.ct-hinh-lat{display:inline-flex;transform:scaleX(-1)}

/* Khoi '.bh-*' cua man quay Ban hang nam o tainguyen/css/ban_hang.css - chi man Ban hang nap file do. */

/* Bo lop 'hdi-' cua BA TO IN nam o css_ban_in trong giaodien/dung_mau_in.php. */

/* Hop thoai "Chọn mẫu in phiếu bảo hành" */
.hop-hep{max-width:420px}
.ht-nhan{display:block;font-size:var(--chu-13);color:var(--chu-phu);margin-bottom:5px}

/* Man khai 'ben_tach_nhan' thi o chi-de-nhin cung co the .ct-ben-gia. Cho no chiem phan con lai de chu dai khong bi be xuong dong; nhan van giu be ngang co dinh nen moi dong thang hang nhau. */
/* Gia tri o CHU THUONG y het nhan cua o xo ben canh. */
.ct-phieu-ben-doc .ct-ben>.ct-ben-gia{flex:1;min-width:0;font-weight:400;color:var(--chu)}

/* Cum tong man Hoa don - nhan CAN LE PHAI, khong dau hai cham, ma phieu lien quan xuong mot dong rieng dang link xanh, dong nao khai 'in_dam' thi so in dam. */
/* Dong-tong-phieu chay 'justify-content:space-between' nen the <span> co bao nhieu chu chiem bay nhieu, dinh sat MEP TRAI - dat text-align:right len no khong an gi. */
/* Cum ngay gio dang CHI NHIN cua man Hoa don - nhin y het o khoa, hai icon mo di vi khong bam duoc. Lop nay CHI sinh ra khi man khai 'hai_nut_chi_nhin'. */
.o-ngay-gio-khoa{background:var(--nen-phu);cursor:default}
.o-ngay-gio-khoa .phan-ngay,.o-ngay-gio-khoa .phan-gio{cursor:default}
.o-ngay-gio-khoa .nut-trong-ngay{cursor:default;opacity:.75}

.dong-tong-phai{gap:var(--cach-3)}
.dong-tong-phai>span{flex:1;min-width:0;text-align:right}
/* The <b> co be ngang toi thieu chung - neu rong bang dung so no chua thi MOC PHAI cua tung dong khong trung nhau. */
.dong-tong-phai>b{flex:0 0 auto;min-width:118px;text-align:right}
/* So cua cum tong de CHU THUONG, chi dong 'dong-tong-dam' in dam. The <b> von da dam san nen phai go ve thuong truoc. */
.dong-tong-phai>b{font-weight:400}
.dong-tong-dam>b{font-weight:700}
.ct-tong-ma{display:block;font-size:var(--chu-12)}
.ct-tong-ma a{color:var(--mau-chinh)}
.ct-tong-ma a:hover{text-decoration:underline}


/* NOI KHOANG CACH DOC TRONG COT LOC cho thoang, chu va o nhap khong dung sat nhau. */
.the-loc .o-nhap,
.the-loc .o-gia,
.the-loc .nhan-canh{padding-top:10px;padding-bottom:10px}

/* Hai o duoi day xep "the" ben trong va cao toi thieu 34px. */
.the-loc .o-doc{min-height:40px}
.the-loc .o-doc-the,
.the-loc .o-the{padding-top:6px;padding-bottom:6px;min-height:40px}

/* Khoang cach giua cac khoi loc */
.the-loc .nhom-loc{margin-bottom:22px}
.the-loc .nhom-loc:last-child{margin-bottom:0}
/* Khoi loc con nam TRONG khoi cha thi khong day them khoang duoi - viet lai o day cho thang do uu tien. */
.the-loc .loc-con .nhom-loc{margin-bottom:0}
/* 'lien-khoi' keo khoi noi tiep sat vao khoi tren bang le am dung bang le duoi moi tru 8px - doi le duoi thi le am cung phai doi theo. */
.the-loc .nhom-loc.lien-khoi{margin-top:-14px}

/* Khoang cach nhan -> o nhap */
.the-loc .nhan-loc{margin-bottom:8px}
.the-loc .nhan-phu{margin-bottom:6px}

/* Khoang cach giua cac dong trong cung mot khoi */
.the-loc .dong-radio,
.the-loc .khoang-so{margin-bottom:8px}

/* Nut tron "Tất cả / Có / Không": chi nang padding DOC, giu nguyen 14px hai ben nen ba nut van du cho tren mot hang. */
.the-loc .nut-chon{padding-top:8px;padding-bottom:8px}

/* HOP THOAI "Xác thực khi xuất file" Hop thoai nay do bang.js dung bang JS (xtHoiMaXuat) chu khong nhet san vao moi trang - bon tab moi can, trang nao cung mang mot the an la phi. */
.xt-xuat-md{margin:0 0 10px;font-size:var(--chu-13);color:var(--chu-phu);line-height:1.55}
/* O ma + nut "Gửi mã" nam cung mot hang; o ma co gian, nut giu nguyen be rong */
.xt-xuat-hang{display:flex;align-items:center;gap:var(--cach-2)}
.xt-xuat-hang .o-nhap{flex:1 1 auto;min-width:0;letter-spacing:3px;font-weight:600}
.xt-xuat-hang .nut{flex:0 0 auto;white-space:nowrap;min-width:104px;justify-content:center}
/* Dong nhac "Đã gửi mã tới số ..." - chi hien sau khi bam Gửi mã */
.xt-xuat-nhac{margin-top:var(--cach-3);padding:var(--cach-3);
  border-radius:var(--bo-goc);background:var(--nen-phu);
  font-size:var(--chu-12);color:var(--chu-phu);line-height:1.55}

/* CHUONG THONG BAO tren dong dau. Hop thong bao rieng cua tung nguoi; ma xac thuc 6 so bay vao day, chi tai khoan Quan tri he thong nhan duoc. Tien to 'chuong-' / '.lop-chuong'. */
.nut-chuong{position:relative;overflow:visible}
/* Cham do dem so chua doc. Dat TRAN RA NGOAI goc phai tren (top/right am) chu khong nam de len icon */
.cham-chuong{position:absolute;top:-2px;right:-4px;min-width:9px;height:15px;
  padding:0 3px;border-radius:9px;background:var(--mau-loi);color:#fff;
  font-size:10px;font-weight:700;line-height:15px;text-align:center;
  border:2px solid var(--nen-the);box-sizing:content-box;pointer-events:none}
/* HOP THONG BAO */
.lop-chuong{width:376px;max-width:calc(100vw - 24px);padding:0;overflow:hidden}
.chuong-dau{display:flex;align-items:center;justify-content:space-between;
  gap:var(--cach-3);padding:11px var(--cach-4);border-bottom:1px solid var(--vien)}
.chuong-dau b{font-size:var(--chu-14)}
.chuong-doc-het{border:0;background:none;padding:0;cursor:pointer;margin-left:auto;
  color:var(--mau-chinh);font-size:var(--chu-12);font-weight:600}
.chuong-doc-het:hover{text-decoration:underline}
/* Icon don dep thuong, chuyen do khi re chuot: viec xoa khong khoi phuc duoc nen phai bao truoc bang mau, nhung khong to do san lam nguoi ta so bam nham. */
.chuong-don{flex:0 0 auto;border:0;background:none;padding:5px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:var(--bo-goc);color:var(--chu-mo);line-height:0}
.chuong-don:hover{background:var(--nen-loi);color:var(--mau-loi)}
.chuong-don .hinh{width:15px;height:15px}
.chuong-than{max-height:min(440px,60vh);overflow-y:auto}

/* Trang thai rong: co hinh + hai dong chu, khong de mot cau lo lung */
.chuong-trong{display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:var(--cach-6) var(--cach-4);text-align:center;color:var(--chu-mo)}
.chuong-trong .hinh{width:30px;height:30px;margin-bottom:var(--cach-2);opacity:.4}
.chuong-trong b{font-size:var(--chu-13);color:var(--chu-phu);font-weight:600}
.chuong-trong span{font-size:var(--chu-12);line-height:1.5;max-width:230px}

/* MOT DONG thong bao */
/* Khong chia hai cot: o khoa nam trong hang dau (.chuong-dau-dong) cung day so, nen ca ba dong - ma, mo ta, gio - deu bat dau tu MOT le trai. */
.chuong-dong{position:relative;padding:10px 30px 10px var(--cach-4);
  border-bottom:1px solid var(--vien)}
.chuong-dong:last-child{border-bottom:0}
.chuong-dong:hover{background:var(--nen-phu)}

/* O khoa tran, khong boc the, khong to mau */
/* Hang dau: o khoa + day so nam CUNG MOT HANG, can giua theo chieu doc. */
.chuong-dau-dong{display:flex;align-items:center;gap:7px}
.chuong-hinh{flex:0 0 auto;color:var(--chu);line-height:0;
  display:inline-flex;align-items:center;justify-content:center}
.chuong-hinh .hinh{width:15px;height:15px}

.chuong-nd{min-width:0;display:flex;flex-direction:column;gap:1px}

/* THE MA - thu to nhat trong hop. La mot cai nut vi bam vao la chep. LUON mau den, ke ca khi het han. */
.chuong-ma{align-self:flex-start;border:0;background:none;padding:0;cursor:pointer;
  font-family:ui-monospace,Consolas,monospace;font-size:18px;font-weight:700;
  letter-spacing:3.5px;line-height:1.3;color:var(--chu)}
.chuong-ma:hover{color:var(--mau-chinh)}
.chuong-ma:active{transform:translateY(1px)}
/* Tieu de cua thong bao KHONG phai ma (loai 'chung') */
.chuong-tieu-de{display:block;font-size:var(--chu-13);font-weight:600;
  color:var(--chu);line-height:1.45;word-break:break-word}
.chuong-md{display:block;font-size:var(--chu-12);color:var(--chu-phu);
  line-height:1.45;word-break:break-word}
/* Hang cuoi: cham chua doc + gio + nhan trang thai, TAT CA cung mot dong */
.chuong-hang-cuoi{display:flex;align-items:center;gap:6px;margin-top:2px}
/* Chua doc: mot cham nho, khong to nen ca dong */
.chuong-cham-moi{flex:0 0 auto;width:6px;height:6px;border-radius:50%;
  background:var(--mau-chinh)}
.chuong-luc{font-size:var(--chu-11);color:var(--chu-mo)}
.chuong-het-han{padding:0 6px;border-radius:20px;background:var(--nen-phu);
  color:var(--chu-mo);font-size:var(--chu-11);font-weight:600;line-height:16px}

/* Dau x xoa tung dong AN cho toi khi re chuot vao dong (hoac khi dieu huong bang ban phim) - hien thuong truc thi mot cot dau x chay doc ca hop, roi mat. */
.chuong-xoa{position:absolute;top:8px;right:6px;width:20px;height:20px;
  border:0;background:none;padding:0;cursor:pointer;line-height:0;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;color:var(--chu-mo);opacity:0;transition:opacity .12s}
.chuong-dong:hover .chuong-xoa,.chuong-xoa:focus-visible{opacity:1}
.chuong-xoa:hover{background:var(--nen-loi);color:var(--mau-loi)}
.chuong-xoa .hinh{width:13px;height:13px}
@media (hover:none){.chuong-xoa{opacity:1}}

/* Chan hop - nut "Xem thêm". Chi hien khi may chu bao con_nua = 1. Nap moi luot 6 dong, khong do het ca hop thu ra mot lan. */
.chuong-chan{border-top:1px solid var(--vien);padding:6px}
.chuong-them{width:100%;border:0;background:none;padding:7px;cursor:pointer;
  border-radius:var(--bo-goc);color:var(--mau-chinh);
  font-size:var(--chu-13);font-weight:600}
.chuong-them:hover{background:var(--mau-chinh-nhat)}
.chuong-them:disabled{color:var(--chu-mo);cursor:default;background:none}

@media (max-width:768px){
  /* Dien thoai: xo bam mep phai man, khong tran ra ngoai */
  .lop-chuong{position:fixed;top:52px;right:8px;left:auto}
}

/* O CHON CO O TIM, THANH CUON VA MAU. Cot khai 'sua' => 'xo_tim'. Khong dung <select>: <select> khong co o tim, khong to mau tung lua chon. */
.bang-du-lieu td .o-xo-tim{display:flex;align-items:center;width:100%;min-height:26px;
  padding:2px 6px;border:1px solid transparent;border-radius:var(--bo-goc);
  background:none;cursor:pointer;text-align:left;font:inherit;overflow:hidden}
/* O CHON RE CHUOT PHAI GIU MAU DONG */
/* Khong ve khung chu nhat (vien hay nen) quanh o: the ben trong da bo tron, them khung nhin thua.
   O co the: hieu ung nam tren chinh the. O chu/o trong: chi phu mot lop mo. */
.bang-du-lieu td .o-xo-tim:hover,
.bang-du-lieu td .o-xo-tim.dang-mo,
.bang-du-lieu td .o-xo-tim:focus{border-color:transparent;box-shadow:none;outline:none;background:none}
.bang-du-lieu td .o-xo-tim:not(:has(.the-nguoi)):hover,
.bang-du-lieu td .o-xo-tim:not(:has(.the-nguoi)).dang-mo{
  background-image:linear-gradient(var(--phu-hover),var(--phu-hover))}
/* The ten trong o bang to hon cho de doc (chi o bang, khong dung hop tha xuong) */
/* Moi the cung mot be ngang (khong co gian theo do dai ten), chu bang co chu chung cua bang */
.bang-du-lieu td .o-xo-tim .the-nguoi{font-size:var(--chu-13);padding:4px 10px;border-radius:14px;
  width:100%;max-width:120px;margin:0 auto;text-align:center;box-sizing:border-box;
  transition:filter .15s,box-shadow .15s}
.bang-du-lieu td .o-xo-tim:hover .the-nguoi{filter:brightness(.93)}
.bang-du-lieu td .o-xo-tim.dang-mo .the-nguoi{box-shadow:0 0 0 2px var(--mau-chinh)}
.bang-du-lieu td .o-xo-tim.dang-luu{opacity:.5;pointer-events:none}
.o-xo-tim .xt-trong{color:var(--chu-mo);font-size:var(--chu-11)}
.o-xo-tim .xt-chu{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* KHU TIEP NHAN: CHU TRONG O CHON XUONG DONG, CAT O NAM DONG */
body[data-khu="cskh"] .bang-du-lieu tbody td .o-xo-tim .xt-chu{min-width:0;white-space:normal;
  word-break:break-word;line-height:1.45;max-height:7.25em}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-bung td .o-xo-tim .xt-chu{max-height:none;overflow:visible}
body[data-khu="cskh"] .bang-du-lieu tbody td.canh-giua .o-xo-tim .xt-chu,
body[data-khu="cskh"] .bang-du-lieu tbody td.canh-phai .o-xo-tim .xt-chu{white-space:nowrap;max-height:none}

/* Lop noi: gan vao <body> nen dung position:fixed, JS tu dat toa do. */
.lop-xo-tim{position:fixed;z-index:1300;width:260px;background:var(--nen-the);
  border:1px solid var(--vien);border-radius:var(--bo-goc);box-shadow:var(--do-bong-noi);
  overflow:hidden}
.lop-xo-tim .xt-o-tim{padding:8px;border-bottom:1px solid var(--vien)}
.lop-xo-tim .xt-o-tim .o-nhap{width:100%;height:30px}
/* THANH CUON: khong co max-height thi 48 ky thuat lam lop dai qua man hinh. */
.lop-xo-tim .xt-ds{max-height:280px;overflow-y:auto;padding:4px}
.lop-xo-tim .xt-muc{display:block;width:100%;text-align:left;padding:4px 6px;
  border:0;background:none;cursor:pointer;border-radius:var(--bo-goc);font:inherit}
.lop-xo-tim .xt-muc:hover{background:var(--mau-chinh-nhat)}
.lop-xo-tim .xt-muc.dang-chon{background:var(--mau-chinh-nhat);font-weight:600}
.lop-xo-tim .xt-xoa{color:var(--chu-mo);font-size:var(--chu-11);padding:6px}

/* KHU TIEP NHAN KHONG CAT CHU BANG DAU "...": chu xuong dong, khong phai ro chuot tung o moi doc duoc. */
body[data-khu="cskh"] .bang-du-lieu tbody td:not(.cot-stt):not(.cot-thao-tac){
  white-space:normal;word-break:break-word;line-height:1.45;
  overflow:hidden;text-overflow:clip;vertical-align:top}
/* O so, tien, nhan mau van MOT DONG: chung ngan, xuong dong la nhin gay ca bang. */
body[data-khu="cskh"] .bang-du-lieu tbody td.canh-phai,
body[data-khu="cskh"] .bang-du-lieu tbody td.canh-giua{white-space:nowrap}

/* O bi cat: JS do xong danh dau, ve dai mo dan o day o cho biet con nua ben duoi. */
body[data-khu="cskh"] .bang-du-lieu tbody td.o-bi-cat{position:relative}
body[data-khu="cskh"] .bang-du-lieu tbody td.o-bi-cat::after{
  content:'…';position:absolute;right:2px;bottom:0;padding:0 4px 0 12px;
  color:var(--chu-mo);pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--nen-the) 45%)}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-homnay td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#fff8dd 45%)}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-luc td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#e9f7ef 45%)}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-vang td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#fff8dd 45%)}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-do td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#fdecec 45%)}
/* Nen toi: bon dai mo dan o tren deu ghim MAU SANG. O nen toi chung thanh mot vet sang o mep phai moi o bi cat. */
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,var(--nen-the) 45%)}
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-homnay td.o-bi-cat::after,
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-vang td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#3a3116 45%)}
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-do td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#3a2020 45%)}
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-luc td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#173224 45%)}

/* DONG DANG BUNG: bo tran bon dong, moi o cua dong hien du noi dung. */
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-bung td{
  max-height:none;overflow:visible;white-space:normal}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-bung td::after{content:none}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-bung>td:first-child{
  box-shadow:inset 3px 0 0 var(--mau-chinh)}
/* ngay bi khoa trong lich mot ngay (nguoi khong phai QTHT khong lui lich) */
.lich-mot-ngay .lmn-ngay.lmn-khoa{opacity:.32;cursor:not-allowed;text-decoration:line-through}
.lich-mot-ngay .lmn-ngay.lmn-khoa:hover{background:none}

/* HOP THOAI NHAN BAN DON TAN NHA */
.nb-nen{position:fixed;inset:0;z-index:1400;background:rgba(17,24,39,.42);
  display:flex;align-items:center;justify-content:center;padding:16px}
.hop-nb{width:520px;max-width:100%;max-height:90vh;overflow:auto;
  background:var(--nen-the);border-radius:10px;box-shadow:var(--do-bong-noi)}
.nb-dau{display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px;border-bottom:1px solid var(--vien)}
.nb-dau b{font-size:var(--chu-14)}
.nb-than{padding:14px}
.nb-nhan{display:block;margin:10px 0 4px;font-size:var(--chu-13);font-weight:500}
.nb-nhan:first-child{margin-top:0}
.nb-nhan span{font-weight:400;color:var(--chu-mo);font-size:var(--chu-11)}
.nb-than .o-nhap{width:100%}
.nb-than textarea.o-nhap{resize:vertical;min-height:64px;line-height:1.45;padding:8px}
.nb-hang{display:flex;align-items:center;gap:var(--cach-3);margin-top:12px;flex-wrap:wrap}
.nb-tick{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--chu-13)}
.nb-hang .nb-kt{flex:1 1 160px;min-width:140px}
.nb-hang .nb-kt:disabled{opacity:.5}
.nb-chan{display:flex;justify-content:flex-end;gap:var(--cach-2);
  padding:12px 14px;border-top:1px solid var(--vien)}
.nb-chan .nut{min-width:96px;justify-content:center}

/* NUT NHAN BAN: HINH TRON NOI LEN, MAU CHU DE - khong an theo luat .nut-o (opacity:0, chi hien khi re chuot). */
.nut-o.nut-o-nhanban{opacity:1;width:26px;height:26px;padding:0;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;background:var(--mau-chinh-nhat);color:var(--mau-chinh);
  box-shadow:0 1px 2px rgba(16,24,40,.10)}
tr:hover .nut-o.nut-o-nhanban{opacity:1}
.nut-o.nut-o-nhanban:hover{background:var(--mau-chinh);color:#fff;
  box-shadow:0 2px 6px rgba(16,24,40,.20)}
.nut-o.nut-o-nhanban:active{transform:scale(.94)}
.nut-o.nut-o-nhanban:focus-visible{outline:2px solid var(--mau-chinh);outline-offset:1px}
.nut-o.nut-o-nhanban .hinh,.nut-o.nut-o-nhanban svg{width:14px;height:14px}

/* THANH CUON MONG TOAN WEB (trinh duyet ho tro ::-webkit-scrollbar) */
@supports selector(::-webkit-scrollbar){
  /* Ke ca chinh the <html>: bo chon con `html[data-nen] *` khong voi toi no duoc, ma thanh cuon CA TRANG lay luat tu day. */
  html[data-nen],
  html[data-nen] *{scrollbar-width:auto;scrollbar-color:auto}
  /* Ba cho khai o do uu tien cao hon (0,2,0) va (0,2,1) */
  html[data-nen] .khung-cuon-dong-ct,
  html[data-nen] .tl-menu,
  html[data-nen] .ct-ghi-chu textarea.o-nhap{scrollbar-width:auto;scrollbar-color:auto}

  /* Co CHUNG cho o nao khong tu khai rieng - thay 6px, vung bam 10px */
  ::-webkit-scrollbar{width:10px;height:10px}
  ::-webkit-scrollbar-track{background:transparent}
  ::-webkit-scrollbar-thumb{background:#c8cfda;border-radius:8px;
    border:2px solid transparent;background-clip:content-box}
  ::-webkit-scrollbar-thumb:hover{background:#a9b3c2;background-clip:content-box}
  ::-webkit-scrollbar-corner{background:transparent}

  [data-nen="toi"] ::-webkit-scrollbar-thumb{background:var(--vien-dam);
    background-clip:content-box}
  [data-nen="toi"] ::-webkit-scrollbar-thumb:hover{background:var(--chu-mo);
    background-clip:content-box}

  /* Khung bang: cung co 6px, nhung ke rieng vi khung bang co goc bo tron va hai thanh (doc + ngang) gap nhau o goc duoi phai. */
  .bang-cuon::-webkit-scrollbar{width:10px;height:10px}
  .bang-cuon::-webkit-scrollbar-corner{background:transparent}
}


/* O NHAP CUA KHU TIEP NHAN. Chi ap cho khu Tiep nhan. */

/* 1. MOT khung thoi: luat chung ve HAI vong (1px border + box-shadow 2px) - khu Tiep nhan bo vong ngoai, chi giu mot vien day 1px ro net. */
/* Tru o chon the (o-xo-tim): the ben trong da bo tron, khong ve them khung */
body[data-khu="cskh"] .bang-du-lieu .o-sua:not(.o-xo-tim):focus{
  box-shadow:none;border-color:var(--mau-chinh);background:#fff}
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu .o-sua:not(.o-xo-tim):focus{
  box-shadow:none;background:var(--nen-the)}

/* 2. O dang nhap thi XUONG DONG, khong cat: luat chung ep o sua rong toi da 280px; trong khu nay o phai an theo do rong that cua cot, va chu dai thi xuong dong. */
body[data-khu="cskh"] .bang-du-lieu td>.o-sua[contenteditable]{
  min-width:0;max-width:100%;white-space:pre-wrap;word-break:break-word;
  line-height:1.45;overflow:hidden}

/* 3. Dong dang go chu thi BUNG ra het JS gan lop 'dong-sua' cho dong co o dang nhap. Khong bung thi go den dong thu tu la chu chay xuong duoi phan bi cat, go ma khong thay minh go gi. */
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-sua td{
  max-height:none;overflow:visible;white-space:normal}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-sua td::after{content:none}

/* 4. O tick va cot STT: TREN CUNG, GIUA Dong bang khu nay cao thap khac nhau (o dai xuong ba dong). */
body[data-khu="cskh"] .bang-du-lieu th.ghim-trai,
body[data-khu="cskh"] .bang-du-lieu td.ghim-trai,
body[data-khu="cskh"] .bang-du-lieu th.cot-stt,
body[data-khu="cskh"] .bang-du-lieu tbody td.cot-stt{
  text-align:center;vertical-align:top}
/* Dem cho o tick xuong ngang hang chu dong dau, khong dinh sat mep tren */
body[data-khu="cskh"] .bang-du-lieu td.ghim-trai>input[type=checkbox]{
  margin:3px 0 0;vertical-align:top}

/* VE VUNG O DANG QUET CHON (KHU TIEP NHAN): CSS cho lop 'o-chon' / 'o-neo' / 'thanh-dem-o' ma bang_sua.js gan ra khi quet chon kieu bang tinh (keo chuot, Shift+bam, Ctrl+Shift+mui ten, Ctrl+C chep vung). */
body[data-khu="cskh"] #bangDL td.o-chon{
  background-image:linear-gradient(rgba(13,110,253,.13),rgba(13,110,253,.13))}
body[data-khu="cskh"] #bangDL td.o-neo{
  background-image:linear-gradient(rgba(13,110,253,.07),rgba(13,110,253,.07));
  box-shadow:inset 0 0 0 2px var(--mau-chinh)}
[data-nen="toi"] body[data-khu="cskh"] #bangDL td.o-chon{
  background-image:linear-gradient(rgba(90,160,255,.20),rgba(90,160,255,.20))}

/* Dang KEO chuot qua nhieu o: tat boi den chu, neu khong keo den dau la chu bi boi xanh den do, nhin roi ca bang. */
body.dang-chon-vung #bangDL,
body.dang-chon-vung #bangDL *{
  -webkit-user-select:none;user-select:none}

/* Thanh dem cuoi man hinh: Tong / Trung binh / Dem / So o - hien khi chon tu hai o tro len, giong thanh trang thai cua bang tinh. */
.thanh-dem-o{position:fixed;right:16px;bottom:16px;z-index:1200;
  display:flex;align-items:center;gap:10px;
  padding:7px 8px 7px 12px;border-radius:999px;
  background:var(--nen-the);border:1px solid var(--vien);
  box-shadow:0 4px 14px rgba(16,24,40,.16);
  font-size:var(--chu-12);color:var(--chu);white-space:nowrap}
.thanh-dem-o b{font-weight:600;color:var(--chu-phu);margin-right:2px}
.thanh-dem-o .ngan-dem{width:1px;height:14px;background:var(--vien)}
.thanh-dem-o .dong-dem{border:0;background:none;cursor:pointer;
  color:var(--chu-mo);font-size:16px;line-height:1;padding:0 4px;border-radius:50%}
.thanh-dem-o .dong-dem:hover{background:var(--nen-phu);color:var(--chu)}
@media (max-width:768px){ .thanh-dem-o{right:8px;bottom:70px} }

/* muc "Dùng tên: ..." trong o chon cho go ten ngoai danh sach */
.lop-xo-tim .xt-muc.xt-them{border-top:1px solid var(--vien);margin-top:4px;padding-top:7px;
  color:var(--mau-chinh);font-size:var(--chu-12)}
.lop-xo-tim .xt-muc.xt-them b{font-weight:600;color:var(--chu)}
.lop-xo-tim .xt-khong{padding:8px 6px;color:var(--chu-mo);font-size:var(--chu-12)}
/* Ten khong noi duoc sang tai khoan (go tay, hoac doc tu file cu) van doc duoc binh thuong - khong to xam nhu chu phu, vi day la du lieu that. */
.lop-xo-tim .xt-chu{color:var(--chu)}

/* O TIM TRONG PHEU LOC COT (KHU TIEP NHAN) Hop loc rong 250px cho khu Ban hang la du, nhung khu Tiep nhan loc theo TEN NGUOI ("Mạnh Linh Thủ", "Nguyễn Thị Bích Tuyền") nen 250px la cat mat chu. */
body[data-khu="cskh"] .lop-loc-cot{width:280px}
/* Dep lai: bot chieu cao, bo vien day, doi thanh mot vach chan mong. */
body[data-khu="cskh"] .lop-loc-cot .o-tim-trong-lop{
  /* margin:0 - luat chung dat margin:8px BON BEN, chi de margin-bottom thi 8px hai ben con nguyen */
  width:100%;box-sizing:border-box;padding:3px 6px;margin:0 0 6px;
  background:var(--nen-phu);border-color:transparent;border-radius:var(--bo-goc)}
body[data-khu="cskh"] .lop-loc-cot .o-tim-trong-lop:focus-within{
  background:var(--nen-the);border-color:var(--mau-chinh)}
body[data-khu="cskh"] .lop-loc-cot .o-tim-trong-lop input{
  width:100%;min-width:0;padding:2px 0;font-size:var(--chu-12)}
/* Danh sach gia tri cao hon mot chut cho de nhin - hop da rong hon roi */
body[data-khu="cskh"] .ds-loc-cot{max-height:260px}

/* O CHAT CHOT DON Rong hon khung chat thuong (tin dat lich dai 12-14 dong), o go cao len theo noi dung toi 6 dong roi moi cuon, va co khoi "Copy gửi khách". */
.khung-chat[data-chot-don="1"]{width:400px;max-height:min(560px, calc(100vh - 120px))}
@media(max-width:767px){
  .khung-chat[data-chot-don="1"]{width:auto;max-height:calc(100vh - 130px)}
}

/* O go: textarea, khong phai input mot dong */
.chat-go{align-items:flex-end}
.chat-go textarea.o-nhap{flex:1 1 auto;min-width:0;resize:none;line-height:1.45;
  /* Cao san hai dong - tin dat lich dai, o mot dong nhin nhu o tim kiem */
  padding:8px 10px;min-height:56px;max-height:none;overflow-y:hidden}
.chat-go .nut{flex:0 0 auto}

/* Tin cua may: khong phai bong xanh ap phai nhu tin minh go */
.chat-dong.chat-may{align-items:flex-start}
.chat-dong.chat-may .chat-bong{background:var(--nen-phu);color:var(--chu);
  border-radius:12px 12px 12px 3px;max-width:100%;white-space:pre-wrap}
.chat-dong.chat-toi .chat-bong{white-space:pre-wrap}
.cd-dau{font-size:var(--chu-12);font-weight:600;color:var(--chu);
  white-space:pre-wrap;margin-bottom:2px}
.chat-dong.chat-may .cd-dau{color:#146c43}

/* Khoi ban copy: chu nguyen dang, co thanh cuon rieng khi qua dai */
.cd-copy{width:100%;border:1px solid var(--vien);border-radius:var(--bo-goc);
  background:var(--nen-the);padding:8px;margin-top:2px}
.cd-copy .cd-chu{margin:0 0 8px;font:inherit;font-size:var(--chu-12);
  white-space:pre-wrap;word-break:break-word;max-height:200px;overflow:auto;
  color:var(--chu)}
.cd-copy .cd-nut-copy{width:100%;justify-content:center;padding:6px}


/* O CHON 'xo_tim': rieng cot ky thuat thi moi lua chon to mau theo ma mau cua Danh sach ky thuat */
.lop-xo-tim{width:264px;border-radius:4px;padding:0;overflow:hidden;
  border-color:var(--vien-dam);box-shadow:0 6px 20px rgba(16,24,40,.16)}
.lop-xo-tim .xt-dau{padding:8px 12px 2px;font-size:var(--chu-12);color:var(--chu-mo)}
/* KHONG ke vach ngang duoi o tim: cong voi cai vien quanh o tim nua la nhin ra HAI khung long nhau. Mot vien la du. */
.lop-xo-tim .xt-o-tim{padding:6px 10px 8px}
.lop-xo-tim .xt-o-tim .khung-tim{display:flex;align-items:center;gap:7px;
  border:1px solid var(--vien);border-radius:4px;padding:0 8px}
.lop-xo-tim .xt-o-tim .khung-tim:focus-within{border-color:var(--mau-chinh)}
.lop-xo-tim .xt-o-tim .hinh{width:13px;height:13px;color:var(--chu-mo);flex:none}
.lop-xo-tim .xt-o-tim .o-nhap{flex:1;min-width:0;height:28px;border:0;outline:0;
  background:none;padding:0;font-size:var(--chu-13)}
/* Bo bong focus cua o tim - tranh long hai khung */
.lop-xo-tim .xt-o-tim .o-nhap:focus{box-shadow:none}

.lop-xo-tim .xt-ds{max-height:264px;overflow-y:auto;padding:4px 0}
.lop-xo-tim .xt-muc{display:flex;align-items:center;gap:8px;width:100%;
  text-align:left;padding:7px 12px;border:0;background:none;cursor:pointer;
  font-size:var(--chu-13);color:var(--chu);border-radius:0;position:relative}
.lop-xo-tim .xt-muc:hover{background:var(--nen-phu)}
/* Muc dang chon: nen xanh nhat + dau tick ben phai */
.lop-xo-tim .xt-muc.dang-chon{background:var(--mau-chinh-nhat);color:var(--mau-chinh);
  font-weight:500}
.lop-xo-tim .xt-muc.dang-chon::after{content:'✓';margin-left:auto;
  color:var(--mau-chinh);font-size:var(--chu-13);font-weight:700}
.lop-xo-tim .xt-muc .xt-chu{color:inherit}
/* Muc co mau (Ky thuat, Tinh trang) van boc the mau */
.lop-xo-tim .xt-muc .the-nguoi{margin:0}
.lop-xo-tim .xt-xoa{color:var(--chu-mo);font-size:var(--chu-12)}
.lop-xo-tim .xt-them{border-top:1px solid var(--vien);margin-top:4px;padding-top:9px;
  color:var(--mau-chinh);font-size:var(--chu-12)}
.lop-xo-tim .xt-khong{padding:10px 12px;color:var(--chu-mo);font-size:var(--chu-12)}

/* O CANH GIUA ma noi dung la NUT thi nut phai tu can giua: o chon 'xo_tim' ve ra mot <button class="o-sua o-xo-tim"> rong HET o va display:flex. */
body[data-khu="cskh"] .bang-du-lieu td.canh-giua > .o-xo-tim{justify-content:center}
body[data-khu="cskh"] .bang-du-lieu td.canh-giua > .o-sua{text-align:center}
body[data-khu="cskh"] .bang-du-lieu td.canh-phai > .o-xo-tim{justify-content:flex-end}
body[data-khu="cskh"] .bang-du-lieu td.canh-phai > .o-sua{text-align:right}


/* O TIEN trong khu Tiep nhan khong deo vien bo tron (luat chung cho o tien vien tron 14px chi hop voi man phieu). */
body[data-khu="cskh"] .bang-du-lieu .o-sua[data-tien]{
  border-color:transparent;border-radius:3px;background:transparent}
body[data-khu="cskh"] .bang-du-lieu td:hover > .o-sua[data-tien]{
  border-color:var(--vien)}
body[data-khu="cskh"] .bang-du-lieu .o-sua[data-tien]:focus{
  border-color:var(--mau-chinh);background:#fff;box-shadow:none}


/* Muc menu da co san the dau tick thi dung ve them dau ✓ (luat chung ve dau ✓ bang CSS cho MOI muc dang chon trong .lop-noi). */
.lop-noi .muc-menu.dang-chon:has(.dau-tick-menu){padding-right:var(--cach-4)}
.lop-noi .muc-menu.dang-chon:has(.dau-tick-menu)::after{content:none}

/* LOP XO KIEU CRM Ap cho hai bien the, do bang_sua.js gan lop khi mo */
.lop-xo-tim.lop-xo-crm,
.lop-xo-tim.lop-xo-gon{border-radius:10px;padding:6px 0;
  box-shadow:0 8px 28px rgba(16,24,40,.18);border-color:var(--vien)}
/* O chon gon: rong theo chu, khong mượn 264px cua lop day du */
.lop-xo-tim.lop-xo-gon{width:auto;min-width:158px;max-width:300px}

/* Dong chu nho "Chọn ..." o dau lop */
.lop-xo-crm .xt-dau,
.lop-xo-gon .xt-dau{padding:6px 14px 4px;font-size:var(--chu-12);color:var(--chu-mo)}

/* O tim: bo tron, nam gon trong lop */
.lop-xo-crm .xt-o-tim{padding:4px 10px 8px}
.lop-xo-crm .xt-o-tim .khung-tim{border-radius:8px;padding:0 10px}

.lop-xo-crm .xt-ds,
.lop-xo-gon .xt-ds{padding:2px 6px 4px}

/* MOT LUA CHON: chu den nen trang, ro chuot toi thi nen xam rat nhat. Muc dang chon KHONG to ca dai mau - chi dam chu + dau tick ben phai. */
.lop-xo-crm .xt-muc,
.lop-xo-gon .xt-muc{padding:7px 10px;border-radius:7px;color:var(--chu)}
.lop-xo-crm .xt-muc:hover,
.lop-xo-gon .xt-muc:hover{background:var(--nen-hover)}
.lop-xo-crm .xt-muc.dang-chon,
.lop-xo-gon .xt-muc.dang-chon{background:none;color:var(--chu);font-weight:600}
.lop-xo-crm .xt-muc.dang-chon:hover,
.lop-xo-gon .xt-muc.dang-chon:hover{background:var(--nen-hover)}
.lop-xo-crm .xt-muc.dang-chon::after,
.lop-xo-gon .xt-muc.dang-chon::after{color:var(--mau-chinh)}

/* RIENG bo nguon ky thuat: moi tho mot the mau, cho the tran ra het be ngang va chu canh giua - de nhin luot qua bang mau */
.lop-xo-crm .xt-muc .the-nguoi,
.lop-xo-gon .xt-muc .the-nguoi{flex:1;text-align:center;padding:5px 10px;
  border-radius:14px;font-weight:600}
.lop-xo-crm .xt-muc.dang-chon .the-nguoi,
.lop-xo-gon .xt-muc.dang-chon .the-nguoi{box-shadow:0 0 0 2px var(--nen-the),0 0 0 4px var(--mau-chinh)}
/* Muc "— bỏ trống —" de nhat, khong dua the mau len ngang hang voi ten nguoi */
.lop-xo-crm .xt-xoa,
.lop-xo-gon .xt-xoa{color:var(--chu-mo);font-size:var(--chu-12)}

/* DANG DROPLIST: CHI ap cho hai bien the lop-xo-crm / lop-xo-gon - khu Ban hang khong mang lop nao trong hai lop nay. Khong co dong tieu de "Chọn <tên cột>". */
.lop-xo-gon .xt-o-tim{padding:4px 10px 8px}
.lop-xo-gon .xt-o-tim .khung-tim{border-radius:8px;padding:0 10px}
/* Co o tim roi thi khong con "rong theo chu" duoc nua - hep qua thi o tim be bang hai ngon tay. Gioi han 300px de khong huenh ra. */
.lop-xo-tim.lop-xo-gon{min-width:222px}

/* Nhieu lua chon thi co thanh cuon, khong do het ra lam dai */
.lop-xo-crm .xt-ds,
.lop-xo-gon .xt-ds{max-height:280px;overflow-y:auto;
  overscroll-behavior:contain;scrollbar-width:thin}

/* DANG DROPLIST KHU TIEP NHAN */
/* Nen cua vien thuoc xam - mot bien de nen toi chi doi MOT cho */
:root{--nen-ma-13h:#eaeef2}
[data-nen="toi"]{--nen-ma-13h:#2a3344}

/* Khung lop */
.lop-xo-tim.lop-xo-crm,
.lop-xo-tim.lop-xo-gon{background:var(--nen-phu);padding:8px}
/* O tim: vien xanh, nen trang de noi tren nen lop xam */
.lop-xo-crm .xt-o-tim,
.lop-xo-gon .xt-o-tim{padding:0 0 8px}
.lop-xo-crm .xt-o-tim .khung-tim,
.lop-xo-gon .xt-o-tim .khung-tim{border:1.5px solid var(--mau-chinh);border-radius:8px;
  background:var(--nen-the);padding:0 11px;height:32px}
.lop-xo-crm .xt-o-tim .o-nhap,
.lop-xo-gon .xt-o-tim .o-nhap{height:30px;font-size:var(--chu-13)}

/* Danh sach: cach deu 6px, khong con padding hai ben cua lop */
.lop-xo-crm .xt-ds,
.lop-xo-gon .xt-ds{display:flex;flex-direction:column;gap:6px;padding:0}

/* MOT MUC = MOT VIEN THUOC chiem het be ngang, chu canh giua Nut ngoai chi lam khung trong suot; RUOT (.xt-chu / .the-nguoi) moi la vien thuoc. */
.lop-xo-crm .xt-muc,
.lop-xo-gon .xt-muc{padding:0;border-radius:999px;background:none}
.lop-xo-crm .xt-muc:hover,
.lop-xo-gon .xt-muc:hover{background:none}
.lop-xo-crm .xt-muc:hover > *,
.lop-xo-gon .xt-muc:hover > *{filter:brightness(.96)}

.lop-xo-crm .xt-muc > .xt-chu,
.lop-xo-gon .xt-muc > .xt-chu,
.lop-xo-crm .xt-muc > .the-nguoi,
.lop-xo-gon .xt-muc > .the-nguoi{flex:1;min-width:0;display:block;text-align:center;
  padding:6px 12px;border:2px solid transparent;border-radius:999px;
  font-size:var(--chu-14);font-weight:600;line-height:1.35;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Bien the 2 (mac dinh): vien thuoc xam, chu den */
.lop-xo-crm .xt-muc > .xt-chu,
.lop-xo-gon .xt-muc > .xt-chu{background:var(--nen-ma-13h);color:#111827}
/* Bien the 3: ky thuat - nen la ma mau cua nguoi (style inline), chu trang */
.lop-xo-crm .xt-muc > .the-nguoi,
.lop-xo-gon .xt-muc > .the-nguoi{color:#fff}

/* Bien the 1: nhan trang thai - ba mau */
.lop-xo-crm .xt-muc > .xt-chu.nhan-xanh,
.lop-xo-gon .xt-muc > .xt-chu.nhan-xanh {background:#d8f0dd;color:#047857}
.lop-xo-crm .xt-muc > .xt-chu.nhan-vang,
.lop-xo-gon .xt-muc > .xt-chu.nhan-vang {background:#fdf3cf;color:#b45309}
.lop-xo-crm .xt-muc > .xt-chu.nhan-do,
.lop-xo-gon .xt-muc > .xt-chu.nhan-do   {background:#fbe0e0;color:#b91c1c}
.lop-xo-crm .xt-muc > .xt-chu.nhan-duong,
.lop-xo-gon .xt-muc > .xt-chu.nhan-duong{background:#dfeafd;color:#1d4ed8}
.lop-xo-crm .xt-muc > .xt-chu.nhan-xam,
.lop-xo-gon .xt-muc > .xt-chu.nhan-xam  {background:var(--nen-ma-13h);color:#4b5563}

/* Muc DANG CHON: chi vien xanh 3px, BO dau tick (de ca hai thi vien thuoc bi dau tick lan mat mot khoang ben phai). */
.lop-xo-crm .xt-muc.dang-chon,
.lop-xo-gon .xt-muc.dang-chon{background:none;font-weight:600}
.lop-xo-crm .xt-muc.dang-chon::after,
.lop-xo-gon .xt-muc.dang-chon::after{content:none}
.lop-xo-crm .xt-muc.dang-chon > .xt-chu,
.lop-xo-gon .xt-muc.dang-chon > .xt-chu,
.lop-xo-crm .xt-muc.dang-chon > .the-nguoi,
.lop-xo-gon .xt-muc.dang-chon > .the-nguoi{border-color:#3b82f6;box-shadow:none}

/* Muc BO TRONG "– trống –": nen trang, khung NET DUT, chu nhat */
.lop-xo-crm .xt-muc.xt-trong-moi > .xt-chu,
.lop-xo-gon .xt-muc.xt-trong-moi > .xt-chu{background:var(--nen-the);
  border:2px dashed var(--vien-dam);color:var(--chu-mo);font-weight:500}
.lop-xo-crm .xt-muc.xt-trong-moi.dang-chon > .xt-chu,
.lop-xo-gon .xt-muc.xt-trong-moi.dang-chon > .xt-chu{border-style:solid;border-color:#3b82f6}

/* Muc "Dùng tên: ..." (cot khai 'cho_nhap_moi') giu dang chu thuong, khong boc vien thuoc: no la mot HANH DONG chu khong phai mot lua chon co san. */
.lop-xo-crm .xt-muc.xt-them,
.lop-xo-gon .xt-muc.xt-them{padding:9px 10px 4px;text-align:left;font-size:var(--chu-13)}

/* Nen toi: chu den #111827 tren nen toi la khong doc duoc - keo len chu sang. Ba mau trang thai cung ha do sang (moi lop mau phai du cap sang/toi). */
[data-nen="toi"] .lop-xo-crm .xt-muc > .xt-chu,
[data-nen="toi"] .lop-xo-gon .xt-muc > .xt-chu{color:var(--chu)}
[data-nen="toi"] .lop-xo-crm .xt-muc > .xt-chu.nhan-xanh,
[data-nen="toi"] .lop-xo-gon .xt-muc > .xt-chu.nhan-xanh {background:#16351f;color:#7fe0a8}
[data-nen="toi"] .lop-xo-crm .xt-muc > .xt-chu.nhan-vang,
[data-nen="toi"] .lop-xo-gon .xt-muc > .xt-chu.nhan-vang {background:#3a3116;color:#f2c879}
[data-nen="toi"] .lop-xo-crm .xt-muc > .xt-chu.nhan-do,
[data-nen="toi"] .lop-xo-gon .xt-muc > .xt-chu.nhan-do   {background:#3a2020;color:#f5a3a3}
[data-nen="toi"] .lop-xo-crm .xt-muc > .xt-chu.nhan-duong,
[data-nen="toi"] .lop-xo-gon .xt-muc > .xt-chu.nhan-duong{background:#1b2c49;color:#95c5f7}

/* NEN TOI */
[data-nen="toi"] .nhan-xanh,
[data-nen="toi"] .dskt-tt-lam   {color:#7fe0a8}
[data-nen="toi"] .nhan-vang,
[data-nen="toi"] .dskt-tt-gio,
[data-nen="toi"] .dskt-the-vao,
[data-nen="toi"] .dskt-the-ve   {color:#f2c879}
[data-nen="toi"] .nhan-do,
[data-nen="toi"] .dskt-tt-nay,
[data-nen="toi"] .dskt-the-ca   {color:#f5a3a3}
[data-nen="toi"] .nhan-duong,
[data-nen="toi"] .dskt-tt-sau,
[data-nen="toi"] .dskt-the-khung{color:#95c5f7}

/* CHIP MA MAU (cot khai 'kieu' => 'mau'): ma mau boc trong chip bo tron */
.chip-mau{display:inline-block;padding:1px 9px;border-radius:10px;
  color:#fff;font-size:var(--chu-12);font-weight:600;line-height:1.5;
  font-variant-numeric:tabular-nums;white-space:nowrap}

/* O SUA ma mau: o chon mau vuong nho + chip ma nam canh nhau */
.o-mau-cum{display:inline-flex;align-items:center;gap:6px}
.o-mau-cum input[type=color]{width:28px;height:26px;padding:2px;flex:none;
  border:1px solid var(--vien-dam);border-radius:var(--bo-goc);
  background:var(--nen-the);cursor:pointer}
.o-mau-cum input[type=color]:hover{border-color:var(--mau-chinh)}

/* MAU DONG CUA HAI MAN KHACH (khu Tiep nhan) - bon ma mau co dinh */
tr.dong-kh-vang > td{background:#ffe97a;color:#111827}
tr.dong-kh-luc  > td{background:#88e29a;color:#111827}
tr.dong-kh-do   > td{background:#ff8a8a;color:#111827}
tr.dong-kh-hong > td{background:#e3c6c8;color:#111827}

/* DUONG KE GIUA CAC DONG MAU (chi khu Tiep nhan): ke ngang xam #9499a2 */
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-vang > td,
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-luc  > td,
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-do   > td,
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-hong > td{border-bottom-color:#9499a2}
/* Nen toi: chu doi sang var(--chu) thi ke doi theo - van la mot cap */
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-vang > td,
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-luc  > td,
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-do   > td,
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-hong > td{
  border-bottom-color:var(--chu)}

/* Nen toi: ha do sang nhung GIU y nghia mau (moi lop dong-* phai du ca cap sang/toi, va ca dai mo dan o mep o bi cat). */
[data-nen="toi"] tr.dong-kh-vang > td{background:#5a4f14;color:var(--chu)}
[data-nen="toi"] tr.dong-kh-luc  > td{background:#1d4a2c;color:var(--chu)}
[data-nen="toi"] tr.dong-kh-do   > td{background:#5a2323;color:var(--chu)}
[data-nen="toi"] tr.dong-kh-hong > td{background:#4d3237;color:var(--chu)}

body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-vang td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#ffe97a 45%)}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-luc td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#88e29a 45%)}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-do td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#ff8a8a 45%)}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-hong td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#e3c6c8 45%)}
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-vang td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#5a4f14 45%)}
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-luc td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#1d4a2c 45%)}
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-do td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#5a2323 45%)}
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-hong td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#4d3237 45%)}

/* CUM CHON NGAY TREN THANH CONG CU Chi hien o man co khai 'thanh_cong_cu' => ['thanh_ngay' => [...]] (xem giaodien/dung_bang.php). */
/* Phai ghi kem .o-nhap: .o-nhap{width:100%} nam SAU trong file (khoi giao dien sang) nen lop mot minh se thua, o ngay se keo dai het thanh cong cu va day cum nut xuong dong thu hai. */
.o-nhap.tcc-o-ngay{flex:0 0 auto;height:36px;width:132px;padding:0 10px;text-align:center}

/* Man hep: cum ngay xuong dong cung cum nut, khong ep thanh cong cu tran ngang */
@media (max-width: 900px){
  .o-nhap.tcc-o-ngay{margin-top:2px}
}

/* CO CHU NOI DUNG BANG: 14px cho moi tab */
.bang-du-lieu td{font-size:var(--chu-14)}
/* O nhap tren bang phai BANG co chu cua o thuong, khong thi go vao chu nhay co */
.bang-du-lieu td .o-sua,
.bang-du-lieu td .o-xo-tim{font-size:var(--chu-14)}
/* Nhan mau (Đạt / Không đạt / trang thai) giu co nho hon mot bac: chung la the nen tron, to bang chu thuong thi vien nen phinh ra chiem het o */
.bang-du-lieu td .nhan{font-size:var(--chu-13)}

/* RE CHUOT VAO DONG (khu Tiep nhan): dai mo dan o o bi cat doi theo mau dong khi re chuot */
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-vang:hover td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#f0db73 45%)}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-luc:hover td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#80d491 45%)}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-do:hover td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#f08282 45%)}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-hong:hover td.o-bi-cat::after{
  background:linear-gradient(90deg,transparent,#d5babc 45%)}


/* O CHU DAI: CAT O NAM DONG, BAM LA BUNG ra day du. Can the <div class="o-cn"> (giaodien/dung_bang.php). */
/* Cat bang max-height + overflow, KHONG dung -webkit-line-clamp */
.bang-du-lieu tbody td > .o-cn{
  max-height:7.25em; 
  overflow:hidden;white-space:normal;word-break:break-word;line-height:1.45}
/* Dong da bung (bam vao o bi cat - xem bang_sua.js): mo het, khong cat nua. Bung CA DONG chu khong tung o */
.bang-du-lieu tbody tr.dong-bung td > .o-cn{
  overflow:visible;max-height:none}
/* O canh phai / canh giua (so, tien, nhan) van MOT DONG */
.bang-du-lieu tbody td.canh-phai > .o-cn,
.bang-du-lieu tbody td.canh-giua > .o-cn{white-space:nowrap;max-height:none}

/* O NHAP CUA KHU TIEP NHAN CUNG CAT NAM DONG O chu cua khu Tiep nhan la <div class="o-sua" contenteditable> chu khong phai chu thuan (xem o_sua_truc_tiep), nen KHONG co the .o-cn. */
.bang-du-lieu tbody td > .o-sua[contenteditable]{
  max-height:7.25em;overflow:hidden;line-height:1.45}
.bang-du-lieu tbody td > .o-sua[contenteditable]:focus,
.bang-du-lieu tbody tr.dong-bung td > .o-sua[contenteditable]{
  overflow:visible;max-height:none}


/* DAI MAU DOC BEN TRAI DONG + KE DOC GIUA COT */
/* KHONG dat 'position:relative' o day: o dau dong la o tick, no dang 'position:sticky' de ghim trai khi cuon ngang - ghi de thanh relative la MAT GHIM */
body[data-khu="cskh"] .bang-du-lieu tbody tr[class*="dong-kh-"] > td:first-child::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;pointer-events:none}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-vang > td:first-child::before{background:#b8860b}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-luc  > td:first-child::before{background:#15803d}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-do   > td:first-child::before{background:#b02525}
body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-hong > td:first-child::before{background:#8a6164}
/* Nen toi: bon mau nen da ha do sang, dai mau nang do sang len cho noi */
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-vang > td:first-child::before{background:#d9c24a}
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-luc  > td:first-child::before{background:#4cc271}
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-do   > td:first-child::before{background:#e06666}
[data-nen="toi"] body[data-khu="cskh"] .bang-du-lieu tbody tr.dong-kh-hong > td:first-child::before{background:#c49aa0}

/* KE DOC giua cac cot - ap cho MOI bang du lieu cua ca hai khu. Khong dat vao o CUOI cung: o do la cot Thao tac ghim phai, no da co bong do rieng lam duong phan cach. */
.bang-du-lieu tbody td{border-right:1px solid #e6e8e9}
.bang-du-lieu tbody td:last-child{border-right:0}
.bang-du-lieu thead th{border-right:1px solid #dbe3ec}
.bang-du-lieu thead th:last-child{border-right:0}
[data-nen="toi"] .bang-du-lieu tbody td{border-right-color:rgba(255,255,255,.07)}
[data-nen="toi"] .bang-du-lieu thead th{border-right-color:rgba(255,255,255,.10)}


/* RIENG KHOI CHI TIET MAN TRA HANG: cac o thang hang nhau */
/* Cung khuon man Dat hang - bo cuc luoi 3 cot: 1. BO VIEN + bo le ngang. */
.chi-tiet[data-tab="tra_hang"] .ct-phieu-ben{
  border:0;padding-left:0;padding-right:0;
  row-gap:var(--cach-3);column-gap:var(--cach-5)}
.chi-tiet[data-tab="tra_hang"] .ct-phieu-ben-luoi .ct-ben-chu{
  flex:0 0 110px;white-space:nowrap}
/* O XO va O NGAY GIO phai co gioi han be ngang */
.chi-tiet[data-tab="tra_hang"] .ct-phieu-ben-luoi .ct-ben .o-xo-dep,
.chi-tiet[data-tab="tra_hang"] .ct-phieu-ben-luoi .ct-ben .o-ngay-gio-ct{
  flex:1;min-width:0;max-width:230px}
/* Gia tri o CHI DE NHIN cung an theo cho con lai cua hang, de chu dai ("Chi nhánh trung tâm") khong day o ben canh lech di. Chu THUONG. */
.chi-tiet[data-tab="tra_hang"] .ct-phieu-ben-luoi .ct-ben > .ct-ben-gia{
  flex:1;min-width:0;font-weight:400;color:var(--chu)}

/* Cum tong ben phai: "Giảm giá phiếu trả (15%)" va "Tổng tiền hóa đơn đổi hàng" nam GON MOT DONG. */
.chi-tiet[data-tab="tra_hang"] .ct-tom-tat{width:366px}
.chi-tiet[data-tab="tra_hang"] .dong-tong-phieu > span:first-child{
  white-space:nowrap}
@media(max-width:900px){
  .chi-tiet[data-tab="tra_hang"] .ct-tom-tat{width:100%}
}

/* RIENG KHOI CHI TIET MAN TRA HANG NHAP: nhan "Người tạo:" thang le voi ma phieu ngay tren; o xo "Người trả" va o "Ngày trả" gon, khong keo het cot; gia tri cot dau bat dau cung mot vach. Cot nhan vua nhan dai nhat "Mã phiếu thu:". */
.chi-tiet[data-tab="tra_hang_nhap"] .ct-phieu-ben{
  border:0;padding-left:0;padding-right:0;
  row-gap:var(--cach-3);column-gap:var(--cach-5)}
.chi-tiet[data-tab="tra_hang_nhap"] .ct-phieu-ben-luoi .ct-ben-chu{
  flex:0 0 90px;white-space:nowrap}
.chi-tiet[data-tab="tra_hang_nhap"] .ct-phieu-ben-luoi .ct-ben .o-xo-dep,
.chi-tiet[data-tab="tra_hang_nhap"] .ct-phieu-ben-luoi .ct-ben .o-ngay-gio-ct{
  flex:1;min-width:0;max-width:230px}
.chi-tiet[data-tab="tra_hang_nhap"] .ct-phieu-ben-luoi .ct-ben > .ct-ben-gia{
  flex:1;min-width:0;font-weight:400;color:var(--chu)}

/* RIENG MAN PHIEU "+ Trả hàng nhập": in DAM dung mot nhan "Nhà cung cấp cần trả" (so ben phai da to mau chinh san). */
.trang-phieu[data-tab="tra_hang_nhap"] .phieu-o .o-form-hang:has(> [data-tong="ncc_can_tra"]) > label{
  font-weight:600;color:var(--chu)}
/* RIENG MAN PHIEU "+ Nhập hàng": in DAM dung mot nhan "Cần trả nhà cung cấp" */
.trang-phieu[data-tab="nhap_hang"] .phieu-o .o-form-hang:has(> [data-tong="can_tra_ncc"]) > label{
  font-weight:600;color:var(--chu)}

/* RIENG MAN PHIEU "+ Trả hàng nhập" */

/* Lop "Tùy chọn hiển thị" rong them de "Sắp xếp thứ tự hàng hóa" nam tren MOT dong (262px chung thi nhan nay gap xuong hai dong). */
.trang-phieu[data-tab="tra_hang_nhap"] #menuHienThi{min-width:290px}

/* Dau "+" (va dau "x" bo chon) trong o "Tìm nhà cung cấp" (Trả hàng nhập, Nhập hàng): KHONG to mau chinh, de mau chu toi. Re chuot chi lot nen xam nhat. */
.trang-phieu[data-tab="tra_hang_nhap"] .o-chon-tim .nut-cong-trong-o,
.trang-phieu[data-tab="nhap_hang"] .o-chon-tim .nut-cong-trong-o{color:var(--chu)}
.trang-phieu[data-tab="tra_hang_nhap"] .o-chon-tim .nut-cong-trong-o:hover,
.trang-phieu[data-tab="nhap_hang"] .o-chon-tim .nut-cong-trong-o:hover{background:var(--nen-phu)}

/* O "Chi phí nhập hoàn lại" (kieu 'chi_phi_popup'): o nhap thuong nen trang y o Giảm giá; con tro ban tay vi bam vao la mo hop thoai (o chi doc). */
.trang-phieu[data-tab="tra_hang_nhap"] .o-cp-popup{cursor:pointer}

/* Hop thoai "Các khoản chi phí nhập hàng hoàn lại" (Trả hàng nhập) va hai hop chon khoan chi phi (Nhập hàng). O bang MOT DONG */
.trang-phieu[data-tab="tra_hang_nhap"] .hop-cp-popup,
.trang-phieu[data-tab="nhap_hang"] .hop-cp-popup{max-width:640px}
.trang-phieu[data-tab="tra_hang_nhap"] .hop-cp-popup .ht-than,
.trang-phieu[data-tab="nhap_hang"] .hop-cp-popup .ht-than{padding:var(--cach-4) var(--cach-5)}
.trang-phieu[data-tab="tra_hang_nhap"] .bang-cp-popup,
.trang-phieu[data-tab="nhap_hang"] .bang-cp-popup{width:100%;border:1px solid var(--vien)}
.trang-phieu[data-tab="tra_hang_nhap"] .hop-cp-popup .bang-cp-popup th,
.trang-phieu[data-tab="nhap_hang"] .hop-cp-popup .bang-cp-popup th,
.trang-phieu[data-tab="tra_hang_nhap"] .hop-cp-popup .bang-cp-popup td,
.trang-phieu[data-tab="nhap_hang"] .hop-cp-popup .bang-cp-popup td{padding:8px 10px;white-space:nowrap;
  border-right:0;font-size:var(--chu-13)}
/* Ten chi phi qua dai moi xuong dong (cot ma, so tien van mot dong) */
.trang-phieu[data-tab="tra_hang_nhap"] .hop-cp-popup .bang-cp-popup td:nth-child(3),
.trang-phieu[data-tab="nhap_hang"] .hop-cp-popup .bang-cp-popup td:nth-child(3){white-space:normal}
.trang-phieu[data-tab="tra_hang_nhap"] .bang-cp-popup .cot-tick-cp,
.trang-phieu[data-tab="nhap_hang"] .bang-cp-popup .cot-tick-cp{width:34px;text-align:center}
.trang-phieu[data-tab="tra_hang_nhap"] .bang-cp-popup .o-khoan-cp,
.trang-phieu[data-tab="nhap_hang"] .bang-cp-popup .o-khoan-cp{width:120px;padding:5px 8px}
.trang-phieu[data-tab="tra_hang_nhap"] .bang-cp-popup tfoot td,
.trang-phieu[data-tab="nhap_hang"] .bang-cp-popup tfoot td{border-top:1px solid var(--vien)}

/* O so ban in kieu [v] [ 1 ] [^] (khoa 'in_so_hai_nut' - Trả hàng nhập, Nhập hàng): hai nut vuong hai ben o so. */
.trang-phieu[data-tab="tra_hang_nhap"] .o-so-in-hai-nut,
.trang-phieu[data-tab="nhap_hang"] .o-so-in-hai-nut{display:inline-flex;align-items:center;gap:6px}
.trang-phieu[data-tab="tra_hang_nhap"] .o-so-in-hai-nut input,
.trang-phieu[data-tab="nhap_hang"] .o-so-in-hai-nut input{width:56px;padding:4px 8px}
.trang-phieu[data-tab="tra_hang_nhap"] .nut-so-ben,
.trang-phieu[data-tab="nhap_hang"] .nut-so-ben{width:28px;height:28px;padding:0;flex:none;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  border:1px solid var(--vien);border-radius:4px;background:var(--nen-the);color:var(--chu-phu)}
.trang-phieu[data-tab="tra_hang_nhap"] .nut-so-ben:hover,
.trang-phieu[data-tab="nhap_hang"] .nut-so-ben:hover{background:var(--mau-chinh-nhat);color:var(--mau-chinh)}
.trang-phieu[data-tab="tra_hang_nhap"] .nut-so-ben .hinh,
.trang-phieu[data-tab="nhap_hang"] .nut-so-ben .hinh{width:10px;height:10px}
.trang-phieu[data-tab="tra_hang_nhap"] .o-so-in-hai-nut.bi-khoa input,
.trang-phieu[data-tab="nhap_hang"] .o-so-in-hai-nut.bi-khoa input{background:var(--nen-phu);color:var(--chu-mo)}
.trang-phieu[data-tab="tra_hang_nhap"] .o-so-in-hai-nut.bi-khoa .nut-so-ben,
.trang-phieu[data-tab="nhap_hang"] .o-so-in-hai-nut.bi-khoa .nut-so-ben,
.trang-phieu[data-tab="tra_hang_nhap"] .o-so-in-hai-nut.bi-khoa .nut-so-ben:hover,
.trang-phieu[data-tab="nhap_hang"] .o-so-in-hai-nut.bi-khoa .nut-so-ben:hover{
  background:var(--nen-the);color:var(--chu-mo);cursor:not-allowed}

/* DUNG CHUNG - bang hang cua man phieu (o canh TREN theo luat chung td): dong co o nhap thi o chu thuong
   ha xuong 3px cho chu cung hang voi chu trong o nhap. Tra hang nhap co luat rieng ngay duoi (o so hai nut cao hon). */
.trang-phieu:not([data-tab="tra_hang_nhap"]) .bang-phieu tbody tr:has(input:not([type=hidden]):not([type=checkbox]), select)
  > td:not(:has(input:not([type=hidden]), select, button, textarea)){padding-top:13px}

/* RIENG MAN PHIEU "+ Chuyển hàng": bang hang co be rong toi thieu - khung hep thi keo thanh cuon ngang
   (khung .bang-cuon da cuon) thay vi bop cot; Ma hang khong xuong dong. O "Tổng số lượng" ('mau' => 'den')
   canh trai cung cot gia tri voi "Trạng thái". */
.trang-phieu[data-tab="chuyen_hang"] .bang-phieu{min-width:1000px}
.trang-phieu[data-tab="chuyen_hang"] .bang-phieu .ma-chinh{white-space:nowrap}
.trang-phieu[data-tab="chuyen_hang"] .phieu-o .o-form-hang .o-chu-tinh[data-tong].tong-den{text-align:left;margin-left:0}

/* RIENG MAN PHIEU "+ Trả hàng nhập": luat trong bang nham THEO '.trang-phieu[data-tab="tra_hang_nhap"]'. */

/* O NHAP CUA MOI COT PHAI CUNG MOT HANG NGANG. */
.trang-phieu[data-tab="tra_hang_nhap"] .bang-phieu tbody td{vertical-align:top}
.trang-phieu[data-tab="tra_hang_nhap"] .bang-phieu tbody td:not(:has(input)),
/* Cot dau (nut xoa / o tick khi bat "Chọn nhiều hàng hóa") ke ten RIENG: bat tuy chon do la o thanh <input type=checkbox>, khong ke ten thi o do tut len 5px moi lan bat tat. */
.trang-phieu[data-tab="tra_hang_nhap"] .bang-phieu tbody td.cot-thao-tac{padding-top:16px}

/* O "Số lượng" kieu [v] [ 1 ] [^] (Tra hang nhap, Chuyen hang - khoa 'sl_hai_nut'): hai nut vuong hai ben, CHI hien khi re chuot vao dong hoac dang go o so (visibility - khong xo lech hang). */
.trang-phieu:is([data-tab="tra_hang_nhap"],[data-tab="chuyen_hang"]) .o-sl-hai-nut{display:inline-flex;align-items:center;gap:4px}
.trang-phieu:is([data-tab="tra_hang_nhap"],[data-tab="chuyen_hang"]) .o-sl-hai-nut .o-dong{width:64px}
.trang-phieu:is([data-tab="tra_hang_nhap"],[data-tab="chuyen_hang"]) .nut-sl-ben{width:24px;height:24px;padding:0;flex:none;
  display:flex;align-items:center;justify-content:center;cursor:pointer;visibility:hidden;
  border:1px solid var(--vien);border-radius:4px;background:var(--nen-the);color:var(--chu-phu)}
.trang-phieu:is([data-tab="tra_hang_nhap"],[data-tab="chuyen_hang"]) .bang-phieu tbody tr:hover .nut-sl-ben,
.trang-phieu:is([data-tab="tra_hang_nhap"],[data-tab="chuyen_hang"]) .o-sl-hai-nut:focus-within .nut-sl-ben{visibility:visible}
.trang-phieu:is([data-tab="tra_hang_nhap"],[data-tab="chuyen_hang"]) .nut-sl-ben:hover{background:var(--mau-chinh-nhat);color:var(--mau-chinh)}
/* NHANH RIENG Chuyen hang: tieu de "SL chuyển" lui vao dung cho nut [^] (khoang cach + be rong nut) de mep phai chu thang mep
   phai o nhap. Chi khi bang co bo nut - che do nhan / phieu chi xem thi cot la so canh phai, tieu de giu nguyen. */
.trang-phieu[data-tab="chuyen_hang"] .bang-phieu:has(.o-sl-hai-nut) th[data-cot="so_luong_chuyen"]{
  padding-right:calc(var(--cach-3) + var(--cach-1) + 24px)}

/* O "Giá trả lại": o chi doc, bam vao mo hop; dong co giam gia thi duoi o co them "-222 VND" / "-10 %" chu nho canh phai. */
.trang-phieu[data-tab="tra_hang_nhap"] .o-gia-lop{cursor:pointer}
/* Mau chu dong giam gia: do nhat, khong dung var(--mau-loi) (#d64545 toi va do qua). */
.trang-phieu[data-tab="tra_hang_nhap"] .gia-lop-giam{margin-top:3px;font-size:var(--chu-12);
  color:#ff7b7b;text-align:right;white-space:nowrap}

/* Hop "Giá mới / Giảm giá [VND|%]" noi ben trai o gia */
.lop-gia-tra{position:absolute;z-index:80;width:300px;padding:12px 16px;display:grid;gap:10px;
  background:var(--nen-the);border:1px solid var(--vien);border-radius:var(--bo-goc-lon);
  box-shadow:var(--do-bong-noi);color:var(--chu)}
.lop-gia-tra .hang-gt{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px}
.lop-gia-tra .hang-gt > span:first-child{font-size:var(--chu-13);color:var(--chu-phu);white-space:nowrap}
/* text-align phai ghi o day: lop '.canh-phai' cua o nhap chi chay trong '.bang-du-lieu' / '.phieu-o' / '#formBanGhi', ma hop nay gan thang vao <body> nen o "Giá mới" se bi canh TRAI */
.lop-gia-tra .o-nhap{width:100%;padding:5px 8px;font-size:var(--chu-13);text-align:right}
.lop-gia-tra .o-giam-gt{display:flex;align-items:center;gap:2px;padding:2px 3px 2px 8px;
  border:1px solid var(--vien-dam);border-radius:var(--bo-goc);background:var(--nen-the)}
.lop-gia-tra .o-giam-gt:focus-within{border-color:var(--mau-chinh)}
.lop-gia-tra .o-giam-gt input{flex:1;min-width:0;border:0;outline:0;background:transparent;
  padding:3px 4px;font:inherit;font-size:var(--chu-13);color:var(--chu);text-align:right}
.lop-gia-tra .o-giam-gt button{border:0;border-radius:4px;padding:3px 8px;cursor:pointer;
  font-size:var(--chu-12);font-weight:600;background:transparent;color:var(--chu-phu)}
.lop-gia-tra .o-giam-gt button.chon{background:var(--mau-chinh);color:var(--chu-tren-mau)}

/* O GHI CHU CHI DE NHIN CUA PHIEU CON (the "Hóa đơn đổi hàng" cua man Tra hang): ve thanh KHUNG y het o sua duoc, chi la khong go vao duoc. */
.ct-ghi-chu-xem{
  width:100%;min-height:96px;padding:8px 10px;
  border:1px solid var(--vien);border-radius:var(--bo-goc);
  color:var(--chu);font-size:var(--chu-13);line-height:1.55;
  background:var(--nen-o,transparent)}

/* RIENG MAN YEU CAU SUA CHUA. Moi lop duoi day CHI man Yeu cau sua chua sinh ra (qua cac khoa khai bao rieng cua no) - man khac khong co the nao mang cac lop nay */
/* Hai the con "Giao dịch | Hàng hóa" nam TRONG khung o loc, tren nhom loc dau tien. Dung lai kieu '.tab-phu' (gach chan mau chu de o the dang chon, cach nhom loc ben duoi mot khoang --cach-4). */
.cot-loc .loc-the-dai a{font-size:var(--chu-14)}
/* Chip Serial/IMEI/Biển số nam DUOI ten hang (dong rieng) trong bang hang sua chua - khoi chu nhat nen xam nhat,
   khong vien, chu den. Khoi thuong co theo chu (khong dung display:table - nam trong bang gop vien thi mat le). */
.ct-chip-duoi{display:block;width:fit-content;max-width:100%;margin-top:4px;padding:1px 8px;border-radius:3px;
  background:var(--nen);color:var(--chu);font-size:var(--chu-12);line-height:1.6;
  overflow-wrap:anywhere}
/* Ten may nam TREN dau bang cua the Dịch vụ sửa chữa và thay thế - moi may mot bang */
.ct-nhom-may{font-weight:600;font-size:var(--chu-13);color:var(--chu);
  margin:0 0 var(--cach-2);overflow-wrap:anywhere}
.khung-cuon-bang-ct + .ct-nhom-may{margin-top:var(--cach-3)}
/* NHANH RIENG - Hàng sửa chữa (man_hinh/yeu_cau_sua_chua_hang.php), the "Lịch sử trạng thái" (data-than-ct="lich_su_tt" - ma the CHI man do khai, tab khac khong co). Luat do rong cot cua bang ngoai (#bangDL tr>*:nth-child(n) trong <style id="rongCotDL">) lot ca vao bang con - go ghim roi chia lai ty le: Thời gian 15% · Trạng thái 15% · Ghi chú sửa chữa 55% · Người cập nhật 15%. */
body[data-tab="yeu_cau_sua_chua"] #bangDL [data-than-ct="lich_su_tt"] .bang-trong-ct tr > *:not([colspan]){width:15%;min-width:0;max-width:none}
body[data-tab="yeu_cau_sua_chua"] #bangDL [data-than-ct="lich_su_tt"] .bang-trong-ct tr > :nth-child(3):not([colspan]){width:55%}
body[data-tab="yeu_cau_sua_chua"] #bangDL [data-than-ct="lich_su_tt"] .bang-trong-ct tr > :first-child{white-space:nowrap}
/* Hop "Cập nhật danh sách yêu cầu sửa chữa" - chep kich thuoc hop cung loai cua man Hoa don ('dhd-') nhung la LOP RIENG: sua ben nay khong lech ben kia. */
.ycsc-dong-o{display:flex;align-items:center;gap:var(--cach-3);margin-bottom:var(--cach-3)}
.ycsc-dong-o>label{flex:0 0 110px;margin:0;display:flex;align-items:center;gap:6px}
.ycsc-dong-o>.o-nhap{flex:1;min-width:0}
.ycsc-hoi{width:15px;height:15px;border-radius:50%;border:1px solid var(--vien);
  font-size:10px;font-style:normal;line-height:13px;text-align:center;
  color:var(--chu-nhat);cursor:help;flex:0 0 auto}
.ycsc-o-but{flex:1;min-width:0;position:relative;display:block}
.ycsc-o-but>.o-nhap{width:100%;padding-left:30px}
.ycsc-o-but::before{content:"";position:absolute;left:9px;top:50%;width:14px;height:14px;
  margin-top:-7px;pointer-events:none;opacity:.5;
  background:no-repeat center/contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23666' d='M410.3 231l11.3-11.3-33.9-33.9-62.1-62.1L291.7 89.8l-11.3 11.3-22.6 22.6L58.6 322.9c-10.4 10.4-18 23.3-22.2 37.4L1 480.7c-2.5 8.4-.2 17.5 6.1 23.7s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L387.7 253.7 410.3 231zM160 399.4l-9.1 22.7c-4 3.1-8.5 5.4-13.3 6.9L59.4 452l23-78.1c1.4-4.9 3.8-9.4 6.9-13.3l22.7-9.1 0 32c0 8.8 7.2 16 16 16l32 0zM362.7 18.7L348.3 33.2 325.7 55.8 314.3 67.1l33.9 33.9 62.1 62.1 33.9 33.9 11.3-11.3 22.6-22.6 14.5-14.5c25-25 25-65.5 0-90.5L453.3 18.7c-25-25-65.5-25-90.5 0zm-47.4 168l-144 144c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l144-144c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z'/%3E%3C/svg%3E")}

/* RIENG KHOI CHI TIET MAN YEU CAU SUA CHUA */
.chi-tiet[data-tab="yeu_cau_sua_chua"] .ct-phieu-ben{
  border:0;padding-left:0;padding-right:0;
  row-gap:var(--cach-3);column-gap:var(--cach-5)}
.chi-tiet[data-tab="yeu_cau_sua_chua"] .ct-phieu-ben-luoi .ct-ben-chu{
  flex:0 0 100px;white-space:nowrap}
.chi-tiet[data-tab="yeu_cau_sua_chua"] .ct-phieu-ben-luoi .ct-ben .o-xo-dep,
.chi-tiet[data-tab="yeu_cau_sua_chua"] .ct-phieu-ben-luoi .ct-ben .o-ngay-gio-ct{
  flex:1;min-width:0;max-width:230px}
/* Dong tieu de phieu tang MOT bac tren thang chu cua du an (12 - 12,5 - 13,5 - 14,5 - 16,5 - 21), y het man Dat hang: ten khach 21, ma phieu 16,5, chip 13,5 */
.chi-tiet[data-tab="yeu_cau_sua_chua"] .ct-phieu-dau h3,
.chi-tiet[data-tab="yeu_cau_sua_chua"] .ct-phieu-dau .ct-td-lk{font-size:var(--chu-20)}
.chi-tiet[data-tab="yeu_cau_sua_chua"] .ct-phieu-dau .ct-ma-mo{font-size:var(--chu-16)}
.chi-tiet[data-tab="yeu_cau_sua_chua"] .ct-phieu-dau .nhan-tt{font-size:var(--chu-13)}

/* Hop "thông tin phiếu thu". Hop nay do tainguyen/js/popup_phieu_thu.js TU DUNG RA roi gan vao <body> (the "Lịch sử thanh toán" cua man Yêu cầu sửa chữa va man Hóa đơn). */
.ht-phieu-thu .pt-khach{margin-top:2px;font-size:var(--chu-12);color:var(--chu-phu)}
.ht-phieu-thu .pt-luoi{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}
.ht-phieu-thu .pt-o{min-width:0}
.ht-phieu-thu .pt-rong{margin-top:14px}
.ht-phieu-thu .pt-nhan{color:var(--chu-phu);font-size:var(--chu-12);margin-bottom:3px}
.ht-phieu-thu .pt-gia{font-weight:500;word-break:break-word;
  border-bottom:1px solid var(--vien);padding-bottom:5px;min-height:22px}
.ht-phieu-thu .pt-so{text-align:right}
.ht-phieu-thu .pt-phan-bo{margin-top:18px}
.ht-phieu-thu .pt-phan-bo-ten{font-weight:600;margin-bottom:8px}
.ht-phieu-thu .bang-pt-phan-bo{width:100%}
.ht-phieu-thu .bang-pt-phan-bo th,
.ht-phieu-thu .bang-pt-phan-bo td{white-space:nowrap;position:static}
.ht-phieu-thu .pt-dong-tong td{font-weight:700}
.ht-phieu-thu .pt-con-lai{margin-top:8px;text-align:right;color:var(--chu-phu)}
/* NHANH RIENG khach hang: hop "Sửa phiếu thu" (them lop .ht-phieu-thu-kh vao #htPhieuThuXem,
   than do may chu ve - than_phieu_thu_kh). Cung bo cuc / co chu voi hop Phieu chi NCC (#htCongNo .pq-*). */
.ht-phieu-thu-kh .hop-thoai{max-width:720px}
.ht-phieu-thu-kh .pt-khach{display:flex;align-items:center;gap:6px}
.ht-phieu-thu-kh .pt-khach:empty{display:none}
.ht-phieu-thu-kh .ptk-mo-kh{display:inline-flex;color:var(--mau-chinh)}
.ht-phieu-thu-kh .ptk-mo-kh .hinh{width:12px;height:12px}
.ht-phieu-thu-kh .ht-chan .ptk-nut-huy{margin-right:auto}
.ht-phieu-thu-kh .pq-tick{margin:var(--cach-2) 0;color:var(--chu-mo);pointer-events:none}
.ht-phieu-thu-kh .pq-tick input{opacity:.5}
.ht-phieu-thu-kh .bang-pq-pb{margin-top:0;width:100%}
.ht-phieu-thu-kh .pq-form .luoi-cn-2{gap:0 var(--cach-4)}
.ht-phieu-thu-kh .pq-form .o-form{margin-bottom:var(--cach-3)}
.ht-phieu-thu-kh .pq-form .o-form label{font-size:var(--chu-12);font-weight:400;color:var(--chu-phu);margin-bottom:4px}
.ht-phieu-thu-kh .pq-form .o-form .o-nhap{padding:6px 10px;font-size:var(--chu-13)}
.ht-phieu-thu-kh .pq-form .o-form .ptk-tong{font-weight:700;color:var(--chu);text-align:right}
.ht-phieu-thu-kh .pq-form .o-ngay-gio-ct{height:30px}
.ht-phieu-thu-kh .pq-form .bang-pq-pb th,.ht-phieu-thu-kh .pq-form .bang-pq-pb td{padding-top:8px;padding-bottom:8px;position:static}
/* Ma hoa don / chip trang thai mot dong: phai thang luat "body[data-khu] .bang-du-lieu tbody td" (cho xuong dong) */
#htPhieuThuXem.ht-phieu-thu-kh .bang-pq-pb th,#htPhieuThuXem.ht-phieu-thu-kh .bang-pq-pb tbody td{white-space:nowrap}
/* Bang phan bo vua khung hop (le ngang o hep lai); man hep thi cuon ngang trong khung, khong tran ra mep hop */
#htPhieuThuXem.ht-phieu-thu-kh .bang-pq-pb th,#htPhieuThuXem.ht-phieu-thu-kh .bang-pq-pb td{padding-left:8px;padding-right:8px}
.ht-phieu-thu-kh .ptk-cuon-pb{overflow-x:auto}
/* NHANH RIENG Tra hang nhap: hop "Phiếu thu" CHI XEM (lop .ht-phieu-thu-thn them canh .ht-phieu-thu-kh, than do may chu ve - than_phieu_thu_thn). O khong sua la CHU THUONG duoi nhan, khong khung. */
.ht-phieu-thu-thn .pq-form .ptn-chu{font-size:var(--chu-13);color:var(--chu);padding:6px 0;min-height:30px;word-break:break-word;white-space:pre-line}

/* Bang trong hop "Cập nhật trạng thái hàng sửa chữa, bảo hành". Tien to 'ycsc-' nhu moi lop rieng cua man Yeu cau sua chua - khong man nao khac dung toi. */
.bang-ycsc-tt{width:100%;border-collapse:collapse;font-size:var(--chu-13)}
.bang-ycsc-tt th{text-align:left;font-weight:600;color:var(--chu-phu);
  padding:8px 10px;border-bottom:1px solid var(--vien);white-space:nowrap}
.bang-ycsc-tt td{padding:8px 10px;border-bottom:1px solid var(--vien-nhat);
  vertical-align:top}
.bang-ycsc-tt tr:last-child td{border-bottom:0}
.bang-ycsc-tt .o-x{width:34px;padding-left:0;padding-right:0;text-align:center}
.bang-ycsc-tt .o-gc{max-width:260px;white-space:normal;color:var(--chu-phu)}
.bang-ycsc-tt select.o-nhap{min-width:150px}
.ycsc-bo-dong{color:var(--chu-mo);font-size:16px;line-height:1}
.ycsc-bo-dong:hover{color:var(--do)}

/* O GHI CHU NAM TREN BANG DONG + HAI NUT Sinh ra tu khoa 'ghi_chu_tren' / 'ten_bang_dong' cua khoi chi tiet. */
/* Nhan cua BANG HANG SUA CHUA dai hon the Giao dịch ("Ngày hoàn thành:" ~112px) nen be ngang 100px lam chu tran ra - noi rieng cho lop nay, the "Giao dịch" van giu 100px. */
.chi-tiet.ct-hang-sc .ct-phieu-ben-luoi .ct-ben-chu{flex:0 0 118px}

.ct-gc-tren{display:flex;gap:var(--cach-3);align-items:flex-start;
  margin:var(--cach-4) 0 var(--cach-3)}
.ct-gc-tren > .o-nhap,
.ct-gc-tren > .ct-ghi-chu-xem{flex:1;min-width:0;min-height:60px}
.ct-gc-nut{display:flex;gap:6px;flex:0 0 auto;padding-top:2px}
/* Hai nut vuong vien mo, hinh NET ben trong */
.nut-o-gc{width:30px;height:30px;display:inline-flex;align-items:center;
  justify-content:center;border:1px solid var(--vien);border-radius:var(--bo-goc);
  background:var(--nen);color:var(--chu-phu);cursor:pointer;padding:0}
.nut-o-gc:hover{border-color:var(--mau-chinh);color:var(--mau-chinh)}
.nut-o-gc svg{width:17px;height:17px;fill:currentColor}
.ct-ten-bang-dong{font-weight:600;font-size:var(--chu-13);color:var(--chu);
  margin:var(--cach-3) 0 var(--cach-2)}

/* Lop nho sau nut KHOA: o nhap mat khau + luoi 9 cham */
.lop-mk-may{position:absolute;z-index:320;min-width:230px;padding:10px;
  background:var(--nen);border:1px solid var(--vien);border-radius:var(--bo-goc);
  box-shadow:var(--bong-noi,0 6px 20px rgba(0,0,0,.14))}
.lop-mk-may .mk-nhan{font-size:var(--chu-13);color:var(--chu);margin-bottom:6px}
.lop-mk-may .mk-o{position:relative;display:flex;align-items:center}
.lop-mk-may .mk-o input{flex:1;min-width:0;padding-right:52px}
.lop-mk-may .mk-nut-trong{position:absolute;right:4px;display:flex;gap:2px}
.mk-nut{width:22px;height:22px;display:inline-flex;align-items:center;
  justify-content:center;border:0;background:transparent;color:var(--chu-phu);
  cursor:pointer;padding:0}
.mk-nut:hover{color:var(--mau-chinh)}
.mk-nut svg{width:14px;height:14px}
.mk-luoi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
  justify-items:center;margin-top:12px}
.mk-cham{width:34px;height:34px;border-radius:50%;border:1px solid var(--vien);
  background:var(--nen);color:var(--chu-phu);font-size:var(--chu-13);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center}
.mk-cham.da-chon{border-color:var(--mau-chinh);color:var(--mau-chinh);font-weight:600}
.mk-cham:hover{border-color:var(--mau-chinh)}

/* Popup "Thêm ảnh hàng sửa chữa": 5 o vuong net dut */
.day-anh-may{display:flex;gap:12px;flex-wrap:wrap;padding:6px 0}
.o-anh-may{width:78px;height:78px;border:1px dashed var(--vien-dam,var(--vien));
  border-radius:var(--bo-goc);display:flex;align-items:center;justify-content:center;
  color:var(--mau-chinh);font-size:22px;cursor:pointer;background:var(--nen-nhat,transparent);
  position:relative;overflow:hidden}
.o-anh-may input[type="file"]{display:none}
.o-anh-may img{width:100%;height:100%;object-fit:cover}
.o-anh-may .bo-anh-may{position:absolute;top:2px;right:4px;color:var(--mau-loi);
  font-size:14px;line-height:1;background:transparent;border:0;cursor:pointer;display:none}
.o-anh-may.co-anh .bo-anh-may{display:block}

/* O mat khau: con mat nam trong o, nut Chep ben canh */
.o-mk-cum{display:flex;align-items:center;gap:var(--cach-2);min-width:0}
.o-mk-trong{position:relative;display:block;flex:1 1 auto;min-width:0}
.o-mk-trong .o-nhap{width:100%;padding-right:36px}
.nut-mk-mat{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;
  display:flex;align-items:center;justify-content:center;border:0;background:none;cursor:pointer;
  color:var(--chu-phu);border-radius:var(--bo-goc);padding:0}
.nut-mk-mat:hover{color:var(--mau-chinh)}
.nut-mk-mat .hinh{width:18px;height:18px}
.nut-mk-mat .mk-dang-hien,.nut-mk-mat.dang-hien .mk-dang-an{display:none}
.nut-mk-mat.dang-hien .mk-dang-hien{display:block}
.nut-mk-chep{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.nut-mk-chep .hinh{width:14px;height:14px}