.qgrid-wrap{overflow:auto;max-height:calc(100vh - 260px);border:1px solid #eee;border-radius:8px;background:#fff}.qgrid{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.qgrid th,.qgrid td{border-bottom:1px solid #f0f0f0;padding:2px 4px;white-space:nowrap}.qgrid thead th{position:sticky;top:0;background:#faf7fb;z-index:2;font-weight:600;text-align:left;padding:6px 4px}.qgrid thead tr.g th{top:0}.qgrid thead tr.h th{top:29px}.qgrid td.num,.qgrid th.num{text-align:right}.qgrid td.sticky,.qgrid th.sticky{position:sticky;left:0;background:#fff;z-index:1}.qgrid thead th.sticky{z-index:3;background:#faf7fb}.qgrid tr.zero td{color:#999}.qgrid tr.cat td{background:#fbf8ec;font-weight:600;color:#5b4a16;padding:4px 8px}.qgrid input{width:100%;border:1px solid transparent;border-radius:4px;padding:3px 5px;font:inherit;background:transparent}.qgrid input:hover{border-color:#ddd}.qgrid input:focus{outline:none;border-color:#4d0f5e;background:#fff}.qgrid input.n{text-align:right}.qgrid input[readonly]{border-color:transparent}.qgrid .w-qty{width:90px}.qgrid .w-rate{width:84px}.qgrid .w-brand{width:120px}.qgrid .w-gst{width:56px}.qgrid .w-amt{width:110px}.qgrid .w-item{min-width:220px}.qgrid .g-sep{border-left:2px solid #eadff0}.qgrid .internal{background:#fff8f0}.qdoc{background:#fff;color:#222;max-width:1180px;margin:0 auto;padding:28px 32px;font-size:12px;line-height:1.45}.qdoc h1{font-size:20px;margin:0;letter-spacing:1px;color:#4d0f5e}.qdoc .top{display:flex;justify-content:space-between;gap:24px;border-bottom:2px solid #4D0F5E;padding-bottom:12px}.qdoc .co-name{font-size:18px;font-weight:700}.qdoc .meta td{padding:1px 8px 1px 0}.qdoc .meta td:first-child{color:#666}.qdoc .to{margin:14px 0;display:flex;justify-content:space-between;gap:24px}.qdoc .label{color:#666;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.qdoc table.lines{width:100%;border-collapse:collapse;margin-top:8px}.qdoc table.lines th,.qdoc table.lines td{border:1px solid #ddd;padding:3px 5px;vertical-align:top}.qdoc table.lines th{background:#f6f1f8;font-weight:600;text-align:center}.qdoc table.lines td.num{text-align:right;white-space:nowrap}.qdoc table.lines tr.tot td{font-weight:600;background:#faf7fb}.qdoc .totals{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px}.qdoc .tcard{border:1px solid #ddd;border-radius:6px;padding:8px 12px;min-width:230px;flex:1}.qdoc .tcard.acc{border-color:#52c41a;box-shadow:0 0 0 1px #52c41a inset}.qdoc .tcard h4{margin:0 0 4px;font-size:13px;color:#4d0f5e}.qdoc .tcard table{width:100%}.qdoc .tcard td.num{text-align:right}.qdoc .tcard tr.grand td{font-weight:700;font-size:14px;border-top:1px solid #ddd;padding-top:3px}.qdoc .note{color:#8a6d00;background:#fffbe6;border:1px solid #ffe58f;padding:6px 10px;border-radius:6px;margin-top:10px}.qdoc .banner{padding:8px 12px;border-radius:6px;margin-bottom:12px;font-weight:600}.qdoc .banner.warn{background:#fff7e6;border:1px solid #ffd591;color:#ad4e00}.qdoc .banner.ok{background:#f6ffed;border:1px solid #b7eb8f;color:#237804}.qdoc .foot{display:flex;justify-content:space-between;gap:24px;margin-top:18px}.qdoc .terms{white-space:pre-wrap}.qdoc .sign{text-align:right;min-width:220px}.qdoc .sign .line{margin-top:42px;border-top:1px solid #999;padding-top:3px}.qdoc .small{color:#777;font-size:11px}.qdoc-toolbar{max-width:1180px;margin:0 auto 12px;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}@media print{@page{size:A4 landscape;margin:8mm}body{background:#fff!important}.no-print,.ant-layout-sider,.ant-layout-header{display:none!important}.ant-layout-content{margin:0!important}.qdoc{padding:0;max-width:none;font-size:10.5px}.qdoc table.lines tr,.qdoc .totals,.qdoc .foot{page-break-inside:avoid}}@media(max-width:700px){.qdoc{padding:14px}.qdoc .top,.qdoc .to,.qdoc .foot{flex-direction:column}.qdoc .lines-scroll{overflow-x:auto}}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5}