/* BO MAY VIEW KHAI BAO (web/js/view.js) */
.vw{display:flex;flex-direction:column;gap:8px;min-height:0;font-size:13px}
.vw-bar{position:relative;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.vw-tim{flex:1 1 280px;display:flex;flex-wrap:wrap;gap:4px;align-items:center;border:1px solid var(--wg-line,#dadce0);border-radius:8px;padding:3px 6px;background:var(--wg-bg,#fff)}
.vw-tim input{flex:1;min-width:120px;border:0;outline:0;font:inherit;background:transparent;color:inherit;padding:3px}
.vw-chip{display:inline-flex;align-items:center;gap:2px;background:var(--wg-accent-weak,#e8f0fe);color:var(--wg-accent,#1a73e8);border-radius:12px;padding:1px 4px 1px 9px;font-size:12px}
.vw-chip-n{background:#f3e8fd;color:#7c3aed}
.vw-chip button{border:0;background:none;cursor:pointer;color:inherit;font-size:14px;line-height:1;padding:0 3px}
.vw-nut,.vw-kieu{display:flex;gap:2px}
.vw-nut button,.vw-kieu button,.vw-dem button,.vw-lich-dh button{border:1px solid var(--wg-line,#dadce0);background:var(--wg-bg,#fff);color:var(--wg-fg,#202124);border-radius:6px;padding:4px 9px;cursor:pointer;font:inherit}
.vw-kieu button.is-on{background:var(--wg-accent,#1a73e8);border-color:var(--wg-accent,#1a73e8);color:#fff}
.vw-nut button:hover,.vw-kieu button:not(.is-on):hover{background:var(--wg-bg-soft,#f8f9fa)}
.vw-menu{position:absolute;top:100%;margin-top:4px;z-index:var(--wg-z-pop,58);background:var(--wg-bg,#fff);color:var(--wg-fg,#202124);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);
  padding:6px;min-width:240px;max-height:60vh;overflow:auto;display:flex;flex-direction:column;gap:1px}
.vw-menu label{display:flex;gap:6px;align-items:center;padding:5px 8px;border-radius:6px;cursor:pointer}
.vw-menu label:hover{background:var(--wg-bg-soft,#f8f9fa)}
.vw-menu hr{border:0;border-top:1px solid var(--wg-line,#e8eaed);margin:3px 0}
.vw-yt{display:flex}.vw-yt button{flex:1;text-align:left;border:0;background:none;padding:5px 8px;border-radius:6px;cursor:pointer;font:inherit;color:inherit}
.vw-yt button:hover{background:var(--wg-bg-soft,#f8f9fa)}.vw-yt.is-on button:first-child{color:var(--wg-accent,#1a73e8);font-weight:600}
.vw-yt button[data-xoa-yt]{flex:none;color:var(--wg-fg-soft,#5f6368)}
.vw-luu{display:flex;flex-direction:column;gap:4px;padding:4px 8px}
.vw-luu input[name=ten]{border:1px solid var(--wg-line,#dadce0);border-radius:6px;padding:4px 6px;font:inherit}
.vw-luu label{padding:2px 0}
.vw-body{min-height:120px;overflow:auto}
.vw-rong{color:var(--wg-fg-soft,#5f6368);padding:16px;text-align:center}
.vw-dem{display:flex;gap:6px;align-items:center;justify-content:flex-end;color:var(--wg-fg-soft,#5f6368);margin-bottom:4px}
.vw-dem button{padding:1px 8px}
.vw-tbl{width:100%;border-collapse:collapse}
.vw-tbl th{text-align:left;font-weight:600;color:var(--wg-fg-soft,#5f6368);border-bottom:2px solid var(--wg-line,#e8eaed);padding:6px 8px;position:sticky;top:0;background:var(--wg-bg,#fff);cursor:pointer;white-space:nowrap}
.vw-tbl th.is-sx{color:var(--wg-accent,#1a73e8)}
.vw-tbl td{padding:6px 8px;border-bottom:1px solid var(--wg-line,#f1f3f4);vertical-align:top}
.vw-tbl tr[data-id]{cursor:pointer}.vw-tbl tr[data-id]:hover,.vw-tbl tr[data-id]:focus{background:var(--wg-bg-soft,#f8f9fa);outline:0}
.vw-tbl tr.vw-canh_bao td:first-child{box-shadow:inset 3px 0 0 var(--wg-warn,#e37400)}
.vw-tbl tr.vw-loi td:first-child{box-shadow:inset 3px 0 0 var(--wg-err,#d93025)}
.vw-gh td{background:var(--wg-bg-soft,#f8f9fa)}
.vw-gh button{border:0;background:none;font:inherit;font-weight:600;cursor:pointer;color:inherit;padding:2px}
.vw-kb{display:flex;gap:10px;align-items:flex-start;overflow-x:auto;padding-bottom:6px}
.vw-kb section{flex:0 0 260px;background:var(--wg-bg-soft,#f1f3f4);border-radius:10px;padding:6px;max-height:70vh;overflow:auto}
.vw-kb header{font-weight:600;padding:4px 6px 8px;display:flex;justify-content:space-between}
.vw-kb article{background:var(--wg-bg,#fff);border-radius:8px;padding:8px;margin-bottom:6px;box-shadow:0 1px 2px rgba(0,0,0,.08);cursor:pointer;display:flex;flex-direction:column;gap:2px;position:relative}
.vw-kb article:hover,.vw-kb article:focus{box-shadow:0 2px 8px rgba(0,0,0,.16);outline:0}
.vw-kb article small{color:var(--wg-fg-soft,#5f6368)}
.vw-hh{position:absolute;top:6px;right:6px;font-style:normal;font-size:10px;border-radius:8px;padding:0 6px;background:#fef7e0;color:#b06000}
.vw-hh-hoa_toc{background:#fce8e6;color:#c5221f}
.vw-av{display:flex;gap:2px;margin-top:4px}
.vw-av i{width:20px;height:20px;border-radius:50%;background:var(--wg-accent-weak,#e8f0fe);color:var(--wg-accent,#1a73e8);font-style:normal;font-size:10px;font-weight:700;display:grid;place-items:center}
.vw-tre{font-style:normal;font-size:11px;color:var(--wg-err,#d93025);font-weight:600}
.vw-lich-dh{display:flex;gap:6px;align-items:center;margin-bottom:6px}.vw-lich-dh small{margin-left:auto;color:var(--wg-fg-soft,#5f6368)}
.vw-lich{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.vw-lich>b{text-align:center;font-size:12px;color:var(--wg-fg-soft,#5f6368);padding:2px}
.vw-ngay{min-height:84px;border:1px solid var(--wg-line,#e8eaed);border-radius:6px;padding:3px;display:flex;flex-direction:column;gap:2px;min-width:0}
.vw-ngay>span{font-size:11px;color:var(--wg-fg-soft,#5f6368)}
.vw-ngay.vw-hn{border-color:var(--wg-accent,#1a73e8)}.vw-ngay.vw-hn>span{color:var(--wg-accent,#1a73e8);font-weight:700}
.vw-ngoai{border:0}
.vw-ngay button{border:0;border-radius:4px;background:var(--wg-accent-weak,#e8f0fe);color:var(--wg-accent,#1a73e8);font:inherit;font-size:11px;text-align:left;padding:1px 4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vw-ngay button.vw-loi{background:#fce8e6;color:#c5221f}
.vw-pv-dk{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}
.vw-pv-dk select{border:1px solid var(--wg-line,#dadce0);border-radius:6px;padding:3px 6px;font:inherit}
.vw-pv-dk small{color:var(--wg-fg-soft,#5f6368)}
.vw-pv td{text-align:right;cursor:pointer}.vw-pv td:hover{background:var(--wg-accent-weak,#e8f0fe)}
.vw-pv tbody th{position:static;cursor:default}
.vw-svg-cuon{overflow-x:auto}
.vw-svg-cuon text{font-size:11px;fill:var(--wg-fg,#202124)}
.vw-svg-cuon .vw-nhan{fill:var(--wg-fg-soft,#5f6368)}
.vw-cot{cursor:pointer}.vw-cot:hover rect{opacity:.8}
.vw-svg-tron{width:220px;max-width:60%;float:left;margin-right:16px}
.vw-svg-tron path,.vw-svg-tron circle{cursor:pointer;stroke:#fff;stroke-width:1}
.vw-chu{list-style:none;padding:0;margin:0}.vw-chu li{display:flex;gap:6px;align-items:center;padding:2px 0}
.vw-chu i{width:10px;height:10px;border-radius:2px;flex:none}
.vw-ds-bd{list-style:none;margin:0;padding:0;columns:2 260px}
.vw-ds-bd button{border:0;background:none;color:var(--wg-accent,#1a73e8);cursor:pointer;font:inherit;text-align:left;padding:2px 0}
.vw-form-n{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:var(--wg-z-pop,58);display:grid;place-items:center}
.vw-form{background:var(--wg-bg,#fff);color:var(--wg-fg,#202124);border-radius:12px;width:min(720px,calc(100vw - 24px));max-height:88vh;overflow:auto;padding:12px 16px}
.vw-form header{display:flex;justify-content:space-between;align-items:center}
.vw-form header button{border:0;background:none;font-size:20px;cursor:pointer;color:inherit}
.vw-form dl{display:grid;grid-template-columns:minmax(120px,30%) 1fr;gap:4px 12px;margin:6px 0}
.vw-form dt{color:var(--wg-fg-soft,#5f6368)}.vw-form dd{margin:0}
@media (max-width:640px){.vw-kieu{width:100%;overflow-x:auto}.vw-kb section{flex-basis:80vw}.vw-svg-tron{float:none;max-width:100%}}
.vw-kb article>b{padding-right:70px}
/* trinh soan quy tac tu dong (web/js/tu-dong.js) */
.td-w{width:min(1000px,calc(100vw - 24px))}
.td-w>header{gap:10px}.td-tabs{display:flex;gap:2px;margin-right:auto}
.td-tabs button{border:0;background:none;padding:5px 10px;border-radius:6px;cursor:pointer;font:inherit;color:var(--wg-fg-soft,#5f6368)}
.td-tabs button.is-on{background:var(--wg-accent-weak,#e8f0fe);color:var(--wg-accent,#1a73e8);font-weight:600}
.td-dau{display:flex;justify-content:space-between;align-items:center;margin:8px 0}
.td-tbl td{font-size:12.5px}.td-tbl tr[data-id]{cursor:default}
.td-nut{white-space:nowrap}.td-nut .btn{margin:1px}
.td-loi{color:var(--wg-err,#d93025);font-weight:600;cursor:help}
.td-soan{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.td-soan fieldset{border:1px solid var(--wg-line,#e8eaed);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}
.td-soan legend{font-weight:600;padding:0 4px}
.td-luoi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.td-soan label{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--wg-fg-soft,#5f6368)}
.td-soan input,.td-soan select,.td-soan textarea{border:1px solid var(--wg-line,#dadce0);border-radius:6px;padding:5px 7px;font:inherit;font-size:13px;color:var(--wg-fg,#202124);background:var(--wg-bg,#fff)}
.td-soan textarea{font-family:ui-monospace,Consolas,monospace;font-size:12px}
.td-dk,.td-hd{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end;padding:6px;background:var(--wg-bg-soft,#f8f9fa);border-radius:6px}
.td-dk input{flex:1;min-width:160px}.td-hd label{flex:1 1 180px}
.td-dk button,.td-hd button{border:0;background:none;font-size:18px;cursor:pointer;color:var(--wg-fg-soft,#5f6368)}
.td-soan label:has(> input[type=checkbox]:first-child),.td-soan label:has(> input[type=radio]:first-child),.td-soan label.tc-ck,.td-chon label{display:inline-flex;flex-direction:row;align-items:center;gap:6px;color:var(--wg-fg,#202124);font-size:12.5px}
.td-soan input[type=checkbox],.td-soan input[type=radio]{padding:0;border:0;width:auto;margin:0}
.td-chon{display:flex;flex-wrap:wrap;gap:4px 14px;padding:6px 8px;border:1px solid var(--wg-line,#e8eaed);border-radius:8px;background:var(--wg-bg,#fff)}
.td-chon label[hidden]{display:none}
.td-soan label.td-ck,.td-soan label.td-nc{flex-direction:row;align-items:center;gap:6px;color:var(--wg-fg,#202124)}
.td-cuoi{display:flex;gap:8px;align-items:center}.td-cuoi span{flex:1}
.vw-form header .td-tabs button{font-size:13px}
.td-soan fieldset>.btn{align-self:flex-start}
/* tuy bien khong can ma (Studio thu gon) */
.st-w{width:min(820px,calc(100vw - 24px))}
.st-b section{border-top:1px solid var(--wg-line,#e8eaed);padding:8px 0}
.st-b h5{margin:0 0 6px;font-size:13px}.st-b h5 small{font-weight:400;color:var(--wg-fg-soft,#5f6368)}
.st-cb{background:#fef7e0;color:#7a4b00;border-radius:8px;padding:6px 10px;margin-bottom:8px;font-size:12px}
.st-x{padding:3px 0}.st-x code{font-size:11px;background:var(--wg-bg-soft,#f1f3f4);border-radius:4px;padding:0 4px}
.st-x button,.st-ls button,.st-cot button{border:1px solid var(--wg-line,#dadce0);background:var(--wg-bg,#fff);border-radius:6px;cursor:pointer;font:inherit;font-size:12px;padding:1px 7px;color:inherit}
.st-them{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.st-them input,.st-them select,.st-b select,.st-b input[data-md-sx],.st-xf input,.st-xf select{border:1px solid var(--wg-line,#dadce0);border-radius:6px;padding:4px 6px;font:inherit;background:var(--wg-bg,#fff);color:var(--wg-fg,#202124)}
.st-them input[name=nhan]{flex:1 1 220px}.st-them input[name=lc]{flex:1 1 220px}
.st-cot{margin:0 0 6px;padding-left:22px}.st-cot li{display:flex;gap:4px;align-items:center;padding:2px 0}.st-cot li span{flex:1}
.st-dong{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2px 10px;margin-top:6px;font-size:12.5px}
.st-ls{font-size:12px;padding:2px 0}
.st-xf{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 12px;align-items:end;background:var(--wg-bg-soft,#f8f9fa);border-radius:8px;padding:8px 10px;margin-top:10px}
.st-xf h5{grid-column:1/-1;margin:0}
.st-xf label{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--wg-fg-soft,#5f6368)}
.st-xf .btn{justify-self:start}
/* bang dieu hanh (web/js/bang-dh.js) + o gon */
.vw-gon>.vw-bar,.vw-gon .vw-pv-dk,.vw-gon .vw-lich-dh small{display:none}
.vw-gon .vw-dem{font-size:11px}
.bdh-n{position:fixed;inset:0;z-index:var(--wg-z-pop,58);background:rgba(0,0,0,.35);display:flex;align-items:stretch;justify-content:center;padding:12px}
.bdh{background:var(--wg-bg-soft,#f1f3f4);color:var(--wg-fg,#202124);border-radius:12px;width:min(1400px,100%);display:flex;flex-direction:column;overflow:hidden}
.bdh>header{display:flex;gap:8px;align-items:center;padding:10px 14px;background:var(--wg-bg,#fff);border-bottom:1px solid var(--wg-line,#e8eaed)}
.bdh-chon{border:1px solid var(--wg-line,#dadce0);border-radius:6px;padding:4px 6px;font:inherit}
.bdh-sp{flex:1}.bdh-x{border:0;background:none;font-size:22px;cursor:pointer;color:inherit}
.bdh-b{overflow:auto;padding:12px;flex:1}
.bdh-sua{display:flex;gap:6px;margin-bottom:10px}.bdh-ten{flex:1;border:1px solid var(--wg-line,#dadce0);border-radius:6px;padding:4px 8px;font:inherit}
.bdh-luoi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bdh-o{background:var(--wg-bg,#fff);border-radius:10px;padding:10px 12px;box-shadow:0 1px 2px rgba(0,0,0,.08);min-width:0;display:flex;flex-direction:column;max-height:460px}
.bdh-o>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px}
.bdh-o>header button{border:0;background:none;cursor:pointer;color:var(--wg-fg-soft,#5f6368);padding:0 3px}
.bdh-nd{overflow:auto;min-height:0}
.bdh-r1{grid-column:span 1}.bdh-r2{grid-column:span 2}.bdh-r3{grid-column:span 3}.bdh-r4{grid-column:span 4}
.bdh-so .bdh-nd{display:flex;align-items:center;justify-content:center}
.bdh-kpi{border:0;background:none;font-size:34px;font-weight:700;color:var(--wg-accent,#1a73e8);cursor:pointer;padding:4px 10px}
.bdh-kpi:hover{text-decoration:underline}
.bdh-o .vw-svg-tron{width:160px}
/* hang muc 1-6 (23/10): co bi cat, form sua chung, chon nhieu dong, hop thoai khai bao, tep dinh kem */
.vw-cat{color:#b06000;font-weight:600;margin-left:6px}
.vw-form header .btn{font-size:13px;margin-left:auto;margin-right:6px}
.vw-form-sua input:not([type=checkbox]),.vw-form-sua select,.vw-hoi input:not([type=checkbox]),.vw-hoi select{width:100%;box-sizing:border-box;border:1px solid var(--wg-line,#dadce0);border-radius:6px;padding:4px 6px;font:inherit;background:var(--wg-bg,#fff);color:var(--wg-fg,#202124)}
.vw-loi-o{display:block;color:#d93025;font-size:12px}
.vw-hoi{display:flex;flex-direction:column;gap:8px;width:min(460px,calc(100vw - 24px))}
.vw-hoi label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--wg-fg-soft,#5f6368)}
.vw-chon{width:28px;text-align:center}
.vw-chon-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--wg-accent-soft,#e8f0fe);border-radius:8px;padding:5px 10px;margin:4px 0;font-size:13px}
.vw-chon-bar button:not(.btn){border:0;background:none;color:var(--wg-accent,#1a73e8);cursor:pointer;font:inherit}
@media (max-width:900px){.bdh-luoi{grid-template-columns:repeat(2,minmax(0,1fr))}.bdh-r3,.bdh-r4{grid-column:span 2}}
@media (max-width:560px){.bdh-luoi{grid-template-columns:1fr}.bdh-r1,.bdh-r2,.bdh-r3,.bdh-r4{grid-column:span 1}}
/* hang doi gui di + danh so tu dong (tu-dong.js) */
.td-hg-dau{flex-wrap:wrap;gap:8px}.td-hg-dau input[type=search]{flex:1;min-width:160px;border:1px solid var(--wg-line,#dadce0);border-radius:6px;padding:5px 8px;font:inherit;background:var(--wg-bg,#fff);color:var(--wg-fg,#202124)}
.td-chip{display:flex;flex-wrap:wrap;gap:4px}.td-chip button{border:1px solid var(--wg-line,#dadce0);background:var(--wg-bg,#fff);border-radius:999px;padding:3px 10px;font:inherit;font-size:12px;cursor:pointer;color:var(--wg-fg,#202124)}
.td-chip button.is-on{background:var(--wg-accent-weak,#e8f0fe);border-color:var(--wg-accent,#1a73e8);color:var(--wg-accent,#1a73e8)}.td-chip button.td-chip-loi b{color:var(--wg-err,#d93025)}
.td-dich{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-tt{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11.5px;background:var(--wg-bg-soft,#f1f3f4)}
.td-tt-da_gui{background:#e6f4ea;color:#137333}.td-tt-loi{background:#fce8e6;color:#c5221f}.td-tt-cho{background:#fef7e0;color:#b06000}.td-tt-huy{color:var(--wg-fg-soft,#5f6368);text-decoration:line-through}
.td-ct td{background:var(--wg-bg-soft,#f8f9fa)}.td-ct-l{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.td-ct-l pre{max-height:260px;overflow:auto;margin:4px 0 8px;padding:6px 8px;background:var(--wg-bg,#fff);border:1px solid var(--wg-line,#e8eaed);border-radius:6px;font-size:11.5px;white-space:pre-wrap;word-break:break-word}
.td-trang{display:flex;gap:6px;align-items:center;justify-content:flex-end;margin:6px 0}
.td-xt{padding:6px 8px;background:var(--wg-bg-soft,#f8f9fa);border-radius:6px}.td-xt code{font-size:14px;font-weight:600}
@media (prefers-color-scheme:dark){.td-tt-da_gui{background:#1e3a2a;color:#81c995}.td-tt-loi{background:#3c1f1e;color:#f28b82}.td-tt-cho{background:#3a2f12;color:#fdd663}}
/* nhap tu tep (view.js nhap) */
.vw-nhap{width:min(1100px,calc(100vw - 24px))}.vw-nhap-b{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.vw-nhap-bang{overflow:auto;max-height:46vh;border:1px solid var(--wg-line,#e8eaed);border-radius:8px}
.vw-nhap-bang th{vertical-align:top;white-space:nowrap}.vw-nhap-bang select{margin-top:4px;max-width:200px;font:inherit;font-size:12px}
.vw-nhap-bang td{font-size:12px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vw-nhap-tom{padding:8px 10px;border-radius:8px;background:#e6f4ea;color:#137333}.vw-nhap-tom.co-loi{background:#fef7e0;color:#8a4b00}
.vw-nhap-loi{max-height:30vh;overflow:auto;display:block}
@media (prefers-color-scheme:dark){.vw-nhap-tom{background:#1e3a2a;color:#81c995}.vw-nhap-tom.co-loi{background:#3a2f12;color:#fdd663}}
/* mo hinh trong hop thoai (tu-dong.js moMoHinh) */
.vw-hop{width:min(1200px,calc(100vw - 24px));height:min(86vh,900px);display:flex;flex-direction:column}.vw-hop>.vw-hop-nd{flex:1;min-height:0;overflow:auto}
/* MAU IN (mau-in.js): menu «In ▾», quan ly mau, bo soan + xem thu (giay A4 mo phong) */
.mi-menu{min-width:220px;max-width:min(420px,calc(100vw - 16px))}.mi-menu button{display:block;width:100%;text-align:left;padding:6px 10px;border:0;background:none;border-radius:6px;cursor:pointer;color:inherit;font:inherit}
.mi-menu button:hover:not([disabled]){background:var(--wg-bg-soft,#f1f3f4)}.mi-menu button[disabled]{opacity:.6;cursor:default}
.mi-dlg{padding:0;border:0;border-radius:12px;background:var(--wg-bg,#fff);color:var(--wg-fg,#202124);box-shadow:0 12px 40px rgba(0,0,0,.3);max-width:calc(100vw - 16px)}
.mi-dlg>header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--wg-line,#e8eaed)}.mi-dlg>header>button{margin-left:auto;border:0;background:none;font-size:20px;cursor:pointer;color:inherit}
.mi-dlg>footer{display:flex;gap:8px;justify-content:flex-end;padding:10px 14px;border-top:1px solid var(--wg-line,#e8eaed)}
.mi-ql-dlg,.mi-ls-dlg{width:min(760px,calc(100vw - 16px))}.mi-ql{padding:10px 14px;max-height:65vh;overflow:auto}
.mi-soan-dlg{width:min(1320px,calc(100vw - 16px));height:min(92vh,980px)}.mi-soan-dlg[open]{display:flex;flex-direction:column}
.mi-than{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,440px) 1fr}
.mi-trai{overflow:auto;padding:10px 14px;border-right:1px solid var(--wg-line,#e8eaed);display:flex;flex-direction:column;gap:8px}
.mi-phai{overflow:auto;background:var(--wg-bg-soft,#eceff1);padding:10px}
.mi-o{display:flex;flex-direction:column;gap:3px;font-size:13px}.mi-o input,.mi-o textarea,.mi-o select,.mi-trai select{font:inherit;padding:5px 7px;border:1px solid var(--wg-line,#dadce0);border-radius:6px;background:var(--wg-bg,#fff);color:inherit}
.mi-hang{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;font-size:13px}.mi-hang input[type=number]{width:70px}
.mi-phan{border:1px solid var(--wg-line,#e8eaed);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px}
.mi-phan>header{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:13px}.mi-phan>header button,.mi-ds button,.mi-ky-o>button{border:0;background:none;cursor:pointer;color:inherit;padding:2px 6px}
.mi-ds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:13px}.mi-ds li{display:flex;align-items:center;gap:4px;padding:2px 6px;background:var(--wg-bg-soft,#f8f9fa);border-radius:6px}.mi-ds li span{flex:1}
.mi-cq-co-dinh{font-size:12px;margin:0;opacity:.8}.mi-chen{position:sticky;top:-10px;background:var(--wg-bg,#fff);padding:4px 0;z-index:1;font-size:13px}
.mi-xt-thanh{font-size:13px;margin-bottom:8px}.mi-xt-thanh input{width:90px}.mi-loi{color:#c5221f;padding:12px}
.mi-giay{background:#fff;color:#111;width:210mm;max-width:100%;min-height:200mm;margin:0 auto;padding:18mm 16mm 18mm 26mm;box-shadow:0 2px 10px rgba(0,0,0,.18);font:13pt/1.35 "Times New Roman",serif;box-sizing:border-box}
.mi-giay.mi-ngang{width:297mm;min-height:150mm}
.mi-giay .mi-cq{margin-bottom:14px}.mi-giay .mi-td{text-align:center;font-size:15pt;margin:6px 0 2px}.mi-giay .mi-phu{text-align:center;font-style:italic;margin:0 0 12px}
.mi-giay .mi-muc{font-size:13pt;margin:10px 0 4px}.mi-giay p{margin:0 0 5px}
.mi-giay .mi-bang{width:100%;border-collapse:collapse;font-size:11pt;margin-bottom:6px}.mi-giay .mi-bang th,.mi-giay .mi-bang td{border:1px solid #444;padding:3px 6px;text-align:left;vertical-align:top}
.mi-giay .mi-noi-ky{text-align:right;font-style:italic;margin-top:14px}.mi-giay .mi-ky{display:flex;gap:8px;text-align:center;margin-top:4px}.mi-giay .mi-ky>div{flex:1}.mi-giay .mi-ky-cho{height:64px}
.mi-giay .mi-cuoi{text-align:right;font-style:italic;font-size:9pt;margin-top:14px;color:#555}.mi-giay .mi-ngat{border:0;border-top:2px dashed #999;margin:22px -10mm}
@media (max-width:860px){.mi-than{grid-template-columns:1fr;overflow:auto}.mi-trai{border-right:0;overflow:visible}.mi-phai{overflow:visible}}