/*
* Giao dien dung chung cua app TBD.
*
* Chep nguyen van tu Github/LSCV/LSCV-Core/PHONG-CACH-LSCV.md va tu
* LSCV-Storage / LSCV-Dashboard, theo y Harry 16/09: "giong het LSCV, ca
* mau". Cho nao ba app LSCV khac nhau thi lay ban Storage/Debt - .panel,
* o bang 12,5px, trang 1500px, .note, dong con .kid - ban danh cho danh
* sach chu khong phai chung tu in.
*
* Tach ra khoi danh-muc/index.html ngay 23/09/2026 khi dung man thu hai.
* Hai ban chep se lech nhau; mot ban thi khong.
*/
/*
* Every rule here is copied verbatim from Github/LSCV/LSCV-Core/
* PHONG-CACH-LSCV.md and from LSCV-Storage / LSCV-Dashboard, per Harry's
* "identical to LSCV, colours included" (16/09). Where the three LSCV apps
* differ this file takes the Storage/Debt variant - .panel, 12.5px cells,
* 1500px page, .note, .kid rows - the one built for lists.
*
* The login card is LSCV's (mục 8) with one change Harry asked for: a
* password, not an emailed code.
*/
:root{--navy:#0A1E5A;--navy-2:#132C6E;--red:#FA002D;--ink:#111827;--muted:#6B7280;--faint:#98A2B3;
--paper:#F2F4F8;--line:#DCE1EB;--line-2:#EEF1F6;--tier:#EDF1F8;--card:#FFFFFF;
--ok:#1E8E5A;--ok-soft:#DEF3E6;--warn:#B8860B;--warn-soft:#FBF0D9;}
*{box-sizing:border-box;} html,body{margin:0;padding:0;}
body{font-family:'Inter',sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;}
.hidden{display:none !important;}
.wrap{max-width:1500px;margin:0 auto;padding:18px 22px 70px;}
header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
.brand-logo{height:39px;width:auto;display:block;}
.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.who{font-size:11.5px;color:var(--muted);white-space:nowrap;}
.masthead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;
padding-bottom:14px;border-bottom:2px solid var(--navy);margin-bottom:18px;flex-wrap:wrap;}
h1{font-size:29px;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--navy);line-height:1;}
.meta{font-size:12.5px;color:var(--muted);margin-top:7px;}
.meta b{color:var(--ink);}
/* login card - PHONG-CACH section 8 */
.center-screen{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:20px;}
.auth-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px 26px;max-width:380px;width:100%;}
.brand-logo-lg{max-height:45px;max-width:100%;height:auto;width:auto;margin-bottom:10px;}
.eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);font-weight:600;margin-bottom:8px;}
#authScreen h2{font-weight:800;font-size:19px;margin:0 0 4px;letter-spacing:-.01em;}
#authScreen p.sub{color:var(--muted);font-size:13.5px;margin:0 0 18px;}
#authScreen label{display:block;font-size:11.5px;color:var(--muted);margin-bottom:4px;font-weight:600;letter-spacing:.02em;}
#authScreen .row{margin-bottom:10px;}
#authScreen input{width:100%;padding:9px 11px;border-radius:9px;border:1px solid var(--line);background:var(--paper);
font-family:'Inter',sans-serif;font-size:14px;color:var(--ink);}
#authScreen input:focus{outline:2px solid var(--navy);outline-offset:1px;}
.submit-btn{width:100%;padding:12px;border-radius:10px;border:none;background:var(--ink);
color:#fff;font-weight:600;font-size:14px;cursor:pointer;margin-top:4px;font-family:inherit;}
.submit-btn:disabled{opacity:.5;cursor:not-allowed;}
.msg{font-size:13px;padding:10px 12px;border-radius:8px;margin-bottom:10px;}
.msg.error{background:#FDE3E7;color:var(--red);}
.sec{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
margin:24px 0 10px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.sec .hint{font-weight:500;letter-spacing:0;text-transform:none;font-size:11.5px;color:var(--faint);}
.tab-nhom{display:flex;gap:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--card);}
.tab{padding:7px 16px;border:0;background:transparent;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;font-family:inherit;}
.tab.on{background:var(--navy);color:#fff;}
.tab .dem{font-size:11px;font-weight:500;opacity:.75;margin-left:5px;}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center;}
.filters select,.filters input{padding:8px 11px;border:1px solid var(--line);border-radius:8px;
font-family:inherit;font-size:12.5px;background:#fff;}
.filters input:focus,.filters select:focus{outline:none;border-color:var(--navy);}
.filters .grow{flex:1;min-width:200px;}
.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.tw{overflow-x:auto;}
table{border-collapse:collapse;width:100%;}
thead th{background:var(--navy);color:#fff;font-size:9px;font-weight:700;letter-spacing:.06em;
text-transform:uppercase;padding:9px 8px;text-align:left;vertical-align:middle;line-height:1.35;}
thead th.n{text-align:right;} thead th.c{text-align:center;}
tbody td{padding:8px;border-bottom:1px solid var(--line-2);font-size:12.5px;vertical-align:middle;}
td.n{text-align:right;font-variant-numeric:tabular-nums;} td.c{text-align:center;}
tbody tr.row{cursor:pointer;} tbody tr.row:hover{background:#FAFBFD;}
tbody tr.kid td{background:#FBFCFE;border-bottom:1px dashed var(--line-2);font-size:12px;padding:6px 8px;}
tbody tr.kid td:first-child{box-shadow:inset 3px 0 0 var(--navy);}
.ma{font-weight:700;color:var(--navy);white-space:nowrap;}
.sub{font-size:10px;color:var(--muted);margin-top:2px;}
.mui{display:inline-block;width:14px;color:var(--faint);font-size:10px;}
tr.mo .mui{transform:rotate(90deg);}
.btn{padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;
font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer;font-family:inherit;}
.btn:hover{border-color:var(--navy);color:var(--navy);}
.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy);}
.btn.sm{padding:4px 10px;font-size:11px;border-radius:6px;}
.btn.danger{color:var(--red);} .btn.danger:hover{border-color:var(--red);}
.btn:disabled{opacity:.45;cursor:not-allowed;}
.pill{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
padding:2px 8px;border-radius:999px;white-space:nowrap;}
.pill.hang{background:var(--tier);color:var(--navy);}
.pill.chiphi{background:#EDEDEF;color:var(--muted);}
.pill.luat{background:var(--ok-soft);color:var(--ok);}
.pill.macdinh{background:var(--warn-soft);color:var(--warn);}
.pill.khai{background:var(--tier);color:var(--navy);}
.pill.mpo{background:#FDE3E7;color:var(--red);}
.pill.tusinh{background:var(--warn-soft);color:var(--warn);}
.pill.khach{background:var(--tier);color:var(--navy);} .pill.ncc{background:var(--ok-soft);color:var(--ok);}
.note{font-size:11.5px;color:var(--muted);background:#F7F9FC;border-left:3px solid var(--navy);
padding:10px 12px;border-radius:0 8px 8px 0;line-height:1.65;margin-top:14px;}
.note b{color:var(--ink);}
.empty{padding:34px;text-align:center;color:var(--muted);font-size:13px;}
.err{color:var(--red);font-weight:700;font-size:11px;}
.kvgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:11px 24px;margin-bottom:20px;}
.kv{display:flex;flex-direction:column;gap:2px;}
.kvk{font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);}
.kvv{font-size:13px;font-weight:600;color:var(--ink);}
.kvv.navy{color:var(--navy);font-weight:800;}
/* modal - PHONG-CACH section 10: the only shadow on a floating box */
#ov{position:fixed;inset:0;background:rgba(10,30,90,.35);display:none;align-items:center;justify-content:center;padding:20px;z-index:50;}
#ov.on{display:flex;}
.hop{background:#fff;border-radius:14px;padding:22px;max-width:520px;width:100%;max-height:86vh;overflow:auto;
box-shadow:0 18px 50px rgba(10,30,90,.25);}
.hop h3{margin:0 0 14px;font-size:17px;font-weight:800;color:var(--navy);}
.hop label{display:block;font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;}
.hop input,.hop select,.hop textarea{width:100%;padding:8px 11px;border:1px solid var(--line);border-radius:8px;
font-family:inherit;font-size:12.5px;background:#fff;margin-bottom:11px;}
.hop input:focus,.hop select:focus,.hop textarea:focus{outline:none;border-color:var(--navy);}
.hop input:disabled,.hop textarea:disabled{background:var(--paper);color:var(--muted);}
.hop .hang{display:flex;gap:8px;justify-content:flex-end;margin-top:6px;}
/* =================================================================
Chung tu: don mua hang, va sau nay bao gia / don hang.
Chep tu Github/LSCV/LSCV-PO - cung bo cuc, cung co chu, cung dau
bang navy 9px. Khac mot cho duy nhat: ban in cua TBD GIU con dau
(Harry 23/09, don mua la chung tu TBD tu ky), con LSCV-PO an no di
vi ben mua phai ky tay.
.empty2 va .qin nam o day vi hai ten ay da duoc dung trong
mua-hang/index.html tu 23/09 ma chua he co luat nao - o nhap so
luong nhan hang dang la o input tran.
================================================================= */
.empty2{padding:18px;text-align:center;color:var(--faint);font-size:12px;}
.qin{width:92px;padding:5px 7px;border:1px solid var(--line);border-radius:6px;font-family:inherit;
font-size:11.5px;text-align:right;font-variant-numeric:tabular-nums;}
.qin:focus{outline:none;border-color:var(--navy);}
.qin.bad{border-color:var(--red);background:#FFF5F6;}
.tin{padding:5px 8px;border:1px solid var(--line);border-radius:6px;font-family:inherit;font-size:11.5px;}
.tin:focus{outline:none;border-color:var(--navy);}
.doc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;}
.doc-title{font-size:25px;font-weight:800;letter-spacing:-.02em;color:var(--navy);margin:4px 0 4px;}
.doc-sub{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);
padding-bottom:12px;border-bottom:2px solid var(--navy);margin-bottom:16px;}
.meta-grid{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:16px;}
.meta-col{flex:1 1 320px;}
.mrow{display:flex;gap:8px;padding:4px 0;font-size:12.5px;align-items:baseline;}
.mrow .k{flex:0 0 130px;color:var(--muted);font-weight:600;}
.mrow .v{font-weight:700;}
.mrow .v.trong{color:#C3CDE2;font-weight:400;}
.mrow select,.mrow input{flex:1;min-width:0;padding:5px 8px;border:1px solid var(--line);
border-radius:7px;font-family:inherit;font-size:12.5px;background:#fff;}
.mrow select:focus,.mrow input:focus{outline:none;border-color:var(--navy);}
table.doct{border-collapse:collapse;width:100%;}
table.doct thead th{background:var(--navy);color:#fff;font-size:9px;font-weight:700;letter-spacing:.06em;
text-transform:uppercase;padding:8px 7px;text-align:left;vertical-align:middle;line-height:1.35;}
table.doct thead th.n{text-align:right;}
table.doct tbody td{padding:6px 7px;border-bottom:1px solid var(--line-2);font-size:12px;vertical-align:middle;}
table.doct tbody td.idx{text-align:center;color:var(--faint);width:26px;}
table.doct tbody td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
table.doct tfoot td{padding:8px 7px;font-size:12.5px;font-weight:700;border-top:2px solid var(--navy);}
table.doct tfoot td.n{text-align:right;font-variant-numeric:tabular-nums;}
/* O tim ma hang, goi y roi xuong - giong .sugg cua LSCV-RFQ */
.tim-ma{position:relative;}
.tim-ma input{width:100%;box-sizing:border-box;}
.goiy{position:absolute;z-index:40;left:0;right:0;top:100%;background:#fff;border:1px solid var(--line);
border-radius:8px;box-shadow:0 12px 28px rgba(16,24,40,.14);max-height:260px;overflow:auto;}
.goiy .gi{padding:7px 10px;cursor:pointer;border-bottom:1px solid var(--line-2);}
.goiy .gi:last-child{border-bottom:none;}
.goiy .gi:hover{background:var(--tier);}
.goiy .gi .p{font-size:12px;font-weight:700;color:var(--navy);}
.goiy .gi .m{font-size:10.5px;color:var(--muted);margin-top:1px;}
.tong-o{margin-top:16px;margin-left:auto;max-width:390px;}
.tong-o .d{display:flex;justify-content:space-between;gap:16px;padding:6px 0;font-size:12.5px;}
.tong-o .d .lb{color:var(--muted);font-weight:600;}
.tong-o .d .vl{font-weight:700;font-variant-numeric:tabular-nums;}
.tong-o .d.chot{border-top:2px solid var(--navy);margin-top:6px;padding-top:9px;font-size:14px;}
.tong-o .d.chot .lb,.tong-o .d.chot .vl{color:var(--navy);font-weight:800;}
.khoi{background:#FBFCFE;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-top:16px;}
.khoi h4{margin:0 0 10px;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--navy);}
.dkhoan{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);}
.dk-h{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);margin-bottom:9px;}
.dk-ol{margin:0;padding-left:20px;}
.dk-ol li{font-size:11.5px;line-height:1.75;color:var(--muted);margin-bottom:4px;}
/* ---- packing list -------------------------------------------------
Rieng to phieu dong goi. KHONG dung .doc-bg: lop do co mot luat chi
chay khi in, ep dau to xuong mot cot - dung cho bao gia, nhung se xep
chong Ben ban va Ben mua cua phieu nay lam mot cot. */
.doc-pkl{position:relative;}
.doc-pkl .meta-grid{margin-top:16px;gap:30px;}
/* Nhan o day ngan ("Ben ban", "Dia chi"), ma luat chung chua 130px
nen gia tri bi day ra xa. Cho nhan rong vua du, ba dong van thang
hang nhau nho min-width. */
.doc-pkl .mrow .k{flex:0 0 66px;}
/* To don hang: nhan dai nhat la "Don hang so" nen 82px la vua, thay vi
130px cua luat chung - Harry 02/10/2026 keu khoang trang qua rong. */
.doc-dh .mrow .k{flex:0 0 82px;}
/* Ten to nay dai gap doi "Bao gia" nen o co 26px no day ca khoi ben phai
xuong mot dong rieng. Cho khoi ay mot be rong va ha co chu de ten xuong
hai dong ma van dung canh letterhead. */
.doc-pkl .tho-dau{flex-wrap:nowrap;}
.doc-pkl .tho-dau .trai{flex:1 1 auto;min-width:0;}
.doc-pkl .tho-dau .trai>div{min-width:0;}
.doc-pkl .tho-phai{flex:0 0 196px;}
.doc-pkl .tho-phai .ten-to{font-size:17px;line-height:1.2;text-wrap:balance;}
.doc-pkl .tho-phai .ten-en{letter-spacing:.1em;white-space:nowrap;}
/* Luat chung cho moi cot co so 320px; long trang A4 chi 711px nen hai cot
tu xuong dong khi IN du tren man hinh rong van thay hai cot. Chia doi. */
.doc-pkl .meta-col{flex:1 1 0;min-width:0;}
/* Khong khoa nowrap cho dau cot: o kho giay that cot chi rong ~21mm,
chu dai hon o nen tran ra de len cot ben canh - Harry in thu 02/10
va thay "KHOI LUONG/KIENICH THUOC/KIEN". Cho no xuong dong trong o. */
.doc-pkl .doct th{overflow-wrap:anywhere;}
.doct td.gop{vertical-align:middle;}
.pkl-gc{border:1px solid var(--line);border-radius:6px;padding:8px 10px;
margin:10px 0 14px;font-size:12px;min-height:34px;}
.pkl-gc b{font-size:10px;letter-spacing:.06em;text-transform:uppercase;
color:var(--muted);display:block;margin-bottom:2px;}
/* Dau treo: goc trai dau to, de len letterhead - tap quan VN. */
/* Dat sau logo: logo chiem 6,5..36,5mm tinh tu mep to giay (do 02/10),
nen dau bat dau tu 38mm thi khong che logo, va van la goc trai dau to
nhu tap quan dau treo. */
.dau-treo{position:absolute;left:38mm;top:2mm;width:36mm;pointer-events:none;}
.dau-treo img{width:100%;display:block;}
/* Chu ky tren phieu dong goi: Harry chot cao 1,5cm. Luat chung .ochu
img.gop dat BE NGANG 54,6mm - dung cho anh gop chu ky + dau cua to bao
gia, sai cho mot chu ky dung rieng. */
.doc-pkl .ochu{min-height:54px;}
.doc-pkl .ochu img.gop{height:15mm;width:auto;max-width:none;max-height:none;}
.kyten{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:26px;}
@media(max-width:700px){.kyten{grid-template-columns:1fr;gap:24px;}}
.ky-t{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--navy);
padding-bottom:9px;border-bottom:1.5px solid var(--navy);}
table.btt{width:100%;border-collapse:collapse;margin-top:12px;}
table.btt td{padding:5px 0;font-size:11.5px;vertical-align:top;border:none;}
table.btt td.bk{color:var(--muted);white-space:nowrap;width:140px;padding-right:12px;}
table.btt td.bv{color:var(--ink);font-weight:600;}
table.btt td.bv .trong{color:#C3CDE2;font-weight:400;}
.ochu{display:block;min-height:74px;position:relative;}
.ochu img{max-height:82px;max-width:190px;}
.ochu .dau{position:absolute;left:38px;top:-6px;max-height:104px;max-width:200px;opacity:.9;}
.ochu.trong{border-bottom:1px solid var(--line);}
/* Ban in: chi con to chung tu */
@media print{
@page{size:A4;margin:12mm 11mm;}
body{background:#fff;}
header,.masthead,.filters,.sec,.btn,.tab-nhom,.note,#ov,.khong-in{display:none !important;}
.wrap{max-width:none;padding:0;}
.doc{border:none;border-radius:0;padding:0;}
table.doct thead th{background:#0A1E5A !important;color:#fff !important;
-webkit-print-color-adjust:exact;print-color-adjust:exact;}
/*
* Khoi ky di lien mot mieng, khong duoc dut giua hai trang - Harry
* 28/09/2026: "tu dai dien ben ban, ngay thang... den het ho ten, chuc
* danh la lien 1 khoi, phai nam tren cung 1 trang".
*
* .ky-mot la khoi ky cua BAO GIA, them 28/09; truoc do dong nay chi biet
* .kyten cua don mua, nen to bao gia van tach doi duoc. Ghi ca hai ten
* thuoc tinh: page-break-inside cho trinh duyet cu, break-inside cho ban
* moi - Chrome doc ca hai, nhung mot ngay nao do chi con mot.
*/
table.doct tr,.kyten,.tong-o,.khoi,.ky-mot,.ky-mot .khung,.khoi-cuoi{
page-break-inside:avoid;break-inside:avoid;}
table.doct thead{display:table-header-group;}
.qin,.tin,.mrow select,.mrow input{border:none !important;padding:0 !important;
background:transparent !important;-webkit-appearance:none;appearance:none;}
/*
* O nhap trong bang chung tu: tren giay phai vua o cua no, khong giu be
* rong rieng 92px. Do duoc 28/09/2026: cot So luong dat 15mm nhung noi
* dung doi 26,2mm - vi o nhap mang be rong cua chinh no chu khong phai cua
* con so. Ban nhap in ra bi tran o do, con ban da chot thi khong, nen loi
* nay chi hien khi in mot to con sua duoc.
*/
table.doct td .qin{width:100% !important;text-align:right;}
/*
* To giay khong co cho de cuon - Harry 28/09/2026, tren BG-01.26-LSCV.
*
* Bang chung tu nam trong .tw, khung cuon ngang viet cho bang danh sach
* tren man hinh. Khi in, khung do KHONG biet minh dang o tren giay: long
* trang A4 tru le chi 709px, bang rong hon thi khung cat cut phan thua va
* in ca thanh keo len giay. Cot cuoi cung la Thanh tien, nen no chet.
*
* Do duoc: voi mot dong mo ta dai, bang rong 722px - tran 13px, cot Thanh
* tien thua ra ngoai giay 12px. Voi dong ngan thi vua dung 709px, tuc la
* to bao gia xua nay luon dung SAT MEP.
*
* Bo min-width khong cuu duoc (do roi: van 722px) - thu ep bang rong ra la
* noi dung chu khong phai min-width. Nen phai table-layout:fixed de bang tu
* co lai, va phai cho ma hang xuong dong: khong cho thi no de len cot ben
* canh 41-51px.
*/
/*
* Khoi dau to bao gia - Harry 28/09/2026, "cai nay ap dung cho ban in ra":
* - MOT COT: ngay bao gia va hieu luc den xuong duoi nguoi lien he, khong
* con chia hai ben. Ca to chi con mot cot nhan - mot cot gia tri, nen
* ten cong ty va dia chi dai co ca be ngang trang giay;
* - nguoi lien he xuong dong, moi phan mot dong.
*
* Hai dong ngay KHONG can le phai nua: dung mot cot roi thi chung phai
* thang hang voi nhung dong tren, chu can le phai la lech ra mot minh.
* Vi vay o day khong dung .ben-phai vao viec gi - lop do chi con y nghia
* tren man hinh.
*
* Ba dong Loai tien / Thue GTGT / Trang thai mang class khong-in nen da bi
* luat khong-in o tren go khoi to giay roi.
*/
/*
* MOT COT chi dung cho TO BAO GIA (.doc-bg). Luat nay ban dau viet khong
* khoanh vung, nen no xep chong luon hai cot cua to don mua: do duoc dau
* to don mua phinh tu ~39mm len 74,1mm, va ca to thanh 299,9mm - qua kho
* giay. Mot luat viet cho mot to giay phai goi ten to giay do.
*/
.doc-bg .meta-grid{display:block;}
.doc-bg .meta-col{width:100%;}
/* Bang thong tin hai ben trong khoi ky cua don mua: bot dem doc, 16 dong
cong lai la ca mot doan giay. */
table.btt td{padding:2px 0;}
.chi-in{display:block !important;}
.mrow .v.chi-in{display:inline !important;}
.tw{overflow:visible !important;}
table.doct{table-layout:fixed;}
table.doct th{min-width:0 !important;}
/*
* Cot Mo ta an het cho con lai cua trang - Harry 28/09/2026 "cot Mo ta cho
* rong ra". Phai dat be rong THAT cho cot Ma hang: luat tren vua dat moi
* min-width ve 0, nen hai cot khong co width se chia doi deu nhau, do duoc
* 46,3mm moi cot. Ma hang 38mm du cho mot ma dai nhat xuong hai dong.
*/
table.doct th.c-ma{width:38mm;}
/* So luong tren giay chi la con so da chot, khong phai o de go - 15mm du
cho 10.000 va con thua; cho tiet kiem duoc chay sang cot Mo ta. Tren man
hinh cot nay van rong, vi o do no la mot o nhap. */
/* !important vi chinh the
co style="width:78px" viet thang trong no,
ma kieu viet thang trong the thi thang luat o file CSS. Do duoc: khong co
!important thi cot van ra 78px = 20,7mm, y nguyen nhu cu. */
table.doct th.c-sl{width:15mm !important;}
/* Don gia rong them mot chut - Harry 28/09/2026. Cung phai !important, vi
the
cua no cung co style="width:104px" viet thang trong the. */
table.doct th.c-dg{width:32mm !important;}
/*
* Ep to giay lai cho vua MOT trang - Harry 28/09/2026: "khoang trong o
* trang 1 van con nhieu, cho phan chu ky len cho du 1 trang. Tranh truong
* hop trang ky chi co duy nhat phan ky".
*
* Do duoc truoc khi sua: ca to cao 296,6mm, long trang A4 (297 tru 2x12mm
* le) chi 273mm - thua 23,6mm. Khoi ky nam o 241,5-296,6mm, ma no mang
* break-inside:avoid nen khong the cat doi: Chrome day CA KHOI sang trang
* 2, de lai 38mm trong o cuoi trang 1 va mot trang thu hai chi co chu ky.
*
* Nen cat bot cho THUA, khong cat cho CAN: logo nho lai, cac khoang cach
* giua khoi hep lai, o bang bot dem doc. Chu van nguyen co, con dau van
* dung 36mm - hai thu do la thu nguoi ta doc va thu co gia tri phap ly.
*/
.tho-dau .trai img{height:32px;}
.tho-dai{margin:8px 0 11px;}
.meta-grid{margin-bottom:9px;}
.loi-mo{margin:9px 0 8px;line-height:1.6;}
table.doct tbody td{padding:4px 7px;}
.tong-o{margin-top:9px;}
.tong-o .d{padding:4px 0;}
.tong-o .d.chot{margin-top:4px;padding-top:6px;}
.bang-chu{margin-top:8px;}
.ky-mot{margin-top:10px;}
.ky-mot .ochu{min-height:0;margin-top:3px;}
/* To don mua khong co letterhead ma mo dau bang hai dong tieu de; ep chung
lai cho bang mot chut - Harry 28/09/2026 "don mua cung lam tuong tu". */
.doc-title{font-size:22px;margin:0 0 2px;}
.kyten{margin-top:14px;gap:20px;}
.ochu{min-height:0;}
table.doct th.c-mota{width:auto;}
table.doct td{overflow-wrap:anywhere;}
table.doct td.ma{white-space:normal;}
}
/* ===== Trang chu: the nguoi dung va luoi app =============================
Hinh o lay tu LSCV-Home (.app-tile): o vuong 56px bo goc 16, icon Tabler
o giua, ten duoi. Lop nay dung chung voi hop *Doi man hinh* cua
assets/bottom-nav.js - mot hinh o, ta mot lan. */
.the-nguoi{background:#3E5A94;color:#fff;border-radius:18px;padding:18px 20px;
margin-bottom:22px;display:flex;align-items:center;gap:14px;}
.the-nguoi .vong{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);
display:flex;align-items:center;justify-content:center;font-size:19px;flex:0 0 auto;}
.the-nguoi .ten{font-weight:800;font-size:16px;}
.the-nguoi .vai{font-size:12.5px;opacity:.85;margin-top:2px;}
/* O dang nhap nam trong trang, khong phai the giua man hinh - chep hinh
.login-panel cua LSCV-Home, la trang chu cua LSCV lam nhu vay (24/09).
Man module van dung .auth-card giua man, y het LSCV-Storage/PO. */
.o-dang-nhap{background:var(--card);border:1px solid var(--line);border-radius:16px;
padding:18px;margin-bottom:22px;}
.o-dang-nhap h3{margin:0 0 10px;font-size:15px;font-weight:800;color:var(--ink);}
.o-dang-nhap label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px;font-weight:600;}
.o-dang-nhap input{width:100%;padding:9px 11px;border-radius:9px;border:1px solid var(--line);
background:var(--paper);font-family:inherit;font-size:14px;color:var(--ink);margin-bottom:10px;}
.o-dang-nhap input:focus{outline:2px solid var(--navy);outline-offset:1px;}
.o-trong{text-align:center;padding:22px 20px;color:var(--muted);font-size:13px;
border:1px dashed var(--line);border-radius:14px;}
.app-luoi{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 10px;}
.app-o{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;
text-decoration:none;color:inherit;cursor:pointer;}
.app-o-icon{width:56px;height:56px;border-radius:16px;background:var(--card);
border:1px solid var(--line);display:flex;align-items:center;justify-content:center;
font-size:24px;color:var(--navy);}
.app-o-ten{font-size:12px;font-weight:700;line-height:1.3;}
.app-o-mo-ta{font-size:10.5px;color:var(--muted);line-height:1.35;max-width:150px;}
/* Man chua dung: mo han, khong bam duoc, va noi ro la chua co - o an di thi
khong ai biet app se co gi, o bam duoc thi rot vao trang 404. */
.app-o.chua{cursor:default;opacity:.45;}
.app-o.chua .app-o-icon{background:var(--tier);border-style:dashed;}
.app-o .chua-nhan{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
color:var(--muted);}
.trang-chu-wrap{max-width:820px;}
/* Ban nho: luoi trong hop *Doi man hinh*. O xep sat nhau tu trai chu khong
chia ba cot, vi hop chi co vai o va mot cot rong trong nhin nhu thieu. */
.app-luoi.nho{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:16px 12px;}
.app-luoi.nho .app-o-icon{width:50px;height:50px;border-radius:14px;font-size:21px;}
.app-luoi.nho .app-o-ten{font-size:11px;}
@media (max-width:520px){
.app-o-mo-ta{display:none;}
.app-luoi{gap:16px 8px;}
}
/* =================================================================
Dau an TBD tren to chung tu gui ra ngoai (bao gia, va sau nay don
hang). LSCV-PO khong co nhung thu nay vi chung tu cua ho di trong
he thong disti; bao gia cua TBD gui thang cho khach la nguoi chua
biet TBD la ai, nen to giay phai tu gioi thieu.
Ba thu: letterhead co logo va phap nhan, mot dai do mong duoi dau
to, va dong tien bang chu.
================================================================= */
.tho-dau{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;}
.tho-dau .trai{display:flex;gap:14px;align-items:flex-start;min-width:0;}
.tho-dau .trai img{height:42px;width:auto;flex:0 0 auto;}
.tho-ten{font-size:13.5px;font-weight:800;color:var(--navy);letter-spacing:-.01em;line-height:1.3;}
.tho-ten .en{font-size:10.5px;font-weight:600;color:var(--muted);letter-spacing:.02em;margin-top:1px;}
.tho-lien-he{font-size:11px;color:var(--muted);line-height:1.7;margin-top:5px;}
.tho-lien-he b{color:var(--ink);font-weight:600;}
/* Chi hien khi in - nguoc voi .khong-in. Dung cho nhung cho to giay noi
khac man hinh: ten khach day du, hai dong ngay duoi so to. */
.chi-in{display:none !important;}
.tho-phai{text-align:right;flex:0 0 auto;}
/* Hai dong ngay duoi so to: doc ro bang cac dong khac cua to giay, khong
phai chu ghi chu - Harry 28/09/2026 bao "chua thay co ngay bao gia" vi ban
dau to 11px mau xam nam canh mot day so mau do. */
.tho-phai .ngay-to{margin-top:7px;font-size:12.5px;color:var(--ink);line-height:1.75;}
.tho-phai .ngay-to span{color:var(--muted);font-weight:600;margin-right:10px;}
.tho-phai .ngay-to div{white-space:nowrap;font-weight:700;}
.tho-phai .ten-to{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--navy);line-height:1;}
.tho-phai .ten-en{font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
color:var(--faint);margin-top:4px;}
.tho-phai .so-to{font-size:13px;font-weight:800;color:var(--red);margin-top:7px;
font-variant-numeric:tabular-nums;}
/* Dai do: hai vach, day mong - chu khong phai mot khoi mau. Mot vach do
day 4px duoi tieu de trong nhu bang bieu; hai vach lech nhau thi doc ra
la mot duong ke chung tu. */
.tho-dai{height:3px;margin:13px 0 18px;border-radius:2px;
background:linear-gradient(90deg,var(--navy) 0 62%,var(--red) 62% 100%);}
.bang-chu{margin-top:12px;font-size:12px;line-height:1.7;}
.bang-chu .nhan{font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
color:var(--muted);margin-right:7px;}
.bang-chu .chu{font-weight:700;color:var(--navy);font-style:italic;}
.loi-mo{font-size:12.5px;line-height:1.75;color:var(--ink);margin:14px 0 13px;}
/* Mot ben ky thoi - bao gia chi TBD ky, khach khong ky vao bao gia */
.ky-mot{margin-top:26px;display:flex;justify-content:flex-end;}
.ky-mot .khung{text-align:center;min-width:250px;}
.ky-mot .vai{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);}
.ky-mot .ngay{font-size:11px;color:var(--muted);margin-top:3px;}
.ky-mot .ochu{display:block;min-height:96px;position:relative;margin-top:6px;}
.ky-mot .ochu img{max-height:88px;max-width:190px;}
/*
* Anh GOP - chu ky da ky de len con dau, quet lien mot mieng (Harry
* 28/09/2026: "phan chu ky va con dau dong cung nhau, lay luon nhu file
* dinh kem"). Man hinh gan class nay khi chi co MOT anh, tuc khong con anh
* dau rieng de dat chong len.
*
* Be rong tinh bang mm chu khong bang px: con dau that rong 36mm, va trong
* anh vong dau chiem 869/1318 be ngang, nen ca anh phai in o 54,6mm thi
* vong moi ra dung co. De bang px thi may nay mot co, may kia mot co.
*/
.ochu img.gop{width:54.6mm;height:auto;max-width:none;max-height:none;}
.ky-mot .ochu .dau{position:absolute;left:50%;top:-4px;transform:translateX(-58%);
max-height:112px;max-width:210px;opacity:.9;}
.ky-mot .ten-ky{font-size:12.5px;font-weight:700;color:var(--ink);}
/* =================================================================
O nhap ngay dd/mm/yyyy - Harry 25/09/2026.
Khong dung tran: no hien theo locale cua MAY,
nen cung mot app may nay dd/mm may kia mm/dd, va nguoi go khong
biet minh dang o may nao. Mot don mua da bi go nham ngay vi the.
O chu cam gia tri; nut ben canh mo dung cai lich cua trinh duyet
(mot an sau lung), nen van chon bang chuot duoc.
================================================================= */
.o-ngay{position:relative;display:inline-flex;align-items:stretch;}
.o-ngay .ng-o{width:118px;padding:5px 8px;border:1px solid var(--line);border-radius:7px 0 0 7px;
border-right:none;font-family:inherit;font-size:12.5px;font-variant-numeric:tabular-nums;
background:#fff;color:var(--ink);}
.o-ngay .ng-o:focus{outline:none;border-color:var(--navy);}
.o-ngay .ng-o.bad{border-color:var(--red);background:#FFF5F6;}
.o-ngay .ng-o::placeholder{color:var(--faint);}
.o-ngay .ng-lich{border:1px solid var(--line);border-radius:0 7px 7px 0;background:var(--paper);
color:var(--muted);cursor:pointer;padding:0 8px;font-size:11px;font-family:inherit;line-height:1;}
.o-ngay .ng-lich:hover{border-color:var(--navy);color:var(--navy);}
/* Cai lich that: khong nhin thay, nhung phai con trong luong bo cuc va
phai nam DUOI o chu, vi showPicker() mo lich canh chinh no. */
.o-ngay .ng-an{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0;
border:none;padding:0;pointer-events:none;}
/* trong hop thoai thi keo dai ca hang cho bang cac o khac */
.hop .o-ngay{width:100%;}
.hop .o-ngay .ng-o{flex:1;width:auto;padding:8px 11px;font-size:13px;border-radius:8px 0 0 8px;}
.hop .o-ngay .ng-lich{border-radius:0 8px 8px 0;padding:0 11px;}
/* ban in: chi con con chu */
@media print{
.o-ngay .ng-lich,.o-ngay .ng-an{display:none !important;}
.o-ngay .ng-o{border:none !important;padding:0 !important;background:transparent !important;width:auto;}
}