﻿.nd{--red:#d8331a;--red-soft:#fdece8;--ink:#1f2430;--mute:#7a8191;--line:#e6e8ee;--bg:#f4f5f8;--green:#1d9a4b;--green-soft:#e6f6ec;--amber:#c98a00;--amber-soft:#fff5d9;--blue:#2467d6;--blue-soft:#e8f0fd;
  font-family:"Be Vietnam Pro",system-ui,Arial,sans-serif;font-size:12.5px;color:var(--ink);font-variant-numeric:tabular-nums}
.nd *{box-sizing:border-box}
.nd button{font-family:inherit;font-size:12px;cursor:pointer}
.nd button:focus-visible,.nd input:focus-visible,.nd textarea:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.nd-wrap{background:#f4f5f8}
.nd-card{background:#fff;border:1px solid var(--line);border-radius:6px}
.nd-filters{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;align-items:center}
.nd-filters>input{font-family:inherit;font-size:12px;padding:6px 8px;border:1px solid var(--line);border-radius:4px;background:#fff;min-width:130px}
.nd-filters .grow{flex:1;min-width:200px}
.nd-kbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:9px 12px;border-top:1px solid var(--line)}
.nd-kpills{display:flex;flex-wrap:wrap;gap:6px}
.nd-kpills button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 11px 5px 9px;font-weight:500;color:var(--ink)}
.nd-kpills button i{width:7px;height:7px;border-radius:50%;background:var(--mute)}
.nd-kpills button b{font-weight:700;font-size:13px}
.nd-kpills button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.nd-kpills .k-chua i{background:var(--red)} .nd-kpills .k-ready i{background:var(--blue)} .nd-kpills .k-nd i{background:var(--green)}
.nd-kstats{display:flex;flex-wrap:wrap;gap:6px 24px;margin-left:auto;align-items:flex-end}
.nd-kstats div span{display:block;color:var(--mute);font-size:10.5px;line-height:1.2}
.nd-kstats div b{font-size:14px;font-weight:700}
.nd-kstats .t b{color:var(--blue)} .nd-kstats .g b{color:var(--green)} .nd-kstats .r b{color:var(--red)}
.nd-kstats .mini{width:120px;padding-bottom:5px}
.nd-msback{position:fixed;inset:0;z-index:14}
.nd-cbms{flex:0 0 auto;width:190px;min-width:0;display:flex;align-items:center}
.nd-cbms.wide{width:230px}
.nd-cbms.xwide{flex:1 1 300px;width:auto;max-width:460px}
.nd .nd-cbms .rz-dropdown{width:100%;height:31px!important;min-height:31px;padding:0 26px 0 9px!important;display:flex;align-items:center;box-sizing:border-box;overflow:hidden;position:relative;border:1px solid var(--line)!important;border-radius:4px;background:#fff!important;box-shadow:none!important;font-size:12px}
.nd .nd-cbms .rz-dropdown .rz-inputtext,.nd .nd-cbms .rz-dropdown .rz-dropdown-label,.nd .nd-cbms .rz-dropdown .rz-dropdown-chips-wrapper,.nd .nd-cbms .rz-dropdown .rz-dropdown-value{height:auto!important;line-height:1.3;padding:0!important;margin:0;display:flex;align-items:center;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit;font-size:12px;color:var(--ink)}
.nd .nd-cbms .rz-dropdown .rz-dropdown-label.rz-placeholder{color:var(--ink);opacity:1}
.nd .nd-cbms .rz-dropdown .rz-dropdown-trigger{position:absolute;right:0;top:0;bottom:0;width:24px;height:auto!important;display:flex;align-items:center;justify-content:center;background:none;color:var(--mute)}
.nd .nd-cbms .rz-dropdown .rz-dropdown-clear-icon{position:absolute;right:22px;top:50%;transform:translateY(-50%)}
.nd .nd-cbms .rz-dropdown:focus-within,.nd .nd-cbms .rz-dropdown.rz-state-focused{border-color:#17356e!important}
.nd .nd-cbms.on .rz-dropdown{border-color:#a9bbdc!important;background:#e6edf9!important}
.nd .nd-cbms.on .rz-dropdown .rz-dropdown-label{color:#17356e;font-weight:600}
.nd tr.pshit td{background:#fffbea}
.nd-bar2{display:flex;align-items:center;gap:8px;margin:10px 0 8px;flex-wrap:wrap}
.nd-seg{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff}
.nd-seg button{border:0;background:#fff;padding:6px 12px;font-weight:600}
.nd-seg button.on{background:var(--red);color:#fff}
.nd-btn{border:1px solid var(--line);background:#fff;border-radius:5px;padding:6px 11px;font-weight:600;color:var(--ink)}
.nd-btn.pri{background:var(--red);border-color:var(--red);color:#fff}
.nd-btn.amb{background:var(--amber-soft);border-color:#ecd38a;color:#7a5600}
.nd-btn:disabled{opacity:.45;cursor:not-allowed}
.nd-tblwrap{overflow-x:auto}
.nd table{border-collapse:collapse;width:100%}
.nd th{font-size:10.5px;color:var(--mute);font-weight:600;text-transform:uppercase;text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);white-space:nowrap;background:#fafbfc}
.nd td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}
.nd td.num,.nd th.num{text-align:right}
.nd td.ctr,.nd th.ctr{text-align:center}
.nd tr.lich{cursor:pointer}
.nd tr.lich:hover{background:#fafbfd}
.nd tr.lich.locked{background:#f7f7f4}
.nd .kh b{display:block;font-weight:600}
.nd .kh small,.nd .idl small{color:var(--mute);font-size:11px}
.nd .w6{font-weight:600}
.nd .sm-a{color:var(--amber);font-size:11px}
.nd .sm-m{color:var(--mute);font-size:11px}
.nd .po{color:#6a35c2;font-weight:600;font-size:11px}
.nd-chev{display:inline-block;width:14px;color:var(--red);transition:transform .15s}
.nd-chev.open{transform:rotate(90deg)}
.nd .prog{width:150px}
.nd-track{height:7px;background:#eceef3;border-radius:4px;position:relative;overflow:hidden}
.nd-track .lay{position:absolute;inset:0 auto 0 0;background:#9cc3f5}
.nd-track .giao{position:absolute;inset:0 auto 0 0;background:var(--green)}
.nd .prog small{display:flex;justify-content:space-between;color:var(--mute);font-size:10.5px;margin-top:3px}
.nd-badge{display:inline-block;padding:2px 7px;border-radius:9px;font-size:11px;font-weight:600}
.nd .b-tam{background:var(--amber-soft);color:#7a5600}
.nd .b-chot{background:var(--green-soft);color:var(--green)}
.nd .b-cho{background:#eef0f4;color:#555c6b}
.nd .b-di{background:var(--blue-soft);color:var(--blue)}
.nd .b-giao{background:var(--green-soft);color:var(--green)}
.nd .b-rot{background:var(--red-soft);color:var(--red)}
.nd .b-pend{background:#f1e8ff;color:#6a35c2}
.nd .b-huy{background:#e9eaee;color:#555c6b;text-decoration:line-through}
.nd .b-ready{background:#fff;color:var(--green);border:1px solid var(--green)}
.nd .al{white-space:normal;min-width:230px;max-width:300px;line-height:1.5;font-size:11.5px}
.nd .al div{padding-left:12px;position:relative}
.nd .al div:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%}
.nd .al .r:before{background:var(--red)} .nd .al .a:before{background:var(--amber)} .nd .al .g:before{background:var(--green)}
.nd .al .r{color:#8c1d0c;font-weight:600} .nd .al .g{color:var(--green);font-weight:600} .nd .al .none{color:var(--mute);padding:0}
.nd .al .none:before{display:none}
.nd-lnk{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--blue);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.nd-lnk.ink{color:var(--ink)} .nd-lnk.red{color:var(--red)}
.nd .noimg{display:block;color:var(--mute);font-size:10.5px}
.nd .idl{display:flex;align-items:center;gap:10px}
.nd .dchip{min-width:48px;line-height:1.25;padding-right:10px;border-right:1px solid var(--line)}
.nd .dchip b{display:block;font-size:14px;font-weight:700;color:var(--ink)}
.nd .dchip small{font-size:10.5px;color:var(--mute)}
.nd .dchip.today small{color:var(--red);font-weight:600}
.nd .dchip.late small{color:var(--amber);font-weight:600}
.nd tr.lich.ready td:first-child{box-shadow:inset 3px 0 0 var(--green)}
.nd .why{display:block;color:var(--mute);font-size:10.5px;white-space:normal;max-width:170px;line-height:1.35;margin-top:2px}
.nd tr.lich.huy td{color:var(--mute)}
.nd .neg{color:var(--red)} .nd .pos{color:var(--green)} .nd .mute{color:var(--mute)}
.nd-note{color:var(--mute);font-size:11.5px;padding:8px 12px}
.nd kbd{border:1px solid var(--line);border-bottom-width:2px;border-radius:3px;padding:0 4px;font-size:10.5px;font-family:inherit;color:var(--mute);background:#fff}
.nd-tblwrap.main{max-height:calc(100vh - 300px);min-height:320px;overflow:auto}
.nd-tblwrap.main>table>thead th{position:sticky;top:0;z-index:4}
.nd-tblwrap.main th.stk,.nd-tblwrap.main td.stk{position:sticky;z-index:2;background:#fff}
.nd-tblwrap.main th.stk{z-index:5;background:#fafbfc}
.nd-tblwrap.main .stk0{left:0;width:54px;min-width:54px}
.nd-tblwrap.main .stk1{left:54px;box-shadow:1px 0 0 var(--line)}
.nd tr.lich:hover td.stk{background:#fafbfd}
.nd tr.lich.locked td.stk{background:#f7f7f4}
.nd th.srt{cursor:pointer;user-select:none}
.nd th.srt:hover{color:var(--ink)}
.nd th.srt .ar{display:inline-block;width:10px;color:var(--red);font-size:9px}
.nd-qv{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.nd-qv button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px;font-weight:500;color:var(--ink)}
.nd-qv button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.nd-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px}
.nd-chips:empty{display:none}
.nd-chips button{border:0;background:var(--red-soft);color:#8c1d0c;border-radius:999px;padding:3px 9px;font-size:11.5px}
.nd-chips button b{margin-left:6px;font-weight:700}
.nd-colp{position:absolute;right:0;top:calc(100% + 4px);z-index:16;width:440px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 28px rgba(20,24,40,.16);padding:10px 12px}
.nd-colp h4{margin:8px 0 4px;font-size:11.5px;color:var(--mute);font-weight:600}
.nd-colp .g{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px 10px}
.nd-colp label{display:flex;gap:6px;align-items:center;padding:3px 0;font-size:12px;margin:0}
.nd-colp .pre{display:flex;gap:6px;margin-bottom:4px}
.nd-sub{background:#f7f8fb;padding:10px 14px 14px 38px}
.nd-sub table{background:#fff;border:1px solid var(--line);border-radius:5px}
.nd-sub th{background:#fff}
.nd-sub .cstk{position:sticky;z-index:3;background:#fff}
.nd-sub .cstk0{left:0;width:34px;min-width:34px}
.nd-sub .cstk1{left:34px;box-shadow:1px 0 0 var(--line)}
.nd-sub tr.pshit td.cstk{background:#fffbea}
.nd-actionbar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:8px;padding:9px 12px 9px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px rgba(20,24,40,.28);z-index:12}
.nd-actionbar .nd-btn{border:0}
.nd-ov{position:fixed;inset:0;background:rgba(25,28,40,.45);display:flex;align-items:flex-start;justify-content:center;padding:40px 12px;overflow:auto;z-index:1050}
.nd-modal{background:#fff;border-radius:8px;width:min(880px,100%);padding:0}
.nd-modal.wide{width:min(1180px,100%)}
.nd-modal.narrow{width:min(680px,100%)}
.nd-modal.nd-vl{width:min(1480px,94vw);max-width:none;height:min(860px,88vh);margin:auto;display:flex;flex-direction:column}
.nd-ov:has(.nd-vl){padding:16px 12px;align-items:center}
.nd-ov.center{align-items:center}
.nd-ov.center .nd-modal{margin:auto}
.nd-vl>.body{flex:1;min-height:0;display:flex;flex-direction:column}
.nd-vl .nd-vl-tbl{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}
.nd-x{border:0;background:none;width:36px;height:36px;border-radius:8px;font-size:32px;font-weight:300;line-height:1;color:var(--mute);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.nd-x:hover{background:#f0f2f6;color:var(--ink)}
.nd-vl table{table-layout:auto;width:100%}
.nd-vl th,.nd-vl td{white-space:normal;word-break:break-word;font-size:11.5px;padding:7px 6px}
.nd-vl th{line-height:1.25}
.nd-vl td.wrap{min-width:0}
.nd-grpbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid var(--line)}
.nd-grpstats{display:flex;align-items:center;gap:8px;color:var(--mute);font-size:11.5px;white-space:nowrap}
.nd-grpstats b{color:var(--ink);font-weight:700}
.nd-grpstats i{width:3px;height:3px;border-radius:50%;background:#c7ceda}
.nd-grpsearch{flex:1;min-width:220px;font-family:inherit;font-size:12px;padding:6px 9px;border:1px solid var(--line);border-radius:4px;background:#fff}
.nd-grpsearch:focus{outline:none;border-color:#17356e}
.nd-vl tr.grp{cursor:pointer}
.nd-vl tr.grp td{font-weight:600;background:#fff}
.nd-vl tr.grp:hover td{background:#fafbfd}
.nd-vl tr.grp.open td{background:var(--red-soft)}
.nd-vl tr.grp.open td:first-child{box-shadow:inset 3px 0 0 var(--red)}
.nd-vl tr.grp.busy td{background:#e6edf9}
.nd-vl tr.grpc td{background:#fcfcfd;color:#555c6b}
.nd-vl tr.grpc td:first-child{box-shadow:inset 3px 0 0 #f3d9c8}
.nd-vl .grpn{display:inline-block;min-width:17px;padding:0 5px;margin-left:5px;border-radius:9px;background:#f1e8ff;color:#6a35c2;font-size:10.5px;font-weight:700;line-height:17px;text-align:center;vertical-align:1px}
.nd-modal h2{margin:0;font-size:15px;padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-weight:700}
.nd-modal .body{padding:14px 18px}
.nd-modal .foot{padding:12px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;align-items:center}
.nd-modal h3{font-size:12.5px;margin:14px 0 6px;font-weight:700}
.nd-modal h3:first-child{margin-top:0}
.nd-tg{display:grid;gap:6px}
.nd-tgt{display:grid;grid-template-columns:20px 1.6fr 1fr 1fr 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:8px 10px;cursor:pointer;margin:0}
.nd-tgt.sel{border-color:var(--red);background:var(--red-soft)}
.nd-tfscope{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}
.nd-tfscope label{display:inline-flex;align-items:center;gap:6px;margin:0;cursor:pointer}
.nd-cbms.nd-tfpick{width:100%}
.nd-tgt small{color:var(--mute);display:block;font-size:11px}
.nd-alert{border-radius:5px;padding:8px 10px;margin:8px 0;font-size:12px}
.nd-alert.w{background:var(--amber-soft);color:#6b4b00}
.nd-alert.e{background:var(--red-soft);color:#8c1d0c}
.nd-alert.i{background:var(--blue-soft);color:#173f86}
.nd textarea{width:100%;font-family:inherit;font-size:12.5px;padding:7px 9px;border:1px solid var(--line);border-radius:5px;min-height:58px;resize:vertical}
.nd-rules{margin:0;padding-left:16px;color:var(--mute);font-size:11.5px;line-height:1.6}
.nd-drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:#fff;border-left:1px solid var(--line);z-index:1060;display:flex;flex-direction:column;box-shadow:-8px 0 24px rgba(20,24,40,.12)}
.nd-drawer h2{margin:0;padding:14px 16px;font-size:14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-weight:700}
.nd-drawer .lst{overflow:auto;padding:10px 16px}
.nd-lg{border-bottom:1px solid var(--line);padding:9px 0;line-height:1.55}
.nd-lg small{color:var(--mute)}
.nd-cdh{display:flex;align-items:center;gap:10px;padding:12px 16px;flex-wrap:wrap;background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.nd-cdh span{background:#f1f2f6;border-radius:4px;padding:4px 9px;font-weight:600}
.nd-cdh span.ttl{background:none;padding-left:0;font-size:15px;font-weight:700}
.nd-cdh .nd-btn{margin-left:auto}
.nd-cdi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 24px;padding:14px 16px}
.nd-cdi div span.lb{color:var(--mute);margin-right:6px}
.nd-cdl{margin:0 16px 14px;display:flex;flex-wrap:wrap;gap:8px}
.nd-cdl>div{border:1px solid var(--line);border-radius:6px;padding:8px 12px;display:flex;gap:10px;align-items:center}
.nd-cdt{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nd-cdt.four{grid-template-columns:repeat(4,1fr)}
.nd-cdt>div{border:1px solid var(--line);background:#fafbfc;border-radius:4px;text-align:left;padding:9px 12px}
.nd-cdt span{display:block;font-size:11.5px;color:var(--mute)}
.nd-cdt b{font-size:15px;color:var(--ink)}
.nd-tl{display:flex;margin:14px 16px;padding:18px 20px 14px;background:#f7f8fb;position:relative}
.nd-tl:before{content:"";position:absolute;left:36px;right:36px;top:35px;height:2px;background:#cfd4de}
.nd-tl>div{width:190px;position:relative;font-size:11.5px}
.nd-tl i{display:block;width:34px;height:34px;border-radius:50%;background:#cfd4de;border:3px solid #f7f8fb;margin-bottom:8px;position:relative}
.nd-tl .ok i{background:var(--ink)}
.nd-tl .ok i:after{content:"";position:absolute;left:10px;top:6px;width:7px;height:13px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.nd-tl small{display:block;color:var(--mute);margin-top:4px}
.nd-cdlog{margin:0 16px 16px;border:1px solid var(--line);border-radius:4px}
.nd-cdlog summary{padding:9px 12px;cursor:pointer;font-weight:600;background:#fafbfc}
.nd-cdlog>div{padding:8px 12px;border-top:1px solid var(--line);line-height:1.5}
.nd-pobox{margin:0 16px 12px;padding:10px 12px;border:1px solid var(--line);border-left:3px solid #8c6bd1;background:#fff;border-radius:6px}
.nd-pobox small{display:block;color:var(--mute);margin-top:6px;line-height:1.5}
.nd-edbox{margin:12px 16px 0;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 0 0 3px #f1f2f6}
.nd-edrow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:10px 0 4px}
.nd-edrow label{color:var(--mute);font-size:11.5px;margin:0}
.nd-edrow output,.nd-edrow input{display:block;margin-top:4px;font-size:14px;font-weight:700;color:var(--ink)}
.nd-edrow input{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:4px;font-family:inherit}
.nd-ld2{display:grid;grid-template-columns:320px 1fr;gap:20px;padding:14px 16px 18px}
.nd-ld2 h3{margin:0 0 8px;font-size:12.5px}
.nd-evl{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--line)}
.nd-evl li{position:relative;padding:0 0 12px 12px;line-height:1.45}
.nd-evl li:before{content:"";position:absolute;left:-20px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--mute);border:2px solid #fff}
.nd-evl li:last-child:before{background:var(--ink)}
.nd-evl li:last-child{padding-bottom:0}
.nd-evl span,.nd-evl small{display:block}
.nd-evl small{color:var(--mute);font-size:11px}
.nd-edt{border:1px solid var(--line);border-radius:4px}
.nd-edt td,.nd-edt th{padding:7px 8px}
.nd-iv{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
.nd-iv .pic{border:1px solid var(--line);border-radius:4px;background:#fffef6;min-height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.nd-iv .pic img{max-width:100%;max-height:70vh;transition:transform .15s}
.nd-iv dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:12.5px}
.nd-iv dt{color:var(--mute);font-weight:400} .nd-iv dd{margin:0;font-weight:600}
.nd-mtabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:10px}
.nd-mtabs button{border:0;background:none;padding:10px 14px;font-size:13.5px;font-weight:600;color:var(--mute);border-bottom:2px solid transparent;margin-bottom:-1px}
.nd-mtabs button.on{color:var(--red);border-bottom-color:var(--red)}
.nd-mtabs button i{font-style:normal;background:var(--red);color:#fff;border-radius:9px;padding:1px 7px;font-size:11px;margin-left:6px}
.nd-mtabs .nd-hdsd{position:relative;margin-left:auto;align-self:center;display:inline-flex;align-items:center;gap:8px;padding:7px 16px;margin-bottom:4px;font-size:13px;font-weight:700;color:#0d47a1;border-radius:20px;text-decoration:none;background:#e3f0ff;border:1px solid #9cc3f0;box-shadow:0 2px 6px rgba(13,71,161,.12);white-space:nowrap;animation:ndhdsd 2.5s ease-in-out infinite;transition:transform .15s,box-shadow .15s,background .15s}
.nd-mtabs .nd-hdsd .fas{font-size:16px;color:#1e6fd9}
.nd-mtabs .nd-hdsd:hover{color:#0d47a1;background:#d2e6fb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(13,71,161,.18);animation:none}
@keyframes ndhdsd{0%,100%{box-shadow:0 2px 6px rgba(13,71,161,.12)}50%{box-shadow:0 2px 6px rgba(13,71,161,.12),0 0 0 5px rgba(30,111,217,.12)}}
.nd-isit{display:grid;grid-template-columns:300px 1fr;gap:14px;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:5px;margin-bottom:6px;white-space:normal}
.nd-pager{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--line);color:var(--mute);font-size:11.5px}
.nd-tblhost{position:relative}
.nd-loading{position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.6);border-radius:6px;pointer-events:none}
.nd-loading>div{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 22px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(20,24,40,.12);color:var(--mute);font-weight:600}
.nd-spin.big{width:28px;height:28px;border-width:3px}
.nd-spin{display:inline-block;width:12px;height:12px;border:2px solid var(--line);border-top-color:var(--red);border-radius:50%;animation:ndspin .7s linear infinite;vertical-align:-2px}
@keyframes ndspin{to{transform:rotate(360deg)}}
.main-container:has(.nd-wrap){overflow:hidden!important}
.main-content:has(>.nd-wrap){height:100%!important;min-height:0!important;overflow:hidden}
.nd-wrap,.nd-wrap>*{box-sizing:border-box}
.nd-wrap{height:100%;max-height:calc(100vh - 52px);min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:10px 14px 10px}
.nd-wrap>.nd{flex:0 0 auto}
.nd-fill>.nd-card,.nd-fill>.nd-bar2,.nd-fill>.nd-pager{flex:0 0 auto}
.nd-fill>.nd-tblhost{min-height:140px}
.nd-tabbody{flex:1;min-height:0;display:flex;flex-direction:column}
.nd-tabbody[hidden]{display:none}
.nd-fill{flex:1;min-height:0;display:flex;flex-direction:column}
.nd-grow{flex:1;min-height:0;display:flex;flex-direction:column}
.nd-tblwrap.nd-scroll,.nd-tblwrap.main.nd-scroll{flex:1;min-height:0;max-height:none;overflow:auto}
.nd-tblwrap.nd-scroll>table>thead th{position:sticky;top:0;z-index:4}
.nd-btn.grn{background:var(--green);border-color:var(--green);color:#fff}
.nd-btn.dng{color:var(--red)}
.nd td.wrap{white-space:normal;min-width:160px}
.nd-kpills .k-wait i{background:var(--amber)}
.nd tr.pt-row.pending td:first-child{box-shadow:inset 3px 0 0 var(--amber)}
.nd tr.pt-row.approved td:first-child{box-shadow:inset 3px 0 0 var(--green)}
.nd tr.pt-row.rejected td:first-child{box-shadow:inset 3px 0 0 var(--red)}
@media (max-width:900px){.nd-kstats{margin-left:0}.nd-ld2{grid-template-columns:1fr}.nd-cdi{grid-template-columns:1fr}.nd-iv{grid-template-columns:1fr}.nd-isit{grid-template-columns:1fr}.nd-edrow{grid-template-columns:1fr 1fr}.nd-tl{overflow-x:auto}}
