/* HCL ONE — module Phiếu giao NPP + Sổ ngày (0.9.3, k5). Chỉ lớp .pn-*, chỉ biến màu của web/giao_dien.css (đúng cả chế độ tối). */
.pn .pn-tab{margin-bottom:12px}
.pn .pn-dau-hang{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.pn .pn-dau-chu{flex:1 1 320px;min-width:0}
.pn .pn-tieu{margin:0 0 4px;font:800 20px/1.35 var(--tieu-de, inherit);color:var(--chinh)}
.pn .pn-o{display:flex;flex-direction:column;gap:4px;font:600 13px var(--noi-dung, inherit);color:var(--mo)}
.pn .pn-o input{min-height:44px;padding:8px 10px;border:1px solid var(--vien);border-radius:10px;background:var(--the);color:var(--chu);font:600 15px var(--noi-dung, inherit)}
.pn .pn-nut{margin-top:12px}
.pn .pn-luot{margin-bottom:16px}
.pn .pn-chip{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.pn .pn-so{margin:12px 0}
.pn .pn-bang td{vertical-align:middle}
.pn .pn-bang select{min-height:40px;padding:6px 8px;border:1px solid var(--vien);border-radius:8px;background:var(--the);color:var(--chu);font:600 14px var(--noi-dung, inherit)}
.pn .pn-bang tr.pn-do td{background:var(--do-nhat)}
.pn .pn-bang tr.pn-ngung td{opacity:.6}
.pn .pn-gui{white-space:nowrap}
.pn .pn-tai{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn .pn-tep{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.pn .pn-nho{font-size:13px;margin:6px 0 0}
.pn .pn-cuoi{margin-top:8px}
.pn-sheet .pn-xt-npp{border-top:1px solid var(--vien-2);padding:10px 0}
.pn-sheet .pn-xt-dau{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.pn-sheet .pn-xt-h{margin:14px 0 6px;font:800 14px/1.45 var(--noi-dung, inherit);color:var(--mo);text-transform:uppercase;padding-top:2px}
.pn-sheet .pn-xt-ds .hc-dong{padding:8px 0}