:root{--x:#005469;--x2:#0a7a93;--nen:#f3f7f8;--the:#fff;--chu:#17272c;--mo:#5d7279;--vien:#d9e4e7;--do:#c0392b;--vang:#b7791f;--xanhla:#2f855a}
@media (prefers-color-scheme:dark){:root{--nen:#0f1a1d;--the:#17262a;--chu:#e6eef0;--mo:#9db1b7;--vien:#2a3d42;--x2:#4fb3c9}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--nen);color:var(--chu);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-text-size-adjust:100%}
button,input,select,textarea{font:inherit;color:inherit}
.tai{padding:40px;text-align:center;color:var(--mo)}
header.dau{position:sticky;top:0;z-index:5;background:var(--x);color:#fff;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;display:flex;align-items:center;gap:10px}
header.dau h1{font-size:17px;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
header.dau .lui{background:none;border:0;color:#fff;font-size:22px;padding:0 6px 0 0;cursor:pointer}
nav.tab{display:flex;background:var(--the);border-bottom:1px solid var(--vien);position:sticky;top:calc(48px + env(safe-area-inset-top));z-index:4;overflow-x:auto}
nav.tab a{flex:1;text-align:center;padding:11px 8px;color:var(--mo);text-decoration:none;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent}
nav.tab a.on{color:var(--x2);border-color:var(--x2)}
.bd{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--do);color:#fff;font-size:11px;line-height:18px;margin-left:4px}
main{max-width:760px;margin:0 auto;padding:14px 16px 90px}
.the{background:var(--the);border:1px solid var(--vien);border-radius:12px;padding:14px;margin-bottom:12px}
.dong{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--the);border:1px solid var(--vien);border-radius:10px;margin-bottom:8px;cursor:pointer}
.dong:active{opacity:.7}
.dong .ten{font-weight:600}
.dong .phu{color:var(--mo);font-size:13px}
.dong .giua{flex:1;min-width:0}
input[type=text],input[type=email],input[type=password],input[type=date],input[type=search],input[type=datetime-local],input[type=month],input[type=time],input[type=number],select,textarea{width:100%;padding:10px 12px;border:1px solid var(--vien);border-radius:9px;background:var(--the);outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--x2)}
textarea{min-height:90px;resize:vertical}
label{display:block;font-weight:600;font-size:13px;color:var(--mo);margin:12px 0 4px}
.nut{display:inline-block;background:var(--x);color:#fff;border:0;border-radius:9px;padding:10px 16px;font-weight:600;cursor:pointer;text-decoration:none}
.nut.phu{background:transparent;color:var(--x2);border:1px solid var(--x2)}
.nut.do{background:var(--do)}
.nut.nho{padding:6px 11px;font-size:13px}
.nut:disabled{opacity:.5}
.hang{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hai{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.hai>*{min-width:0}.hai input{max-width:100%;box-sizing:border-box}
.pill{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:20px;white-space:nowrap}
.pill.nop{background:#fff4dc;color:var(--vang)}.pill.sua{background:#fde8e6;color:var(--do)}.pill.duyet{background:#e3f4ea;color:var(--xanhla)}
@media (prefers-color-scheme:dark){.pill.nop{background:#3b2f14}.pill.sua{background:#3d1d19}.pill.duyet{background:#183225}}
.muc{margin-top:10px}.muc b{display:block;color:var(--x2);font-size:13px}
.nd p{margin:2px 0}.nd .h{font-weight:700;margin-top:8px}.nd .li{padding-left:14px;position:relative}.nd .li:before{content:"•";position:absolute;left:2px}
.gopy{background:#fff4dc;border-left:4px solid var(--vang);padding:8px 10px;border-radius:6px;margin-top:10px}
@media (prefers-color-scheme:dark){.gopy{background:#3b2f14}}
.tl{border-top:1px dashed var(--vien);margin-top:10px;padding-top:8px;font-size:14px}
.tl .m{margin:4px 0}.tl .m small{color:var(--mo)}
.chip{display:inline-flex;align-items:center;gap:6px;background:#e3f0f3;color:var(--x);border-radius:16px;padding:3px 10px;margin:3px 4px 0 0;font-size:13px}
@media (prefers-color-scheme:dark){.chip{background:#1f3a41;color:#bfe3ec}}
.chip button{border:0;background:none;color:inherit;cursor:pointer;padding:0;font-size:15px}
.goiy{border:1px solid var(--vien);border-radius:9px;max-height:220px;overflow:auto;margin-top:4px;background:var(--the)}
.goiy div{padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--vien)}.goiy div:last-child{border:0}
.rong{color:var(--mo);text-align:center;padding:24px 8px}
.so{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.so div{background:var(--the);border:1px solid var(--vien);border-radius:10px;padding:10px;text-align:center}.so b{display:block;font-size:22px;color:var(--x2)}
table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:7px 6px;border-bottom:1px solid var(--vien);text-align:left;vertical-align:top}
.cuon{overflow-x:auto}
.toast{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translateX(-50%);background:#17272c;color:#fff;padding:10px 16px;border-radius:9px;opacity:0;transition:.2s;pointer-events:none;max-width:90vw;z-index:20}
.toast.on{opacity:1}
.dn{max-width:380px;margin:12vh auto 0;padding:0 16px}.dn h1{color:var(--x2);text-align:center;margin-bottom:4px}.dn p{text-align:center;color:var(--mo);margin-top:0}
.noi{position:fixed;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));border-radius:28px;padding:13px 20px;box-shadow:0 4px 14px rgba(0,0,0,.2);z-index:6}
.canh{background:#fde8e6;color:var(--do);border-radius:8px;padding:10px;font-size:13px}
@media (prefers-color-scheme:dark){.canh{background:#3d1d19}}
/* 1.3.0 – trang in A4 */
.thanh-in{position:sticky;top:0;background:var(--the);padding:10px 16px;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--vien);z-index:5}
.trang-in{background:#fff;color:#000;max-width:794px;margin:12px auto;padding:36px 44px;font:13px/1.45 "Times New Roman",Times,serif;box-shadow:0 1px 6px rgba(0,0,0,.15)}
.trang-in h1{font-size:19px;text-align:center;color:#1F4E5F;margin:8px 0 4px}.trang-in h3{font-size:13.5px;color:#1F4E5F;margin:12px 0 4px;border-bottom:1px solid #1F4E5F}
.trang-in p{margin:4px 0;text-align:justify}.trang-in .giua{text-align:center}
.trang-in .dau-in{display:flex;justify-content:space-between;font-size:12px;border-bottom:2px solid #1F4E5F;padding-bottom:6px}
.trang-in table.bang{width:100%;border-collapse:collapse;margin:4px 0}.trang-in table.bang td,.trang-in table.bang th{border:1px solid #777;padding:4px 6px;font-size:12.5px;color:#000;vertical-align:top}
.trang-in table.bang th{background:#E3EEF1}.trang-in td.so{text-align:right;white-space:nowrap}
.trang-in table.ky{width:100%;margin-top:14px}.trang-in table.ky td{text-align:center;height:110px;vertical-align:top;border:0;font-size:12.5px;color:#000}
.trang-in table.kb td{height:26px}.trang-in .cat{text-align:center;color:#888;margin:18px 0;font-size:11px}
.trang-in .lien table.ky td{height:70px}.trang-in .ngat{page-break-after:always;break-after:page}
.dau-huy{position:fixed;top:40%;left:0;right:0;text-align:center;font-size:80px;color:rgba(192,57,43,.25);transform:rotate(-20deg);pointer-events:none;z-index:9}
@media print{
  body.che-do-in{background:#fff}
  .khong-in,header.dau,nav.tab,.toast{display:none!important}
  .trang-in{box-shadow:none;margin:0;max-width:none;padding:0;page-break-after:always;break-after:page}
  @page{size:A4;margin:14mm 14mm 14mm 20mm}
}
/* 2.9.2 – Hướng dẫn & quy ước từng mục (gập sẵn) */
.hdan{margin:0 0 10px;border:1px solid #bcd6ee;border-left:4px solid #1f6fb2;border-radius:10px;background:#f2f8fd;font-size:13px}
.hdan>summary{cursor:pointer;padding:7px 10px;color:#1f5f99;list-style:none}
.hdan>summary::-webkit-details-marker{display:none}
.hdan>summary::after{content:' ▾';color:#7aa6cc}
.hdan[open]>summary::after{content:' ▴'}
.hdan ul{margin:0;padding:0 12px 8px 28px;color:var(--chu)}
.hdan li{margin:3px 0;line-height:1.45}
@media print{.hdan{display:none}}
@media (prefers-color-scheme:dark){.hdan{background:#132733;border-color:#244a63;border-left-color:#4fa3e0}.hdan>summary{color:#8cc4ef}}