:root{
  --nen:#f3f5f7; --the:#ffffff; --chu:#1c2530; --mo:#66727f; --vien:#dde3e9; --vien-dam:#c5ced8;
  --chinh:#0e4a5a; --chinh-dam:#08333f; --chinh-nhat:#e3eef1; --nhan:#b8862b;
  --do:#c0392b; --do-nen:#fdecea; --cam:#d35400; --cam-nen:#fff0e1; --vang:#8a6a00; --vang-nen:#fff7d1;
  --xanh:#2e7d32; --xanh-nen:#e7f4e8; --tim:#6a1b9a; --tim-nen:#f3e6f6; --lam:#1659a5; --lam-nen:#e5effa;
  --bong:0 1px 2px rgba(16,30,45,.06),0 1px 6px rgba(16,30,45,.05);
}
*{box-sizing:border-box}
html{font-size:16px}
@media (min-width:1800px){html{font-size:17px}}
body{margin:0;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--chu);background:var(--nen);line-height:1.45}
a{color:var(--chinh);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:1.45rem;margin:0 0 .6rem;font-weight:650;letter-spacing:-.01em}
h2{font-size:1.08rem;margin:0 0 .7rem;font-weight:650;display:flex;align-items:center;gap:.6rem}
h3{font-size:.95rem;margin:1rem 0 .4rem;color:var(--mo);font-weight:600;text-transform:uppercase;letter-spacing:.03em}
small{font-size:.85em}
code{background:#eef1f4;padding:.1rem .35rem;border-radius:4px}
.mo{color:var(--mo)} .do{color:var(--do)!important} .xanh{color:var(--xanh)!important} .giua{text-align:center}
.nhat{font-weight:500;color:var(--chinh)}

/* --- đầu trang --- */
.dau{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1rem;height:56px;padding:0 1rem;
  background:var(--chinh-dam);color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.2)}
.ten-he-thong{display:flex;align-items:center;gap:.7rem;color:#fff;min-width:0}
.ten-he-thong:hover{text-decoration:none}
.ten-he-thong b{display:block;font-size:1.02rem}
.ten-he-thong small{display:block;color:#b9cdd3;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.huy-hieu{display:inline-grid;place-items:center;background:var(--nhan);color:#1b1404;font-weight:800;font-size:.72rem;letter-spacing:.06em;
  border-radius:6px;padding:.35rem .45rem}
.huy-hieu.lon{font-size:1rem;padding:.6rem .8rem;margin-bottom:.8rem}
.tim-nhanh{flex:1;max-width:420px;margin-left:auto}
.tim-nhanh input{width:100%;border:0;border-radius:6px;padding:.5rem .7rem;background:rgba(255,255,255,.12);color:#fff}
.tim-nhanh input::placeholder{color:#a9bfc6}
.tim-nhanh input:focus{background:#fff;color:var(--chu);outline:none}
.nguoi-dung{display:flex;align-items:center;gap:.8rem;text-align:right}
.nguoi-dung small{display:block;color:#b9cdd3}
.kenh-net{color:#ffd27a}
.nut-menu{display:none;background:none;border:0;color:#fff;font-size:1.4rem;cursor:pointer}

/* --- khung --- */
.khung{display:flex;min-height:calc(100vh - 56px)}
.menu{width:200px;flex:none;background:#fff;border-right:1px solid var(--vien);padding:.6rem 0 2rem;position:sticky;top:56px;
  height:calc(100vh - 56px);overflow:auto}
.menu a{display:flex;align-items:center;gap:.4rem;padding:.42rem 1.1rem;color:var(--chu);border-left:3px solid transparent}
.menu a:hover{background:var(--nen);text-decoration:none}
.menu a.on{background:var(--chinh-nhat);border-left-color:var(--chinh);color:var(--chinh-dam);font-weight:600}
.nhom-menu{margin:.9rem 1.1rem .25rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--mo);font-weight:600}
.cham{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--nhan)}
.noi-dung{flex:1;min-width:0;padding:1.2rem 1.4rem 3rem}

/* --- khối --- */
.tieu-de-trang{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.8rem}
.tieu-de-trang h1{margin:0}
.nut-nhom{display:flex;gap:.5rem;flex-wrap:wrap}
.the{background:var(--the);border:1px solid var(--vien);border-radius:10px;padding:1rem 1.1rem;box-shadow:var(--bong);margin-bottom:1rem;min-width:0}
.the.hep{max-width:640px}
.the{overflow-x:auto}
.rong-nho{min-width:130px}
.gon-the{padding:.6rem 1rem}
.gon-the summary{cursor:pointer;font-weight:600}
.luoi-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(460px,1fr));gap:1rem;align-items:start}
.luoi-2>.the{margin-bottom:0}
.luoi-2+.luoi-2,.luoi-2+.the,.the+.luoi-2{margin-top:1rem}

/* thẻ số */
.o-so{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;margin-bottom:1rem}
.the-so{background:#fff;border:1px solid var(--vien);border-radius:10px;padding:.85rem 1rem;color:var(--chu);box-shadow:var(--bong);display:block}
.the-so:hover{text-decoration:none;border-color:var(--chinh)}
.the-so.canh-bao{border-left:4px solid var(--do)}
.nhan-so{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mo);font-weight:600;margin-bottom:.2rem}
.the-so b{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;margin-right:.3rem}
.the-so small{color:var(--mo)}
.thanh{height:6px;background:#e8edf1;border-radius:3px;overflow:hidden;margin:.45rem 0 .15rem}
.thanh i{display:block;height:100%;background:var(--chinh);border-radius:3px}
.thanh.nho{width:90px;margin:0}
.dong-so{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.4rem}
.dong-so div{flex:1;min-width:90px;background:var(--nen);border-radius:8px;padding:.5rem .7rem}
.dong-so b{display:block;font-size:1.35rem;font-variant-numeric:tabular-nums}
.dong-so span{font-size:.8rem;color:var(--mo)}
.dai-tinh{display:flex;flex-wrap:wrap;gap:.6rem;margin:.2rem 0 1rem}
.dai-tinh>div{background:#fff;border:1px solid var(--vien);border-radius:8px;padding:.45rem .8rem;min-width:130px}
.dai-tinh span{display:block;font-size:.75rem;color:var(--mo)}
.dai-tinh b{font-size:1.05rem;font-variant-numeric:tabular-nums}

/* --- bảng --- */
.cuon-ngang{overflow:auto;background:#fff;border:1px solid var(--vien);border-radius:10px;box-shadow:var(--bong)}
.cuon-ngang.cao{max-height:calc(100vh - 260px)}
.the .cuon-ngang{box-shadow:none}
.cuon-doc{max-height:480px;overflow:auto}
.bang{border-collapse:separate;border-spacing:0;width:100%;font-size:.93rem}
.bang th,.bang td{padding:.45rem .6rem;border-bottom:1px solid var(--vien);vertical-align:top;text-align:left}
.bang thead th,.bang>tbody>tr>th,.bang tr:first-child>th{background:#f7f9fa;font-weight:600;font-size:.82rem;color:#3c4a57;position:sticky;top:0;z-index:2}
.bang thead tr:nth-child(2) th{top:31px}
.bang tbody tr:hover td{background:#f5fafb}
.bang tr[data-href]{cursor:pointer}
.bang.gon th,.bang.gon td{padding:.32rem .5rem}
.bang .so,.so{text-align:right;font-variant-numeric:tabular-nums}
.bang tr.dam td{font-weight:650;background:#fafbfc}
.bang tfoot td{background:#f7f9fa;font-weight:600;position:sticky;bottom:0}
.thut{padding-left:1.4rem!important}
.rong-lon{min-width:320px;max-width:520px}
.rong-vua{min-width:220px}
.cat-ngan{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.khong-xuong{white-space:nowrap}
.nho-chu{font-size:.82rem}
.tien{font-variant-numeric:tabular-nums;white-space:nowrap}
th.sx-tang:after{content:" ▲";font-size:.7em}
th.sx-giam:after{content:" ▼";font-size:.7em}
.sap-xep thead th{cursor:pointer}
tr.dong-qua_han td:first-child{box-shadow:inset 3px 0 0 var(--do)}
tr.dong-duoi_1_ngay td:first-child{box-shadow:inset 3px 0 0 var(--cam)}
tr.dong-sap_den_han td:first-child{box-shadow:inset 3px 0 0 #e0b400}

/* bảng rộng theo mẫu bộ phận */
.bang-rong{font-size:.86rem}
.bang-rong th,.bang-rong td{border-right:1px solid #eef1f4;min-width:105px}
.bang-rong td.so{min-width:115px}
.bang-rong .dong-nhom th{text-align:center;background:#e9f0f2;color:var(--chinh-dam);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}
.bang-rong .dinh-1,.bang-rong td.so.dinh-1{position:sticky;left:0;z-index:3;background:#fff;min-width:48px;width:48px;max-width:48px}
.bang-rong .dinh-2{position:sticky;left:48px;min-width:250px;z-index:3;background:#fff;box-shadow:1px 0 0 var(--vien-dam)}
.bang-rong thead .dinh-1,.bang-rong thead .dinh-2{z-index:5;background:#e9f0f2}
.bang-rong tbody tr:hover .dinh-1,.bang-rong tbody tr:hover .dinh-2{background:#f5fafb}
.an-nhom{display:none}
.nhap-chi-tieu input{width:72px;padding:.25rem .35rem;border:1px solid var(--vien);border-radius:4px;text-align:right;font:inherit}
.nhap-chi-tieu input:disabled{background:#f3f5f7;color:#8a96a3;border-color:transparent}
.nhap-chi-tieu td.quy,.chi-tieu .quy{background:#f6f9fb}
.nhap-chi-tieu td.nam,.nhap-chi-tieu th.nam,.chi-tieu th.nam{background:#eef5f1}
.nhap-chi-tieu .dinh-1{position:sticky;left:0;background:#fff;z-index:3;min-width:70px}
.nhap-chi-tieu .dinh-2{position:sticky;left:70px;background:#fff;z-index:3;min-width:110px;box-shadow:1px 0 0 var(--vien-dam)}

/* chip trạng thái */
.chip{display:inline-block;padding:.12rem .5rem;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap;background:#edf0f3;color:#46525e}
.chip-thuong{background:var(--lam-nen);color:var(--lam)}
.chip-sap_den_han{background:var(--vang-nen);color:var(--vang)}
.chip-duoi_1_ngay{background:var(--cam-nen);color:var(--cam)}
.chip-qua_han{background:var(--do-nen);color:var(--do)}
.chip-ht{background:var(--xanh-nen);color:var(--xanh)}
.chip-htqh,.chip-ht_qua_han{background:var(--tim-nen);color:var(--tim)}
.chip-vm{background:#fbe9e1;color:#8d3b16}
.chip-dang{background:var(--lam-nen);color:var(--lam)}
.chip-thu-thap{background:#e2f3f2;color:#0d6e68}
.chip-chua{background:#eef0f2;color:#5d6873}
.chip-chuyen{background:#ececf6;color:#45457a}
.con-ngay{display:block;font-size:.75rem;color:var(--mo)}
.con-ngay.muc-qua_han{color:var(--do)} .con-ngay.muc-duoi_1_ngay{color:var(--cam)}
.tu-dong{color:var(--nhan);font-style:normal;margin-left:2px}
.chu-giai{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin:.2rem 0 .7rem}

/* --- lọc, tab --- */
.bo-loc{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:.8rem}
.bo-loc select,.bo-loc input[type=search],.chon-nam select{padding:.42rem .6rem;border:1px solid var(--vien-dam);border-radius:6px;background:#fff;font:inherit}
.loc-nhanh{min-width:240px}
.tab-loc{display:inline-flex;background:#fff;border:1px solid var(--vien-dam);border-radius:7px;overflow:hidden}
.tab-loc label{padding:.42rem .75rem;cursor:pointer;border-right:1px solid var(--vien);white-space:nowrap}
.tab-loc label:last-child{border-right:0}
.tab-loc label.on{background:var(--chinh);color:#fff}
.tab-loc input{display:none}
.tab{display:flex;gap:.2rem;border-bottom:1px solid var(--vien-dam);margin-bottom:1rem;overflow:auto}
.tab a{padding:.55rem .9rem;color:var(--mo);border-bottom:2px solid transparent;white-space:nowrap}
.tab a.on{color:var(--chinh-dam);border-bottom-color:var(--chinh);font-weight:600}
.tab a:hover{text-decoration:none;color:var(--chu)}
.chuyen-che-do{font-size:.85rem;color:var(--mo);display:flex;gap:.3rem;align-items:center}

/* --- nút --- */
.nut{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .9rem;border-radius:6px;border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.nut:hover{text-decoration:none}
.nut.chinh{background:var(--chinh);color:#fff}
.nut.chinh:hover{background:var(--chinh-dam)}
.nut.nhe{background:#fff;color:var(--chinh-dam);border-color:var(--vien-dam)}
.nut.nhe:hover{border-color:var(--chinh)}
.dau .nut.nhe{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.nut.nho{padding:.2rem .55rem;font-size:.8rem}
.nut.nguy-hiem{background:var(--do);color:#fff}
.nut.rong{width:100%;justify-content:center;padding:.65rem}

/* --- biểu mẫu --- */
.bieu-mau{max-width:1200px}
.nhom-truong{border:1px solid var(--vien);border-radius:10px;background:#fff;margin:0 0 .9rem;padding:.6rem 1rem 1rem}
.nhom-truong legend{font-weight:650;color:var(--chinh-dam);padding:0 .4rem}
.luoi-truong{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.7rem 1rem}
.truong{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.4rem}
.truong>span{font-size:.82rem;color:#4a5662;font-weight:500}
.truong input,.truong select,.truong textarea{font:inherit;padding:.45rem .55rem;border:1px solid var(--vien-dam);border-radius:6px;background:#fff;width:100%}
.truong input:focus,.truong select:focus,.truong textarea:focus{outline:2px solid #9cc7d1;border-color:var(--chinh)}
.truong input:disabled,.truong select:disabled,.truong textarea:disabled{background:#f5f7f9;color:#3a4652;border-color:#e6ebef}
.truong-area{grid-column:1/-1}
.truong-bool{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:.5rem}
.truong-bool input{width:auto;transform:scale(1.15)}
.o-tien{text-align:right;font-variant-numeric:tabular-nums}
.thanh-luu{position:sticky;bottom:0;background:rgba(243,245,247,.94);padding:.7rem 0;display:flex;gap:.5rem;border-top:1px solid var(--vien);z-index:5;grid-column:1/-1}
.hang-chon{display:flex;flex-wrap:wrap;gap:.4rem 1rem}
.gop-y-moi{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.8rem}
.gop-y-moi textarea{font:inherit;padding:.45rem;border:1px solid var(--vien-dam);border-radius:6px}
.gop-y-moi .nut{align-self:flex-start}
.gop-y{border-top:1px solid var(--vien);padding:.5rem 0}
.gop-y p{margin:.25rem 0 .35rem;white-space:pre-wrap}
.gop-y.da-xu-ly{opacity:.65}
.vung-xoa{margin-top:1rem;border-top:1px dashed var(--vien-dam);padding-top:.6rem}
.vung-xoa summary{cursor:pointer;color:var(--do)}
.vung-xoa form{display:flex;gap:.8rem;align-items:center;margin-top:.5rem;flex-wrap:wrap}

.bao-loi{background:var(--do-nen);border:1px solid #f3c2bc;color:#8b2117;border-radius:8px;padding:.6rem .9rem;margin-bottom:.9rem}
.bao-loi ul{margin:.3rem 0 0;padding-left:1.2rem}
.bao-tin{background:#eef6f8;border:1px solid #cfe3e8;border-radius:8px;padding:.6rem .9rem;margin-bottom:.9rem}
.bao-mk{background:#fff8e1;border:1px solid #f0d58a;border-radius:8px;padding:.8rem 1rem;margin-bottom:1rem}
.bao-mk code{font-size:1.2rem;padding:.2rem .5rem}
.ghi-chu-nho{font-size:.82rem;color:var(--mo);margin:.5rem 0 0}
.hop-loi{max-width:560px;margin:4rem auto;background:#fff;padding:1.5rem;border-radius:10px;border:1px solid var(--vien)}

/* --- đăng nhập --- */
.trang-dang-nhap{display:grid;place-items:center;min-height:100vh;background:linear-gradient(160deg,#08333f 0%,#0e4a5a 55%,#1d6b7a 100%)}
.hop-dang-nhap{background:#fff;border-radius:14px;padding:2rem 2rem 1.4rem;width:min(380px,92vw);box-shadow:0 20px 60px rgba(0,0,0,.25);text-align:left}
.hop-dang-nhap h1{margin:.2rem 0}
.hop-dang-nhap .phu{color:var(--mo);margin:0 0 1.2rem;font-size:.9rem}
.hop-dang-nhap .truong{margin-bottom:.8rem}

@media (max-width:900px){
  .nut-menu{display:block}
  .menu{position:fixed;left:0;top:56px;z-index:40;transform:translateX(-100%);transition:transform .2s;box-shadow:2px 0 12px rgba(0,0,0,.15)}
  .menu.mo-menu{transform:none}
  .ten-he-thong small,.nguoi-dung small,.nguoi-dung span{display:none}
  .noi-dung{padding:1rem .8rem 3rem}
  .luoi-2{grid-template-columns:1fr}
  .tim-nhanh{max-width:none}
  .loc-nhanh{min-width:0;flex:1}
}
@media print{
  .dau,.menu,.bo-loc,.nut,.thanh-luu,.tab{display:none!important}
  .cuon-ngang{overflow:visible;border:0;box-shadow:none}
  body{background:#fff}
}

.canh-bao-vb .cat-ngan{max-width:190px}
.canh-bao-vb td:last-child{white-space:nowrap}

/* --- chấm công --- */
.cc-tab a{display:flex;align-items:center;gap:.3rem}
.cc-dau{font-style:normal;font-weight:700}
.cc-dau.ok{color:var(--xanh)} .cc-dau.gui{color:var(--cam)}
.cc-trang-thai{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.7rem 1rem}
.cc-khoang{margin-bottom:1rem}
.cc-khoa{background:var(--vang-nen);border-color:#ecd98a}
.cc-chu-giai{margin:0;font-size:.85rem;color:var(--mo)}
.bang-cc th,.bang-cc td{padding:.25rem .3rem}
.bang-cc th.cc-ngay{min-width:2.3rem;text-align:center;font-size:.78rem;padding:.2rem .1rem}
.bang-cc th.cc-ngay.nghi{background:#e4e7eb;color:#7a8590}
.bang-cc td.cc-td{padding:1px;text-align:center}
.bang-cc td.cc-td.nghi{background:#eceef1}
.bang-cc td.cc-td.ngoai{background:#f8cbad}
.bang-cc .dinh-1{position:sticky;left:0;z-index:3;background:#fff;min-width:36px}
.bang-cc .dinh-2{position:sticky;left:36px;z-index:3;background:#fff;box-shadow:1px 0 0 var(--vien)}
.bang-cc thead .dinh-1,.bang-cc thead .dinh-2{z-index:5;background:#e9f0f2}
.bang-cc tr.cc-nhom td{background:var(--chinh-nhat);font-weight:600;position:sticky;left:0}
.bang-cc tfoot td{background:#f6f8fa}
.o-cc{appearance:none;-webkit-appearance:none;width:2.3rem;height:1.75rem;border:1px solid transparent;border-radius:4px;
  text-align:center;text-align-last:center;font:inherit;font-size:.82rem;font-weight:600;background:transparent;cursor:pointer;padding:0}
.o-cc:hover{border-color:var(--vien-dam)} .o-cc:focus{outline:2px solid var(--chinh);outline-offset:-1px}
.o-cc.doi{box-shadow:inset 0 -3px 0 var(--cam)}
.cc-o{display:inline-block;min-width:1.9rem;font-style:normal;font-weight:600;font-size:.82rem;border-radius:4px;padding:.12rem .2rem;text-align:center}
.cc-o.ngoai{background:#f8cbad;height:1rem} .cc-o.nghi{background:#e4e7eb;height:1rem}
.ma-X{color:#5b6672} .ma-P{background:var(--vang-nen);color:var(--vang)} .ma-H{background:var(--lam-nen);color:var(--lam)}
.ma-nua{background:linear-gradient(135deg,var(--vang-nen) 50%,#fff 50%);color:var(--cam);font-size:.72rem!important}
.cc-gc{width:15rem;border:1px solid var(--vien);border-radius:5px;padding:.2rem .35rem;font:inherit;font-size:.82rem}
.cc-di-den{min-width:14rem;max-width:22rem}
.cc-thanh-luu{align-items:center}
.cc-ns-gd{width:100%;border-collapse:collapse;margin:.4rem 0}
.cc-ns-gd td,.cc-ns-gd th{padding:.25rem .35rem;border-bottom:1px solid var(--vien);text-align:left;font-size:.85rem}
.cc-ns-gd input,.cc-ns-gd select{width:100%;padding:.25rem .3rem;border:1px solid var(--vien-dam);border-radius:4px;font:inherit}
.bang-cc td{vertical-align:middle}
.bang-cc thead tr:first-child th{height:30px;white-space:nowrap}
.bang-cc thead tr:nth-child(2) th{top:30px;height:24px}
/* đồng bộ Google Sheets */
.moc-dong-bo{margin:1.2rem 1.1rem .5rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.12);font-size:.72rem;color:var(--mo);line-height:1.4}
.bao-tin.loi{background:#fdf0ee;border-color:#f0c9c2}
.bao-cao-md h2,.bao-cao-md h3,.bao-cao-md h4{margin:1rem 0 .4rem;font-size:1rem}
.bao-cao-md .md-dong{margin:.15rem 0}
.bao-cao-md .cuon-doc{margin:.4rem 0 .8rem}
pre.ma{background:#f5f5f2;padding:.6rem;overflow:auto;font-size:.78rem;white-space:pre-wrap}
.nut:disabled{opacity:.45;cursor:not-allowed}
/* lịch sử Google Sheets */
.luoi-ls{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;align-items:start}
@media (max-width:1100px){.luoi-ls{grid-template-columns:1fr}}
.dong-cong-cu{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.5rem}
.dong-cong-cu h2{margin:0}
.chip-ls{display:inline-block;padding:.08rem .45rem;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap;background:var(--lam-nen);color:var(--lam)}
.chip-ls.ls-xoa_dong,.chip-ls.ls-xoa_sheet{background:var(--do-nen);color:var(--do)}
.chip-ls.ls-them_dong,.chip-ls.ls-them_sheet{background:var(--xanh-nen);color:var(--xanh)}
.chip-ls.ls-tom_tat{background:var(--cam-nen);color:var(--cam)}
.bang-ls > tbody > tr.ls-xoa_dong > td:first-child{box-shadow:inset 3px 0 0 var(--do)}
.bang-ls td{vertical-align:top}
.ls-nhan{min-width:260px;max-width:460px}
.ls-cu{color:#7a2b22;max-width:260px;word-break:break-word} .ls-moi{max-width:260px;word-break:break-word}
.chep-nho{border:1px solid var(--vien-dam);background:#fff;border-radius:4px;cursor:pointer;font-size:.75rem;padding:0 .3rem;color:var(--chinh)}
.chi-tiet-dong{margin:.35rem 0;font-size:.78rem} .chi-tiet-dong td{padding:.15rem .35rem}
.huong-dan-ph{margin-bottom:.9rem} .huong-dan-ph summary{cursor:pointer} .huong-dan-ph ol{margin:.5rem 0 0;padding-left:1.2rem;line-height:1.55}
.phan-trang{display:flex;gap:1rem;justify-content:center;margin:.8rem 0 0}
.bo-loc input[type=text]{padding:.42rem .6rem;border:1px solid var(--vien-dam);border-radius:6px;background:#fff;font:inherit;width:9.5rem}
.bang-ls td:nth-child(7){min-width:90px}
.bang-ls td:nth-child(3){min-width:110px}
.vung-chep{position:fixed;left:-9999px;top:0;width:1px;height:1px}
/* ============ trang tổng quan (bảng điều khiển) ============ */
.db-dau h1{font-weight:600;letter-spacing:.01em}
.db-the-so{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
@media (max-width:1200px){.db-the-so{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.db-the-so{grid-template-columns:1fr}}
.db-so{display:flex;flex-direction:column;gap:.35rem;background:#fff;color:var(--chu);border-radius:4px;padding:1.1rem 1.2rem 1rem;
  box-shadow:0 6px 18px rgba(16,30,45,.08),0 1px 3px rgba(16,30,45,.06);border:0;min-height:150px}
.db-so:hover{text-decoration:none;box-shadow:0 8px 22px rgba(16,30,45,.13)}
.db-so .db-nhan{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mo)}
.db-so>b{font-size:2.05rem;font-weight:400;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.db-so>b small{font-size:.85rem;color:var(--mo);font-weight:400;letter-spacing:0}
.db-so .db-phu{font-size:.82rem;color:var(--mo);margin-top:auto}
.db-bieu-tuong{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.db-so.nhan-manh{background:linear-gradient(135deg,#14627a,#0e4a5a);color:#fff}
.db-so.nhan-manh .db-nhan,.db-so.nhan-manh .db-phu,.db-so.nhan-manh>b small{color:rgba(255,255,255,.82)}
.db-so.nhan-manh .db-thanh{background:rgba(255,255,255,.22)} .db-so.nhan-manh .db-thanh i{background:#fff}
.db-so.nhan-manh .db-moc{border-color:#ffd27a}
.db-so.canh-bao{box-shadow:inset 4px 0 0 var(--do),0 6px 18px rgba(16,30,45,.08)}
.db-thanh{position:relative;height:8px;background:#e8edf1;border-radius:4px;margin:.3rem 0 .15rem}
.db-thanh i{display:block;height:100%;background:#1b7a96;border-radius:4px}
.db-moc{position:absolute;top:-4px;bottom:-4px;width:0;border-left:2px dashed #5b6672}
.db-luoi{display:grid;gap:1rem;align-items:stretch;margin-bottom:1rem}
.db-luoi>.the{margin-bottom:0}
.db-luoi-5-7{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.db-luoi-7-5{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.db-luoi-6-6{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:1100px){.db-luoi-5-7,.db-luoi-7-5,.db-luoi-6-6{grid-template-columns:1fr}}
.db-tieu-de-the{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.4rem}
.db-tieu-de-the h2{margin:0}
.db-chu-giai{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.78rem;color:var(--mo)}
.db-chu-giai i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-left:.5rem}
.db-bang-bp td{vertical-align:middle;min-width:150px}
.db-bang-bp td:first-child{min-width:70px}
.db-o-thanh{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-variant-numeric:tabular-nums;font-size:.88rem}
.db-tl{font-weight:700;font-size:.82rem} .db-tl.tot{color:#1a7a52} .db-tl.sau-td{color:#b85400}
.db-chong{display:flex;gap:2px;height:12px;border-radius:3px;overflow:hidden;min-width:180px}
.db-chong i{display:block;min-width:3px}
.db-chong.lon{height:20px;margin:.3rem 0 .2rem}
.db-chong.lon i{color:#fff;font-style:normal;font-size:.72rem;font-weight:700;text-align:center;line-height:20px;overflow:hidden}
.db-chong-so{font-size:.76rem;color:var(--mo);margin-top:.2rem}
.db-ke-hoach{display:block;color:var(--chu);padding:.55rem .6rem;margin:0 -.6rem .5rem;border-radius:6px}
.db-ke-hoach:hover{background:var(--nen);text-decoration:none}
.db-bc .cat-ngan{max-width:300px}
.db-o-mau{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
@media (max-width:1200px){.db-o-mau{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.db-o-mau{grid-template-columns:repeat(2,minmax(0,1fr))}}
.db-o-mau a{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;color:#fff;border-radius:4px;padding:1rem 1.1rem;
  box-shadow:0 6px 16px rgba(16,30,45,.12)}
.db-o-mau a:hover{text-decoration:none;filter:brightness(1.08)}
.db-o-mau b{font-size:1.65rem;font-weight:400;font-variant-numeric:tabular-nums}
.db-o-mau span{font-size:.8rem;opacity:.92;line-height:1.3}
.db-o-mau a:nth-child(1){background:#14627a} .db-o-mau a:nth-child(2){background:#0e4a5a}
.db-o-mau a:nth-child(3){background:#1b7a96} .db-o-mau a:nth-child(4){background:#2a6f8f}
.db-o-mau a:nth-child(5){background:#24566e} .db-o-mau a:nth-child(6){background:#2a93b0}
.db-chi-tiet summary{cursor:pointer}
.db-bang-bp .db-o-thanh span:first-child{white-space:nowrap}
.db-bc td:last-child{max-width:160px}
.lk-doi-mk{color:inherit;text-decoration:underline;opacity:.85}

/* ============ cỡ chữ dễ đọc cho màn hình Full HD: không dùng chữ dưới ~14px ============ */
.menu{width:236px}
.nhom-menu{font-size:.8rem}
.ten-he-thong small,.moc-dong-bo{font-size:.82rem}
.huy-hieu{font-size:.8rem}
.nhan-so,.dong-so span,.dai-tinh span,.con-ngay,.chip,.chip-ls,.chep-nho{font-size:.85rem}
.bang{font-size:.95rem}
.bang thead th,.bang>tbody>tr>th,.bang tr:first-child>th{font-size:.9rem}
.nho-chu,.ghi-chu-nho,.truong>span,.nut.nho,.cc-chu-giai,.chi-tiet-dong,pre.ma,.bang-rong{font-size:.9rem}
.bang-rong .dong-nhom th{font-size:.85rem}
.db-so .db-nhan{font-size:.88rem}
.db-so .db-phu{font-size:.92rem}
.db-so>b small{font-size:1rem}
.db-chu-giai{font-size:.9rem}
.db-chu-giai i{width:14px;height:14px;border-radius:3px;margin-left:.8rem}
.db-o-thanh{font-size:.95rem}
.db-tl{font-size:.95rem}
.db-chong-so{font-size:.88rem}
.db-chong.lon{height:24px}.db-chong.lon i{font-size:.85rem;line-height:24px}
.db-o-mau span{font-size:.92rem}
.db-o-mau b{font-size:1.8rem}
.db-thanh{height:10px}
.db-luoi-8-4{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.db-luoi-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1300px){.db-luoi-8-4,.db-luoi-3{grid-template-columns:1fr}}

/* ============ biểu đồ cột HTML (bieu_do.cot) ============ */
.bd{display:grid;grid-template-columns:auto 1fr;gap:0 .6rem;padding:1.6rem .3rem 2.4rem 0}
.bd-truc{position:relative;height:var(--cao);min-width:2.6rem}
.bd-truc span{position:absolute;right:0;transform:translateY(50%);font-size:.88rem;color:var(--mo);font-variant-numeric:tabular-nums;white-space:nowrap}
.bd-vung{position:relative;height:var(--cao);display:flex;align-items:stretch;border-bottom:1.5px solid #9aa6b1}
.bd-luoi{position:absolute;left:0;right:0;border-top:1px solid #e6eaee}
.bd-duong{position:absolute;left:0;right:0;border-top:2px solid #3d4852;z-index:3;pointer-events:none}
.bd-duong.d-tg{border-top:2px dashed #b85400}
.bd-duong em{position:absolute;left:4px;bottom:2px;font-style:normal;font-size:.85rem;font-weight:600;color:#3d4852;background:rgba(255,255,255,.88);padding:0 .3rem;border-radius:3px}
.bd-duong.d-tg em{color:#b85400;bottom:auto;top:3px}
.bd-nhom{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
.bd-cac{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:100%;padding:0 10%}
.bd-cot{position:relative;flex:1;max-width:64px;min-width:22px;border-radius:5px 5px 0 0;z-index:2;transition:filter .15s}
.bd-cot:hover{filter:brightness(1.12)}
.bd-cot b{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding-bottom:3px;font-size:.92rem;font-weight:700;color:var(--chu);white-space:nowrap;font-variant-numeric:tabular-nums}
.bd-nhan{position:absolute;top:100%;left:0;right:0;text-align:center;padding-top:.45rem;font-size:.95rem;font-weight:600;color:#3c4a57;white-space:nowrap}
.c-ct{background:#c5d9e0} .c-th{background:#0f7fa0} .c-cuoc{background:#0f7fa0} .c-thu{background:#e08a00}
@media (min-width:901px){.menu{height:calc(100vh - 56px);overflow-y:auto;align-self:flex-start}}
.canh-bao-vb .cat-ngan,.db-bc .cat-ngan{max-width:340px}
input[type=month],input[type=date]{font:inherit;font-size:1rem;padding:.4rem .55rem;border:1px solid var(--vien-dam);border-radius:6px;background:#fff}
/* tiêu đề năm dưới biểu đồ, mũi tên chuyển năm */
.bd-nam{display:flex;justify-content:center;align-items:center;gap:1rem;margin:.2rem 0 .3rem;font-size:1.05rem}
.bd-nam b{font-weight:700;color:var(--chinh-dam);min-width:6.5rem;text-align:center}
.bd-mui{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid var(--vien-dam);background:#fff;color:var(--chinh);font-size:.9rem;line-height:1}
a.bd-mui:hover{background:var(--chinh);color:#fff;text-decoration:none}
.bd-mui.tat{opacity:.3;cursor:default}
.bd-cot b small{display:block;font-size:.85rem;font-weight:700;color:#0b5e77}
.the[id]{scroll-margin-top:70px}
.bd{padding-top:2.9rem}
.bd-duong.d-tg em{left:auto;right:4px;top:auto;bottom:2px}
/* tiêu đề: logo ngành + cụm chữ */
.dau{height:64px}
.logo-nganh{height:48px;width:auto;flex:none;display:block}
.chu-nganh{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.chu-nganh em{font-style:normal;font-weight:700;font-size:.82rem;letter-spacing:.09em;text-transform:uppercase;color:#f2c94c}
.chu-nganh b{font-size:1.15rem}
.menu{top:64px}
@media (min-width:901px){.menu{height:calc(100vh - 64px)}}
.khung{min-height:calc(100vh - 64px)}
.the[id]{scroll-margin-top:80px}

/* ================= giao diện theo Cổng thông tin Hải quan Việt Nam (customs.gov.vn) ================= */
:root{--chinh:#0f70b6;--chinh-dam:#00469c;--chinh-nhat:#e4eff9;--hq-xanh:#00469c;--hq-xanh-2:#0f70b6;--hq-vang:#ffeb3b;--nen:#eef1f5}
.dau{height:72px;background:linear-gradient(90deg,#00469c 0%,#00469c 55%,#0a5bb0 100%);border-bottom:4px solid var(--hq-vang)}
.logo-nganh{height:56px}
.chu-nganh em{color:#fff;font-size:1.3rem;font-weight:800;letter-spacing:.02em;line-height:1.1}
.chu-nganh b{color:var(--hq-vang);font-size:1rem;font-weight:600}
.ten-he-thong small,.chu-nganh small{color:#d6e4f5}
.menu{top:76px}
@media (min-width:901px){.menu{height:calc(100vh - 76px)}}
.khung{min-height:calc(100vh - 76px)}
.the[id]{scroll-margin-top:90px}
.tim-nhanh input{background:rgba(255,255,255,.95);color:var(--chu);border-color:transparent}
.tim-nhanh input::placeholder{color:#6b7a8c}
.dau .nut.nhe{border-color:rgba(255,255,255,.55)}
/* menu trái */
.menu a.on{background:var(--chinh-nhat);border-left-color:var(--hq-xanh-2);color:var(--hq-xanh);font-weight:700}
.nhom-menu{color:var(--hq-xanh);opacity:.8}
/* tiêu đề khung: dải xanh chữ trắng như "Tin tức sự kiện" */
.the{border-radius:6px}
.the>h2:first-child,.the>.db-tieu-de-the:first-child{margin:-1rem -1.1rem .9rem;padding:.65rem 1.1rem;border-radius:6px 6px 0 0;
  background:linear-gradient(180deg,#1679c2 0%,#0f70b6 60%,#0b62a3 100%);color:#fff}
.the>.db-tieu-de-the:first-child h2{color:#fff;margin:0}
.the>.db-tieu-de-the:first-child .db-chu-giai{color:#eaf3fb}
.the>.db-tieu-de-the:first-child .db-chu-giai i{outline:2px solid #fff}
.the>.db-tieu-de-the:first-child .nut.nhe{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.the>h2:first-child small,.the>h2:first-child .mo{color:#dceaf7}
.the>h2:first-child .nut{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.db-chi-tiet summary{color:var(--hq-xanh)}
/* màu biểu đồ và thẻ số theo xanh hải quan */
.c-ct{background:#c7dbef} .c-th,.c-cuoc{background:#0f70b6} .c-thu{background:#e08a00}
.bd-cot b small{color:#0b4f8c}
.db-so.nhan-manh{background:linear-gradient(135deg,#0f70b6,#00469c)}
.db-so.nhan-manh .db-moc{border-color:var(--hq-vang)}
.db-thanh i{background:#0f70b6}
.bd-nam b{color:var(--hq-xanh)}
.db-o-mau a:nth-child(1){background:#00469c} .db-o-mau a:nth-child(2){background:#0f70b6} .db-o-mau a:nth-child(3){background:#0b5da8}
.db-o-mau a:nth-child(4){background:#1679c2} .db-o-mau a:nth-child(5){background:#00539e} .db-o-mau a:nth-child(6){background:#2384c9}
/* chân trang */
.chan-trang{margin:1.5rem -1.5rem -1.5rem;padding:1rem 1.5rem;background:#00469c;border-top:4px solid var(--hq-vang);color:#e4eef9;font-size:.92rem}
.chan-trang b{color:#fff;text-transform:uppercase;letter-spacing:.03em}
/* đăng nhập */
.trang-dang-nhap{background:linear-gradient(160deg,#00469c 0%,#0f70b6 60%,#2384c9 100%)}
.logo-dang-nhap{width:96px;height:96px;display:block;margin:0 auto .6rem}
.chu-nganh-dn{text-align:center;font-weight:800;font-size:1.25rem;color:var(--hq-xanh);text-transform:uppercase;letter-spacing:.03em}
.hop-dang-nhap{border-top:5px solid var(--hq-vang)}
@media (max-width:900px){.dau{height:64px}.logo-nganh{height:44px}.chu-nganh em{font-size:1.05rem}.menu{top:68px}}
.chan-trang{margin:2rem -1.4rem -3rem}
@media (max-width:900px){.chan-trang{margin:2rem -.8rem -3rem}}
.hop-dang-nhap h1,.hop-dang-nhap .phu{text-align:center}
/* tiêu đề 2 dòng như customs.gov.vn */
.chu-nganh em{font-size:1.45rem}
.chu-nganh b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chu-nganh b small{display:inline;color:#e4eef9;font-weight:400;font-size:.9rem}
/* chú giải trên dải xanh: nền trắng để thấy rõ màu */
.the>.db-tieu-de-the:first-child .db-chu-giai{background:#fff;color:var(--chu);border-radius:999px;padding:.2rem .8rem .2rem .2rem}
.the>.db-tieu-de-the:first-child .db-chu-giai i{outline:none}

/* ===== nút menu kiểu nút xanh của customs.gov.vn (gradient #0093cf → #006ab3, chữ trắng) ===== */
.menu{background:#f4f7fb;padding:.7rem 0 2rem}
.menu a{margin:.32rem .7rem;padding:.6rem .85rem;border-radius:5px;border:0;border-left:0;color:#fff;font-weight:600;font-size:.95rem;
  background:linear-gradient(180deg,#0093cf 0%,#0085c5 45%,#006ab3 100%);box-shadow:0 1px 2px rgba(0,40,90,.25);text-transform:uppercase;letter-spacing:.01em;line-height:1.25}
.menu a:hover{background:linear-gradient(180deg,#00a0dc 0%,#0078bf 100%);color:#fff;text-decoration:none}
.menu a.on{background:linear-gradient(180deg,#0a4fa3 0%,#00469c 100%);color:#fff;box-shadow:inset 4px 0 0 var(--hq-vang),0 1px 2px rgba(0,40,90,.3)}
.menu a .cham{background:var(--hq-vang)}
.nhom-menu{margin:1rem .8rem .2rem;color:#00469c;opacity:1;font-weight:700}
.moc-dong-bo{color:#46566a;border-top-color:#d5dde7}
/* menu bộ phận hàng ngang */
.menu-bp{display:flex;flex-wrap:wrap;gap:.5rem;margin:.2rem 0 1rem}
.menu-bp a{display:inline-flex;align-items:center;gap:.35rem;min-width:5.2rem;justify-content:center;padding:.55rem 1.1rem;border-radius:5px;
  color:#fff;font-weight:700;font-size:1rem;letter-spacing:.02em;background:linear-gradient(180deg,#0093cf 0%,#0085c5 45%,#006ab3 100%);box-shadow:0 1px 2px rgba(0,40,90,.25)}
.menu-bp a:hover{background:linear-gradient(180deg,#00a0dc 0%,#0078bf 100%);text-decoration:none}
.menu-bp a.on{background:linear-gradient(180deg,#0a4fa3 0%,#00469c 100%);box-shadow:inset 0 -4px 0 var(--hq-vang)}
.menu-bp .cham{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--hq-vang)}
/* đăng nhập */
.chu-nganh-dn{font-size:1.15rem;letter-spacing:.02em}
.ten-doi-dn{text-align:center;font-weight:800;font-size:1.3rem;line-height:1.3;color:#00469c;margin:.25rem 0 .9rem}
.hop-dang-nhap{width:min(560px,94vw)}
.hop-dang-nhap h1{font-size:1.45rem;color:var(--chu);margin-bottom:1.1rem}

/* ---------------------------------------------------------------- nghỉ phép · đi học · CNTT */
.mo{color:var(--mo)}
.mau-do{color:var(--do)}
.o-rong{width:100%;min-width:220px}
.o-nho{width:110px;padding:.2rem .4rem;font-size:.85rem}
.o-so{width:70px;text-align:right}
.truong-rong{grid-column:span 2}
.luoi-np{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(380px,1fr);gap:1rem;align-items:start}
.luoi-np>.the{margin-bottom:0}
.np-lenh{white-space:nowrap}
.np-lenh form{display:inline-flex;gap:.25rem;margin:.15rem 0}
.np-cho_duyet{background:var(--vang-nen);color:var(--vang)}
.np-da_duyet{background:var(--xanh-nen);color:var(--xanh)}
.np-tu_choi{background:var(--do-nen);color:var(--do)}
.np-da_huy{background:#eef0f2;color:#7a838c;text-decoration:line-through}
.np-thanh{height:12px;background:#e7ecee;border-radius:6px;overflow:hidden;min-width:160px}
.np-thanh i{display:block;height:100%;background:var(--hq-xanh-2,#0f70b6)}
.ht-offline{background:#e3eefb;color:#00469c}
.ht-online{background:#e2f3f2;color:#0d6e68}
.ht-ket_hop{background:#efe9fb;color:#5a3fb0}
.dt-hv{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.8rem}
.dt-hv fieldset{border:1px solid var(--vien);border-radius:8px;padding:.5rem .8rem;margin:0}
.dt-hv legend{font-weight:650;color:var(--hq-xanh,#00469c);padding:0 .3rem}
.dt-o{display:block;padding:.22rem 0;cursor:pointer}
.dt-o small{display:block;margin-left:1.5rem}
.cntt-ma-tran th.cntt-pm{text-align:center;min-width:96px;font-size:.8rem}
.cntt-ma-tran .cntt-ten{position:sticky;left:0;background:#fff;z-index:3;min-width:230px;box-shadow:1px 0 0 var(--vien-dam)}
.cntt-ma-tran thead .cntt-ten{z-index:5;background:#f7f9fa}
.cntt-o{text-align:center;vertical-align:middle!important}
.cntt-o a:hover{text-decoration:none}
.tk{display:inline-block;padding:.12rem .45rem;border-radius:5px;font-size:.82rem;font-weight:600;white-space:nowrap}
.tk-dang_dung{background:var(--xanh-nen);color:var(--xanh)}
.tk-cho_cap,.tk-cho_dieu_chinh{background:var(--vang-nen);color:var(--vang)}
.tk-cho_huy{background:var(--cam-nen);color:var(--cam)}
.tk-tam_khoa{background:#eef0f2;color:#5d6873}
.tk-da_huy{background:#eef0f2;color:#9aa2aa;text-decoration:line-through}
.tk-khong{color:#c3cad1;font-weight:400}
.tk-tt{display:block;font-size:.72rem;color:var(--mo)}
.cntt-chu-giai .tk{margin-right:.3rem}
.dn-cap_moi{background:var(--xanh-nen);color:var(--xanh)}
.dn-dieu_chinh{background:var(--lam-nen);color:var(--lam)}
.dn-huy{background:var(--do-nen);color:var(--do)}
@media (max-width:1100px){.luoi-np{grid-template-columns:1fr}.truong-rong{grid-column:auto}}
.o-rong,.o-so,.o-ma,.o-nho{font:inherit;padding:.3rem .45rem;border:1px solid var(--vien-dam);border-radius:5px;background:#fff}
.o-ma{width:110px}
.luoi-dn{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1rem;align-items:start}
.luoi-dn>.the{margin-bottom:0}
.luoi-dn .luoi-truong{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1300px){.luoi-dn{grid-template-columns:1fr}}
.luoi-np{grid-template-columns:minmax(0,2.3fr) minmax(400px,1fr)}
.np-ten{min-width:190px}
.np-lenh{width:1%}
.np-nut{display:flex;flex-direction:column;gap:.3rem;min-width:118px}
.np-nut form{display:block;margin:0}
.np-nut .nut{width:100%;justify-content:center}
.cntt-o .tk{display:block;margin:.12rem auto;width:max-content}
.tk-kx{display:inline-block;margin-left:.3rem;padding:0 .25rem;border-radius:3px;background:#00469c;color:#fff;font-size:.65rem;font-style:normal;vertical-align:1px}
.tk-luu{display:inline-block;margin-left:.25rem;color:var(--cam);font-style:normal;font-weight:800}
.chon-o{display:inline-flex;gap:.35rem;align-items:center;cursor:pointer}
.tk-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(560px,1fr));gap:1rem;align-items:start}
.tk-luoi>.the{margin-bottom:0}