#nq-demo{--n-bg:light-dark(#eef2f1,#101916);--n-panel:light-dark(#fff,#19231f);--n-ink:light-dark(#233631,#e3ebe7);--n-muted:light-dark(#66766e,#b0beb6);--n-line:light-dark(#d7e0da,#35453c);--n-accent:light-dark(#215c49,#9edbc1);--n-onaccent:light-dark(#fff,#153629);--n-soft:light-dark(#edf5ef,#26392e);--n-warn:light-dark(#87561c,#e9c58c);--n-warnbg:light-dark(#fff4e3,#3b301f);--n-error:light-dark(#a03d38,#ffa9a2);--n-input:light-dark(#fff,#14211a);font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.55;color:var(--n-ink);background:var(--n-bg);border:1px solid var(--n-line);border-radius:12px;overflow-wrap:anywhere;text-align:left;isolation:isolate}
#nq-demo *{box-sizing:border-box}
#nq-demo [hidden]{display:none!important}
#nq-demo button,#nq-demo input,#nq-demo select,#nq-demo textarea{font:inherit;color:inherit}
#nq-demo input,#nq-demo select,#nq-demo textarea{width:100%;min-width:0;background:var(--n-input);border:1px solid var(--n-line);border-radius:6px;padding:8px 9px}
#nq-demo input[type=checkbox]{width:17px;height:17px;accent-color:var(--n-accent);margin:2px 0;flex:none}
#nq-demo input[aria-invalid=true],#nq-demo textarea[aria-invalid=true]{border-color:var(--n-error)}
#nq-demo button{font-weight:500}
#nq-demo button:disabled{opacity:.46;cursor:not-allowed}
#nq-demo h2,#nq-demo h3,#nq-demo p{margin:0}
#nq-demo h2{font-size:18px;font-weight:600;line-height:1.35}
#nq-demo h3{font-size:16px;font-weight:600;line-height:1.45}
#nq-demo label{display:block;font-size:12px;color:var(--n-muted)}
#nq-demo label input,#nq-demo label select,#nq-demo label textarea{margin-top:5px;font-size:14px;color:var(--n-ink)}
#nq-demo .nq-header{padding:21px 108px 18px 22px;background:var(--n-panel);border-radius:12px 12px 0 0;border-bottom:1px solid var(--n-line)}
#nq-demo .nq-brand{font-size:21px;letter-spacing:3px;font-weight:600}
#nq-demo .nq-sub{color:var(--n-muted);font-size:12px;line-height:1.6}
#nq-demo .nq-dot{padding:0 5px}
#nq-demo .nq-nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap;padding:10px 20px;background:var(--n-panel);border-bottom:1px solid var(--n-line)}
#nq-demo .nq-navbtn{border:0;background:transparent;padding:7px 12px;border-radius:6px;white-space:nowrap}
#nq-demo .nq-navbtn[aria-pressed=true]{background:var(--n-soft);color:var(--n-accent)}
#nq-demo .nq-navspacer{flex:1}
#nq-demo .nq-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,36%);align-items:start;gap:18px;padding:18px}
#nq-demo .nq-catalog{min-width:0}
#nq-demo .nq-sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px}
#nq-demo .nq-search{margin-bottom:14px}
#nq-demo .nq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#nq-demo .nq-product{border:1px solid var(--n-line);border-radius:9px;background:var(--n-panel);min-width:0}
#nq-demo .nq-product-photo{aspect-ratio:1.65;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:9px 9px 0 0;padding:12px;overflow:hidden}
#nq-demo .nq-product-photo img{display:block;max-width:100%;max-height:100%;object-fit:contain}
#nq-demo .nq-product-info{padding:12px}
#nq-demo .nq-series{color:var(--n-accent);font-size:12px;letter-spacing:.4px;margin-bottom:4px}
#nq-demo .nq-product-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;flex-wrap:wrap}
#nq-demo .nq-price{font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:18px;font-weight:500;font-variant-numeric:tabular-nums}
#nq-demo .nq-button{display:inline-flex;justify-content:center;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--n-line);background:var(--n-panel);border-radius:6px;font-size:13px;min-height:36px;text-align:center}
#nq-demo .nq-button.nq-primary{background:var(--n-accent);color:var(--n-onaccent);border-color:var(--n-accent)}
#nq-demo .nq-textbtn{border:0;background:transparent;color:var(--n-accent);padding:4px 0;font-size:12px;text-decoration:underline;text-underline-offset:3px}
#nq-demo .nq-cart{background:var(--n-panel);border:1px solid var(--n-line);border-radius:9px;min-width:0;padding:15px}
#nq-demo .nq-cart-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--n-line)}
#nq-demo .nq-count{font-size:12px;color:var(--n-muted)}
#nq-demo .nq-customer{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px 0}
#nq-demo .nq-cart-line{border-top:1px solid var(--n-line);padding:14px 0}
#nq-demo .nq-line-head{display:flex;align-items:flex-start;gap:8px}
#nq-demo .nq-line-thumb{width:52px;height:43px;object-fit:contain;background:#fff;border-radius:4px;flex:none}
#nq-demo .nq-line-name{flex:1;min-width:0;font-size:14px;font-weight:600}
#nq-demo .nq-line-meta{padding-left:25px;color:var(--n-muted);font-size:12px;line-height:1.65;margin-top:4px}
#nq-demo .nq-line-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-left:25px}
#nq-demo .nq-quantity{display:flex;align-items:center;border:1px solid var(--n-line);border-radius:5px;overflow:hidden;background:var(--n-input)}
#nq-demo .nq-quantity button{border:0;background:transparent;width:27px;height:30px;padding:0}
#nq-demo .nq-quantity input{width:40px;min-width:40px;border:0;border-radius:0;padding:3px 0;text-align:center;appearance:textfield;font-size:13px}
#nq-demo .nq-quantity input::-webkit-inner-spin-button{appearance:none}
#nq-demo .nq-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}
#nq-demo .nq-line-links{display:flex;gap:15px;margin-top:7px;padding-left:25px}
#nq-demo .nq-badge{font-size:11px;font-weight:500;white-space:nowrap;padding:2px 6px;border-radius:4px;background:var(--n-soft);color:var(--n-accent)}
#nq-demo .nq-badge.nq-pending{background:var(--n-warnbg);color:var(--n-warn)}
#nq-demo .nq-warning{background:var(--n-warnbg);color:var(--n-warn);border-radius:6px;padding:9px 10px;font-size:12px;margin:10px 0}
#nq-demo .nq-error{color:var(--n-error);font-size:12px;margin-top:7px}
#nq-demo .nq-summary{border-top:1px solid var(--n-line);padding-top:12px}
#nq-demo .nq-sumrow{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0;color:var(--n-muted);font-size:12px}
#nq-demo .nq-sumrow input{width:104px;text-align:right;padding:5px 8px}
#nq-demo .nq-total{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:12px 0 8px;color:var(--n-ink)}
#nq-demo .nq-total strong{font:500 27px/1.2 Bahnschrift,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums}
#nq-demo .nq-cart-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:13px}
#nq-demo .nq-disclaimer{padding-top:12px}
#nq-demo .nq-empty{padding:35px 15px;color:var(--n-muted);text-align:center}
#nq-demo .nq-config-card{background:var(--n-panel);border:1px solid var(--n-line);border-radius:9px;padding:17px}
#nq-demo .nq-config-hero{display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);gap:18px;margin:14px 0}
#nq-demo .nq-config-photo{display:flex;align-items:center;justify-content:center;min-height:145px;background:#fff;border-radius:6px;padding:10px}
#nq-demo .nq-config-photo img{width:100%;max-height:200px;object-fit:contain}
#nq-demo .nq-facts{font-size:12px;line-height:1.75;color:var(--n-muted)}
#nq-demo .nq-facts strong{display:block;color:var(--n-ink);font-weight:500}
#nq-demo .nq-modebar{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 12px}
#nq-demo .nq-modebar button[aria-pressed=true]{background:var(--n-soft);color:var(--n-accent);border-color:var(--n-accent)}
#nq-demo .nq-formrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:12px 0}
#nq-demo .nq-custom-box{background:var(--n-warnbg);border-radius:7px;padding:12px;margin-top:12px}
#nq-demo .nq-custom-box label+label{margin-top:11px}
#nq-demo .nq-custom-box .nq-sub{color:var(--n-warn);margin-top:8px}
#nq-demo .nq-config-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:17px;border-top:1px solid var(--n-line);padding-top:15px}
#nq-demo .nq-source{margin-top:15px;font-size:12px;color:var(--n-muted)}
#nq-demo .nq-source summary{color:var(--n-accent)}
#nq-demo .nq-source ul{padding-left:18px;margin:8px 0 0}
#nq-demo .nq-reviewbox{margin:11px 0 0 25px;padding:10px;background:var(--n-soft);border-radius:6px}
#nq-demo .nq-reviewbox .nq-button{margin-top:8px}
#nq-demo .nq-quote{margin:18px;background:var(--n-panel);padding:26px;border:1px solid var(--n-line);border-radius:9px;min-width:0}
#nq-demo .nq-quote-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;border-bottom:2px solid var(--n-accent)}
#nq-demo .nq-quote h2{font-size:23px}
#nq-demo .nq-quote-meta{display:flex;gap:14px 30px;flex-wrap:wrap;margin:18px 0;font-size:13px}
#nq-demo .nq-quote-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}
#nq-demo .nq-quote-table th{padding:10px 8px;text-align:left;color:var(--n-muted);font-weight:500;background:var(--n-soft)}
#nq-demo .nq-quote-table td{padding:14px 8px;border-bottom:1px solid var(--n-line);vertical-align:top}
#nq-demo .nq-quote-table img{width:80px;height:70px;object-fit:contain;background:#fff;border-radius:4px}
#nq-demo .nq-quote-table th:nth-child(1){width:18%}#nq-demo .nq-quote-table th:nth-child(2){width:39%}#nq-demo .nq-quote-table th:nth-child(3){width:9%}#nq-demo .nq-quote-table th:nth-child(4),#nq-demo .nq-quote-table th:nth-child(5){width:17%}
#nq-demo .nq-quote-table td:nth-child(n+3),#nq-demo .nq-quote-table th:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}
#nq-demo .nq-quote-totals{max-width:320px;margin:18px 0 18px auto}
#nq-demo .nq-quote-foot{border-top:1px solid var(--n-line);padding-top:15px;font-size:12px;color:var(--n-muted)}
#nq-demo .nq-toast{padding:0 18px 14px;min-height:18px;color:var(--n-accent);font-size:12px}
@media(max-width:800px){#nq-demo .nq-work{grid-template-columns:minmax(0,1fr)}#nq-demo .nq-cart{padding:17px}#nq-demo .nq-cart-actions{grid-template-columns:1fr 1fr}}
@media(max-width:480px){#nq-demo{font-size:14px}#nq-demo .nq-work{padding:12px;gap:12px}#nq-demo .nq-header{padding-left:16px}#nq-demo .nq-nav{padding:8px 12px}#nq-demo .nq-grid{grid-template-columns:minmax(0,1fr)}#nq-demo .nq-product-photo{aspect-ratio:1.85}#nq-demo .nq-product-info{padding:13px}#nq-demo .nq-config-hero{grid-template-columns:1fr}#nq-demo .nq-config-photo{min-height:120px}#nq-demo .nq-config-photo img{max-height:150px}#nq-demo .nq-formrow{grid-template-columns:1fr}#nq-demo input,#nq-demo select,#nq-demo textarea{font-size:16px}#nq-demo .nq-quote{margin:12px;padding:14px}#nq-demo .nq-quote-head{flex-direction:column}#nq-demo .nq-quote-table,#nq-demo .nq-quote-table tbody,#nq-demo .nq-quote-table tr,#nq-demo .nq-quote-table td{display:block;width:100%!important}#nq-demo .nq-quote-table thead{display:none}#nq-demo .nq-quote-table tr{padding:12px 0;border-bottom:1px solid var(--n-line)}#nq-demo .nq-quote-table td{border:0;padding:4px 0;text-align:left!important}#nq-demo .nq-quote-table td[data-label]::before{content:attr(data-label) "：";color:var(--n-muted)}#nq-demo .nq-quote-table img{width:110px;height:75px}#nq-demo .nq-quote-totals{max-width:none}#nq-demo .nq-customer{grid-template-columns:1fr}#nq-demo .nq-navspacer{display:none}#nq-demo #nq-state-label{width:100%;padding-left:12px}}
@media(pointer:coarse){#nq-demo .nq-button,#nq-demo .nq-navbtn,#nq-demo .nq-textbtn{min-height:44px}#nq-demo .nq-quantity button{width:38px;height:40px}}
/* Product selection stays compact; the quotation cart has its own mobile view. */
#nq-demo{border-radius:0;min-height:100svh;border:0}
#nq-demo .nq-header{border-radius:0;padding:18px 22px}
#nq-demo .nq-series-filter{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap}
#nq-demo .nq-product{cursor:pointer}
#nq-demo .nq-type-filter{display:flex;gap:5px;overflow-x:auto;white-space:nowrap;margin-bottom:10px;scrollbar-width:thin;max-width:100%;padding-bottom:4px}
#nq-demo .nq-type{border:1px solid var(--n-line);background:var(--n-panel);color:var(--n-muted);border-radius:5px;padding:5px 10px;min-height:34px;flex:none;font-size:12px}
#nq-demo .nq-type span{margin-left:5px;font-size:10px;font-variant-numeric:tabular-nums;opacity:.8}
#nq-demo .nq-type[aria-pressed=true]{background:var(--n-soft);border-color:var(--n-accent);color:var(--n-accent)}
#nq-demo .nq-scroll-status{text-align:center;color:var(--n-muted);font-size:12px;padding:16px 8px;min-height:50px}
#nq-demo .nq-product-photo{position:relative}
#nq-demo .nq-no-photo{display:flex;align-items:center;justify-content:center;min-height:40px;color:var(--n-muted);font-size:12px;background:var(--n-soft);width:100%;height:100%;text-align:center}
#nq-demo .nq-photo-status{position:absolute;top:4px;left:4px;background:var(--n-warnbg);color:var(--n-warn);font-size:10px;padding:2px 5px;border-radius:3px}
#nq-demo .nq-gallery-controls{display:flex;gap:10px;align-items:center;justify-content:center;margin:6px 0;font-size:12px}
#nq-demo .nq-source-notes{padding:8px 10px;margin-top:10px;border-radius:6px;background:var(--n-soft);font-size:12px;color:var(--n-muted);white-space:pre-line}
#nq-demo .nq-remark-box{margin-top:12px;padding:12px;background:var(--n-soft);border:1px solid var(--n-line);border-radius:6px}
#nq-demo .nq-remark-actions{display:flex;gap:12px;align-items:center;margin-top:8px}
#nq-demo .nq-product-note{font-size:12px;line-height:1.6;color:var(--n-ink);white-space:pre-wrap;margin-top:7px}
#nq-demo .nq-cart-line .nq-product-note{margin-left:25px}
#nq-demo .nq-line-links{flex-wrap:wrap}
#nq-demo span.nq-line-thumb{width:52px;height:43px;font-size:10px;flex:none}
#nq-demo .nq-filter{border:0;background:var(--n-panel);border-radius:5px;padding:7px 10px;color:var(--n-muted);font-size:13px;min-height:36px}
#nq-demo .nq-filter[aria-pressed=true]{background:var(--n-accent);color:var(--n-onaccent)}
#nq-demo .nq-search input{margin:0;height:38px}
#nq-demo .nq-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#nq-demo .nq-option-grid .nq-kind{grid-column:1/-1}
#nq-demo .nq-choice-static{display:block;margin-top:5px;padding:9px;background:var(--n-soft);border-radius:6px;color:var(--n-ink);min-height:40px}
#nq-demo .nq-config-card select{min-height:42px}
#nq-demo .nq-toast:empty{display:none}
#nq-demo .nq-toast:not(:empty){position:fixed;bottom:18px;left:50%;transform:translateX(-50%);padding:12px 18px;background:var(--n-accent);color:var(--n-onaccent);border-radius:8px;box-shadow:0 4px 25px #0002;z-index:5;max-width:90vw;width:max-content;pointer-events:none}
#nq-demo .nq-quote-actions{display:flex;gap:8px;flex-wrap:wrap}
#nq-demo .nq-project-details{padding-top:0}
#nq-demo .nq-quote{--n-ink:#171717;--n-muted:#555;--n-line:#333;--n-panel:#fff;--n-soft:#eee;--n-accent:#215c49;--n-onaccent:#fff;color:#171717;background:#fff}
#nq-demo .nq-quote-actions{justify-content:flex-end;margin-bottom:18px}
#nq-demo .nq-quote h2{text-align:center;margin:10px 0 18px;font-size:24px}
#nq-demo .nq-sheet-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #222;border-left:1px solid #222}
#nq-demo .nq-sheet-meta>div{display:grid;grid-template-columns:1fr 1.1fr;border-right:1px solid #222;border-bottom:1px solid #222;min-width:0}
#nq-demo .nq-sheet-meta strong,#nq-demo .nq-sheet-meta span{text-align:center;padding:12px 8px}
#nq-demo .nq-sheet-meta strong{background:#ddd;font-weight:500;border-right:1px solid #222}
#nq-demo .nq-quote-meta{margin:9px 0}
#nq-demo .nq-quote-table th{background:#eee;color:#171717;font-weight:600}
#nq-demo .nq-quote-table th,#nq-demo .nq-quote-table td{border:1px solid #222;text-align:center;vertical-align:middle;padding:10px 5px}
#nq-demo .nq-quote-table td:nth-child(n+3),#nq-demo .nq-quote-table th:nth-child(n+3){text-align:center}
#nq-demo .nq-quote-table th:nth-child(1){width:6%}#nq-demo .nq-quote-table th:nth-child(2){width:20%}#nq-demo .nq-quote-table th:nth-child(3){width:12%}#nq-demo .nq-quote-table th:nth-child(4){width:14%}#nq-demo .nq-quote-table th:nth-child(5){width:16%}#nq-demo .nq-quote-table th:nth-child(6){width:9%}#nq-demo .nq-quote-table th:nth-child(7){width:4%}#nq-demo .nq-quote-table th:nth-child(8){width:10%}#nq-demo .nq-quote-table th:nth-child(9){width:9%}
#nq-demo .nq-quote-table img{width:100%;height:140px;object-fit:contain}
#nq-demo .nq-quote-table td:last-child{text-align:left;font-size:11px}
#nq-demo .nq-quote-table .nq-spec{white-space:pre-line}
@media(min-width:1100px){#nq-demo .nq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){
 #nq-demo .nq-work{display:block;padding:10px}
 #nq-demo[data-pane=catalog] .nq-cart{display:none}
 #nq-demo[data-pane=cart] .nq-catalog{display:none}
 #nq-demo .nq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 #nq-demo .nq-header{padding:8px 12px;height:44px;display:flex;align-items:center}
 #nq-demo .nq-header .nq-sub{display:none}
 #nq-demo .nq-brand{font-size:18px;letter-spacing:2px}
 #nq-demo .nq-nav{height:42px;padding:0 8px;flex-wrap:nowrap}
 #nq-demo .nq-navbtn{font-size:13px;padding:6px 10px;min-height:36px}
 #nq-demo #nq-state-label,#nq-demo .nq-sectionhead{display:none}
 #nq-demo .nq-series-filter{flex-wrap:nowrap;gap:4px;margin-bottom:8px}
 #nq-demo .nq-type-filter{scrollbar-width:none;margin-bottom:8px;padding:0;height:36px}
 #nq-demo .nq-type-filter::-webkit-scrollbar{display:none}
 #nq-demo .nq-type{height:36px;padding:5px 10px}
 #nq-demo .nq-filter{padding:6px 5px;flex:1;white-space:nowrap;font-size:12px;min-height:36px}
 #nq-demo .nq-search{margin-bottom:10px}
 #nq-demo .nq-search input{height:36px;font-size:14px;padding:6px 9px}
 #nq-demo .nq-product{height:clamp(94px,calc((100svh - 256px)/3),210px);display:flex;flex-direction:column;border-radius:6px;overflow:hidden}
 #nq-demo .nq-product-photo{flex:1;min-height:0;aspect-ratio:auto;padding:4px;border-radius:5px 5px 0 0}
 #nq-demo .nq-product-photo img{width:100%;height:100%;max-height:100%;object-fit:contain}
 #nq-demo .nq-product-info{padding:4px 7px 5px;flex:none}
 #nq-demo .nq-product-info .nq-series{font-size:10px;line-height:1.2;margin-bottom:2px}
 #nq-demo .nq-product h3{font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #nq-demo .nq-product .nq-variant-count{display:none}
 #nq-demo .nq-product-foot{margin-top:2px;gap:3px;flex-wrap:nowrap;height:28px}
 #nq-demo .nq-product .nq-price{font-size:14px}
 #nq-demo .nq-product .nq-sub{font-size:10px}
 #nq-demo .nq-product .nq-button{padding:3px 5px;min-height:27px;font-size:11px;white-space:nowrap}
 #nq-demo .nq-config-hero{grid-template-columns:38% 1fr;gap:12px;margin:12px 0}
 #nq-demo .nq-config-photo{min-height:100px;padding:5px}
 #nq-demo .nq-config-photo img{max-height:145px}
 #nq-demo .nq-config-card{padding:12px}
 #nq-demo .nq-config-card h2{font-size:17px}
 #nq-demo .nq-option-grid{gap:10px}
 #nq-demo .nq-option-grid label{min-width:0}
 #nq-demo .nq-formrow{grid-template-columns:1fr 1fr}
 #nq-demo .nq-customer{grid-template-columns:1fr 1fr}
 #nq-demo .nq-cart{padding:13px}
 #nq-demo .nq-quote{margin:10px}
}
@media(max-width:600px){#nq-demo .nq-sheet-meta{grid-template-columns:1fr}#nq-demo .nq-quote h2{font-size:18px}#nq-demo .nq-quote-table,#nq-demo .nq-quote-table tbody,#nq-demo .nq-quote-table tr,#nq-demo .nq-quote-table td{display:block;width:100%!important}#nq-demo .nq-quote-table thead{display:none}#nq-demo .nq-quote-table tr{padding:12px 0;border-bottom:1px solid #222}#nq-demo .nq-quote-table td{border:0;padding:4px 0;text-align:left!important}#nq-demo .nq-quote-table td[data-label]::before{content:attr(data-label) '：';color:#555}#nq-demo .nq-quote-table img{width:100%;height:150px}}
@media(prefers-reduced-motion:reduce){#nq-demo *{scroll-behavior:auto!important}}
html{color-scheme:light;background:#eef2f1}body{margin:0}#nq-demo{min-height:100svh;border:0;border-radius:0;max-width:1680px;margin:0 auto}#nq-demo .nq-header{display:flex;justify-content:space-between;gap:18px;padding:18px 22px;border-radius:0}#nq-demo button{cursor:pointer}#nq-demo :focus-visible{outline:3px solid #1f7555;outline-offset:3px}#nq-demo input:focus-visible,#nq-demo textarea:focus-visible,#nq-demo select:focus-visible{outline-offset:1px}#nq-demo .nq-auth{padding:40px 20px;min-height:60vh;display:grid;place-items:start center}#nq-demo .nq-auth-form{width:min(100%,400px);padding:24px;border:1px solid var(--n-line);border-radius:10px;background:#fff}#nq-demo .nq-auth-form h2{margin-bottom:8px}#nq-demo form label{margin:12px 0}#nq-demo .nq-auth-form button{width:100%;margin-top:12px}#nq-demo .nq-savebar{display:flex;align-items:center;justify-content:space-between;padding:5px 22px;background:var(--n-soft);border-bottom:1px solid var(--n-line);min-height:32px;font-size:12px;gap:8px}#nq-demo #nq-state-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:85%}#nq-demo .nq-panel{margin:18px;min-width:0}#nq-demo .nq-records{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:14px;margin-top:14px}#nq-demo .nq-record{min-width:0;background:var(--n-panel);border:1px solid var(--n-line);padding:16px;border-radius:9px;margin-bottom:14px}#nq-demo .nq-record h3{margin-bottom:8px}#nq-demo .nq-record>p{margin:8px 0}#nq-demo .nq-record .nq-button{margin-top:8px}#nq-demo .nq-inline-actions{display:flex;gap:8px;flex-wrap:wrap}#nq-demo #nq-recovery{margin:10px 18px;padding:12px;background:var(--n-warnbg);border-radius:6px}#nq-demo #nq-recovery .nq-button{margin:5px 8px;font-size:12px}#nq-demo #nq-conflict{margin:10px 18px}#nq-demo #nq-conflict .nq-button{margin:8px 8px 0 0}#nq-demo .nq-global-error:empty{display:none}#nq-demo .nq-global-error:not(:empty){position:sticky;bottom:0;padding:12px 18px;background:#fff0ee;border-top:1px solid #a03d38;font-size:14px;z-index:6}#nq-demo .nq-upholstery{border:1px solid var(--n-line);border-radius:7px;padding:12px;margin:14px 0;background:var(--n-soft)}#nq-demo legend{font-weight:600;color:var(--n-ink);font-size:13px}#nq-demo .nq-terms{border-top:1px solid var(--n-line);padding:12px 0}#nq-demo .nq-terms summary{cursor:pointer;font-weight:600;margin-bottom:10px}#nq-demo .nq-terms label{margin-bottom:10px}#nq-demo .nq-terms .nq-formrow{margin:8px 0;gap:10px}#nq-demo .nq-warning ul{padding-left:18px;margin:6px 0}#nq-demo .nq-line-links .nq-button{font-size:12px;min-height:32px;padding:4px 9px}#nq-demo .nq-quote-terms{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;padding:14px;border:1px solid var(--n-line)}#nq-demo .nq-quote-terms dt{font-weight:600}#nq-demo .nq-quote-terms dd{margin:0;white-space:pre-line}#nq-demo .nq-review-image{display:block;width:100%;height:160px;object-fit:contain;background:#fff}#nq-demo pre{font-size:12px;overflow:auto;max-height:320px;white-space:pre-wrap;overflow-wrap:anywhere}#nq-demo textarea{resize:vertical}#nq-demo .nq-product{cursor:pointer}#nq-demo .nq-product:hover{border-color:#94afa0}#nq-demo .nq-cart-actions{grid-template-columns:1fr 1fr}#nq-demo .nq-savebar .nq-textbtn{white-space:nowrap;flex:none}
@media(max-width:800px){#nq-demo .nq-header{height:44px;padding:8px 12px}#nq-demo #nq-user{display:block;max-width:46%;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#nq-demo .nq-nav{height:42px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:0 6px;gap:1px}#nq-demo .nq-nav::-webkit-scrollbar{display:none}#nq-demo .nq-navbtn{padding:6px 8px;font-size:12px}#nq-demo .nq-navspacer{display:none}#nq-demo .nq-savebar{height:28px;min-height:28px;padding:2px 12px;font-size:11px}#nq-demo .nq-savebar .nq-textbtn{font-size:11px;padding:0}#nq-demo .nq-product{height:clamp(94px,calc((100svh - 288px)/3),210px)}#nq-demo .nq-panel{margin:12px}#nq-demo #nq-recovery,#nq-demo #nq-conflict{margin:8px 10px}#nq-demo .nq-cart{max-width:100%}#nq-demo .nq-quote{padding:16px}#nq-demo .nq-auth{padding:24px 16px}#nq-demo .nq-auth-form{padding:20px}#nq-demo .nq-customer{gap:8px}}
#nq-demo .nq-savebar .nq-inline-actions{flex:none;flex-wrap:nowrap;gap:12px}
#nq-demo .nq-team-form,#nq-demo .nq-invitation{max-width:760px}#nq-demo .nq-invitation input{font-size:12px;min-width:0;width:100%}#nq-demo .nq-team-form .nq-formrow{gap:16px}
@media(max-width:520px){#nq-demo .nq-team-form .nq-formrow{grid-template-columns:1fr;gap:0}}
#nq-demo .nq-order-note{margin:14px 0;white-space:pre-line}#nq-demo .nq-order-note textarea{margin-top:6px}
@media print{
 @page{size:A4 landscape;margin:10mm}
 html,body{background:#fff!important;margin:0!important}
 #nq-demo{min-height:0;max-width:none;background:#fff;border:0;font-size:10pt;color:#111}
 #nq-demo>.nq-header,#nq-demo>#nq-auth,#nq-demo .nq-nav,#nq-demo .nq-savebar,#nq-demo #nq-recovery,#nq-demo #nq-conflict,#nq-demo #nq-work,#nq-demo #nq-panel,#nq-demo #nq-toast,#nq-demo #nq-error,#nq-demo .nq-quote-actions{display:none!important}
 #nq-demo .nq-quote{margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff}
 #nq-demo .nq-quote h2{font-size:18pt;text-align:center;margin:0 0 8mm}
 #nq-demo .nq-sheet-meta{grid-template-columns:1fr 1fr}
 #nq-demo .nq-sheet-meta strong,#nq-demo .nq-sheet-meta span{padding:3mm 2mm}
 #nq-demo .nq-quote-meta{margin:3mm 0;font-size:9pt;overflow-wrap:anywhere}
 #nq-demo .nq-quote-table{display:table;width:100%!important;font-size:9pt;table-layout:fixed}
 #nq-demo .nq-quote-table thead{display:table-header-group}
 #nq-demo .nq-quote-table tbody{display:table-row-group}
 #nq-demo .nq-quote-table tr{display:table-row;break-inside:avoid;page-break-inside:avoid;padding:0}
 #nq-demo .nq-quote-table th,#nq-demo .nq-quote-table td{display:table-cell;width:auto!important;border:1px solid #222!important;padding:2mm!important;text-align:center!important;overflow-wrap:anywhere}
 #nq-demo .nq-quote-table th:nth-child(1){width:5%!important}#nq-demo .nq-quote-table th:nth-child(2){width:19%!important}#nq-demo .nq-quote-table th:nth-child(3){width:12%!important}#nq-demo .nq-quote-table th:nth-child(4){width:13%!important}#nq-demo .nq-quote-table th:nth-child(5){width:17%!important}#nq-demo .nq-quote-table th:nth-child(6){width:9%!important}#nq-demo .nq-quote-table th:nth-child(7){width:4%!important}#nq-demo .nq-quote-table th:nth-child(8){width:10%!important}#nq-demo .nq-quote-table th:nth-child(9){width:11%!important}
 #nq-demo .nq-quote-table td[data-label]::before{content:none}
 #nq-demo .nq-quote-table img{width:100%;height:30mm;object-fit:contain}
 #nq-demo .nq-quote-totals{max-width:85mm;margin:5mm 0 5mm auto;break-inside:avoid}
 #nq-demo .nq-order-note,#nq-demo .nq-quote-terms{break-inside:avoid}
 #nq-demo .nq-quote-foot{font-size:8pt}
}