/* Workbench styles are scoped; the established navigation and business pages stay unchanged. */
.quotation-management .qm-image input[type=file]{display:none}
.qm-line-tools{display:flex;gap:3px;flex-wrap:wrap;align-items:center;margin-top:5px}
.qm-line-tools .qm-link{font-size:10px!important;padding:3px 5px}
.qm-line-tools .qm-danger{color:#bc625a}
.qm-line-error{grid-column:1/-1;color:#bc4d44;margin:0;font-size:11px}
.qm-line-error:empty,#qm-header-error:empty,#qm-filter-error:empty{display:none}
.quotation-management [aria-invalid=true]{border-color:#d68178;background:#fff9f8}
.qm-template-picker{margin-bottom:12px;align-items:center}.quotation-management .qm-template-picker select{max-width:none;flex:1}
.qm-product-footer{gap:12px;flex-wrap:wrap}.qm-product-footer>small{font-size:10px}
.qm-savebar{position:sticky;bottom:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #d8e4f4;border-radius:10px;background:#fffffff5;box-shadow:0 -3px 20px #254b7910;padding:12px 18px;backdrop-filter:blur(8px)}
.qm-savebar>div:first-child{display:flex;align-items:center;gap:18px}.qm-savebar small{font-size:11px;color:#7b8da6}.qm-savebar strong{font-size:21px;color:#245c4b;font-variant-numeric:tabular-nums}
.qm-record-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:12px;align-items:end}
.qm-record-filters input,.qm-record-filters select{width:100%;min-width:0;border:1px solid #dce5f1;border-radius:7px;padding:8px 10px;height:38px;font:inherit;color:#26384e;background:#fff}
.qm-record-filters label{font-size:11px;color:#8292a6;display:grid;gap:5px}.qm-record-filters label input{font-size:12px}
.qm-record-count{font-size:12px;color:#7388a3;margin:17px 0}
.qm-pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding-top:16px;font-size:12px;color:#7b8da6}
@media(max-width:1000px){.qm-record-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.qm-record-filters>input{grid-column:1/-1}}
@media(max-width:650px){.qm-savebar{padding:9px 10px;gap:8px;flex-wrap:wrap}.qm-savebar>div:first-child{flex:1;display:block;min-width:100px}.qm-savebar small{display:block;font-size:10px}.qm-savebar strong{font-size:18px}.qm-savebar .qm-actions{gap:5px}.qm-savebar button{font-size:10px!important;padding:7px}.qm-pagination{justify-content:center;gap:8px;font-size:10px}.qm-pagination button{font-size:10px!important;padding:6px 9px}.qm-record-filters{gap:9px}.qm-template-picker button{font-size:10px!important}.qm-product-footer>small{width:100%;order:3}}
.quotation-management,.qm-dialog{--qm-blue:#2867ed;--qm-ink:#26384e;--qm-muted:#8292a6;--qm-line:#e3eaf3;color:var(--qm-ink);font:14px/1.5 'Microsoft YaHei','PingFang SC',sans-serif}
.quotation-management{max-width:1600px;margin:auto;padding-bottom:32px}
.quotation-management *,.qm-dialog *{box-sizing:border-box}
.quotation-management button,.qm-dialog button{cursor:pointer;font:inherit}
.quotation-management button:disabled,.qm-dialog button:disabled{opacity:.45;cursor:not-allowed}
.qm-button,.qm-primary{border-radius:7px;padding:8px 13px;min-height:38px;font-size:12px!important;font-weight:600;border:1px solid #dce5f1;background:#fff;color:#50647f;white-space:nowrap}
.qm-primary{background:var(--qm-blue);border-color:var(--qm-blue);color:#fff}
.qm-button:hover{background:#f2f6fe}.qm-primary:hover{background:#205bd7}
.qm-link{border:0;background:none;color:#3978df;font-size:12px!important;padding:4px 6px}
.qm-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.qm-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--qm-line);padding-bottom:12px;margin-bottom:24px}
.qm-tabs button{background:#fff;border:1px solid var(--qm-line);border-radius:7px;padding:9px 14px;font-size:12px}
.qm-tabs button.active{background:#edf3ff;border-color:#bad0ff;color:var(--qm-blue);font-weight:700}.qm-tabs small{color:#8396b2;margin-left:5px}
.qm-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.qm-heading h1{font-size:24px;margin:0 0 5px}.qm-heading p{color:var(--qm-muted);font-size:12px;margin:0}
.qm-price-pill{color:#8395af;font-size:11px;padding-right:14px;border-right:1px solid var(--qm-line);margin-right:3px}.qm-price-pill strong{display:block;color:#346ed7;font-size:22px;font-variant-numeric:tabular-nums}
.qm-panel{background:#fff;border:1px solid var(--qm-line);border-radius:11px;margin-bottom:18px;padding:21px 23px;min-width:0}
.qm-panel h2{font-size:15px;margin:0 0 18px}.qm-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.qm-panel-head h2{margin:0}.qm-panel h2 small{font-size:10px;font-weight:400;color:var(--qm-muted);margin-left:8px}
.qm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.qm-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.qm-field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--qm-muted);min-width:0;margin-bottom:6px}
.qm-field input,.qm-field select,.qm-field textarea,.qm-product input:not([type=file]),.qm-product select,.qm-toolbar input,.qm-toolbar select{font:inherit;color:var(--qm-ink);background:#fff;border:1px solid #dce5f1;border-radius:7px;padding:9px 10px;min-width:0;width:100%;height:38px}
.qm-field input:focus,.qm-field select:focus,.qm-product input:focus,.qm-product select:focus{outline:2px solid #dbe7ff;border-color:#6c9df9}.quotation-management button:focus-visible,.qm-dialog button:focus-visible{outline:3px solid #b8ceff;outline-offset:2px}
.qm-field textarea{min-height:76px;height:auto;resize:vertical}.qm-scope{display:flex;padding:3px;border-radius:7px;background:#f2f5fa}.qm-scope button{font-size:11px;border:0;background:transparent;color:#8293aa;padding:5px 12px;border-radius:5px}.qm-scope .active{background:#fff;color:#3e6cc0;box-shadow:0 1px 3px #dfe6f0}
.qm-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.qm-template{border:1px solid var(--qm-line);border-radius:9px;padding:15px}.qm-template.active{border-color:#8eaff0;background:#f7faff}.qm-template>small{font-size:10px;border-radius:4px;background:#f0f4fa;color:#7c96bd;padding:2px 6px}.qm-template b{display:block;margin-top:10px;font-size:13px}.qm-template p{margin:5px 0 10px;color:var(--qm-muted);font-size:11px;line-height:1.8}.qm-template .qm-button{padding:5px 10px;min-height:30px;font-size:11px!important}
.qm-products{padding:21px 0 0}.qm-products>.qm-panel-head{padding:0 23px}.qm-product{display:grid;grid-template-columns:minmax(210px,1.6fr) minmax(245px,1.9fr) minmax(80px,.65fr) 65px minmax(100px,.8fr) minmax(110px,.8fr);gap:14px;align-items:center;padding:20px 23px;border-top:1px solid #edf1f7;min-width:0}
.qm-product-main{display:flex;gap:13px;align-items:center;min-width:0}.qm-image{width:100px;height:87px;flex:0 0 100px;position:relative;cursor:pointer;border:1px dashed #d3deec;border-radius:8px;display:grid;place-items:center;background:#f8fafc;color:#8aa0ba;font-size:11px;overflow:hidden}.qm-image img{width:100%;height:100%;object-fit:contain}.qm-image input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.qm-product-description{min-width:0;flex:1}.qm-product-description>small{display:block;font-size:10px;color:#899db8;margin-bottom:5px}.qm-product-description>input{font-size:13px;font-weight:600}.qm-price-origin{margin-top:5px;color:#75a189!important}
.qm-material{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qm-material label,.qm-row-field{font-size:10px;color:#8194ab;min-width:0;display:flex;flex-direction:column;gap:5px}.qm-material>label:first-child{grid-column:1/-1}.qm-size{display:flex;gap:5px;align-items:center}.qm-size label{min-width:0}.qm-size input{padding:8px 6px!important}.qm-material>select{font-size:11px;align-self:end}.qm-row-field input,.qm-row-field select{font-size:13px}.qm-row-field .qm-link{font-size:9px!important;padding:0;text-align:left}.qm-row-total strong{display:block;font-size:16px;white-space:nowrap}.qm-row-total small{font-size:10px;color:var(--qm-muted)}.qm-row-total>.qm-link{color:#c77971;font-size:10px!important}
.qm-product-footer{display:flex;justify-content:space-between;align-items:center;background:#fbfcff;border-top:1px solid var(--qm-line);padding:14px 23px;border-radius:0 0 11px 11px;font-size:12px;color:#778da8}.qm-error{color:#bc4d44;font-size:12px;white-space:pre-wrap}.qm-products>.qm-error{margin:0;padding:0 23px 12px}.qm-products>.qm-error:empty{display:none}
.qm-bottom{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.qm-pricing{border-top:1px solid #edf1f7;padding-top:14px;margin-top:16px;font-size:12px}.qm-pricing summary{cursor:pointer;color:#6c85a6;margin-bottom:13px}.qm-summary>div{display:flex;justify-content:space-between;margin-bottom:18px;font-size:13px}.qm-summary .qm-grand{border-top:1px solid var(--qm-line);padding-top:20px;color:#245c4b}.qm-grand strong{font-size:26px}.qm-summary>p{font-size:11px;color:var(--qm-muted)}.qm-summary>.qm-primary{width:100%;margin:10px 0}.qm-summary>small{display:block;font-size:11px;color:#91a0b4;margin:5px 0 12px}.qm-empty{padding:18px;color:#8295b0;font-size:12px;text-align:center;grid-column:1/-1}
.qm-toolbar{display:flex;gap:12px;margin-bottom:17px}.qm-toolbar input{max-width:420px}.qm-toolbar select{max-width:180px}.qm-table-wrap{overflow:auto}.qm-table{border-collapse:collapse;width:100%;min-width:820px;font-size:12px}.qm-table th{text-align:left;background:#f7f9fc;color:#8194ae;font-weight:600;padding:12px 10px;white-space:nowrap}.qm-table td{padding:18px 10px;border-bottom:1px solid #edf1f7;vertical-align:middle}.qm-table small{display:block;font-size:10px;color:#91a0b3}.qm-status{border-radius:5px;padding:4px 8px;background:#edf4ff;color:#5b7fb6;font-size:11px}.qm-version-list{display:flex;gap:9px;flex-wrap:wrap}.qm-version-list button{padding:10px 14px;border:1px solid #dbe5f3;border-radius:7px;background:#fff;color:#5776aa}.qm-version-list small{display:block;margin-top:4px;font-size:10px;color:#8ea0b7}#qm-versions:not(:empty){border-top:1px solid var(--qm-line);margin-top:24px;padding-top:24px}
@media(max-width:650px){.qm-record-filters>#qm-sort,.qm-record-filters>#qm-clear-filters{grid-column:1/-1}}
.qm-dialog{padding:0;border:0;border-radius:12px;box-shadow:0 15px 80px #18385e44;width:min(760px,calc(100% - 32px));max-height:90dvh;background:white;overflow:hidden}.qm-dialog[open]{display:flex;flex-direction:column}.qm-dialog::backdrop{background:#1c2d444d}.qm-dialog-wide{width:min(1200px,calc(100% - 32px))}.qm-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;border-bottom:1px solid var(--qm-line);flex-shrink:0}.qm-dialog-head h2{font-size:17px;margin:0 0 4px}.qm-dialog-head p{margin:0;font-size:11px;color:var(--qm-muted)}.qm-dialog-head>button{border:0;background:none;color:#7b8c9e;font-size:25px;padding:0 6px}.qm-dialog-body{padding:22px;overflow:auto;min-height:0}.qm-dialog-wide>.qm-dialog-body{background:#f0f3f8}.qm-dialog-foot{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:14px 22px;border-top:1px solid var(--qm-line);flex-shrink:0}.qm-dialog .document-output-actions{display:flex;flex-wrap:wrap;gap:8px}.qm-doc{max-width:1000px;margin:auto!important}.qm-doc .share-items{table-layout:auto}.qm-doc .share-items th:first-child{width:18%}.qm-doc .share-items td{text-align:left}.qm-doc .share-items td:nth-child(n+3){white-space:nowrap}.qm-doc .share-items p{font-size:12px;line-height:1.7;font-weight:400;white-space:normal}.qm-doc .share-title{font-size:28px}
:is(body,#content) .qm-dialog .qm-doc{min-width:0;width:100%}
@media(max-width:650px){
  :is(body,#content) .qm-dialog .qm-doc .share-brand h1{font-size:16px}
  :is(body,#content) .qm-dialog .qm-doc .share-customer{grid-template-columns:1fr 1fr}
  :is(body,#content) .qm-dialog .qm-doc .share-customer b{font-size:13px;line-height:1.5}
  :is(body,#content) .qm-dialog .qm-doc .share-customer-name b{font-size:17px}
  :is(body,#content) .qm-dialog .qm-doc .share-due b{white-space:nowrap}
  :is(body,#content) .qm-dialog .qm-doc .share-items,:is(body,#content) .qm-dialog .qm-doc .share-items tbody{display:block;width:100%}
  :is(body,#content) .qm-dialog .qm-doc .share-items thead{display:none}
  :is(body,#content) .qm-dialog .qm-doc .share-items tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #bfc9d1}
  :is(body,#content) .qm-dialog .qm-doc .share-items td{display:block;width:auto!important;padding:10px 9px!important;font-size:13px!important;text-align:left;white-space:normal!important;border:0}
  :is(body,#content) .qm-dialog .qm-doc .share-items td:nth-child(1){display:grid;place-items:center}
  :is(body,#content) .qm-dialog .qm-doc .share-items img{width:100px!important;height:90px!important}
  :is(body,#content) .qm-dialog .qm-doc .share-items td:nth-child(2) b{font-size:14px}
  :is(body,#content) .qm-dialog .qm-doc .share-items p{font-size:11px;line-height:1.6}
  :is(body,#content) .qm-dialog .qm-doc [data-qm-label]{border-top:1px solid #e5ebf1!important}
  :is(body,#content) .qm-dialog .qm-doc [data-qm-label]::before{content:attr(data-qm-label);display:block;font-size:10px;color:#8495aa;margin-bottom:4px}
  :is(body,#content) .qm-dialog .qm-doc .share-total{display:block}
  :is(body,#content) .qm-dialog .qm-doc .share-notes{border-right:0;border-bottom:1px solid #bfc9d1}
}
@media(max-width:1200px){.qm-product{grid-template-columns:1.5fr 1.8fr 85px 65px 100px 105px;gap:10px}.qm-image{width:80px;height:75px;flex-basis:80px}.qm-product{padding:18px 16px}.qm-products>.qm-panel-head{padding:0 16px}.qm-heading{flex-wrap:wrap}.qm-bottom{grid-template-columns:1fr 310px}}
@media(max-width:1000px){.qm-product{grid-template-columns:1fr 80px 100px 120px}.qm-product-main{grid-column:1/3}.qm-material{grid-column:3/5}.qm-row-field{align-self:start}.qm-product>.qm-row-field:nth-child(3){grid-column:1}.qm-bottom{grid-template-columns:1fr}.qm-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.qm-tabs{margin-bottom:18px;gap:5px}.qm-tabs button{font-size:11px;padding:8px 10px}.qm-heading h1{font-size:22px}.qm-heading>.qm-actions{width:100%}.qm-price-pill{border:0;width:100%;display:flex;align-items:center;gap:15px}.qm-price-pill strong{font-size:21px}.qm-panel{padding:18px 15px}.qm-panel-head{align-items:flex-start;flex-wrap:wrap}.qm-template-grid{grid-template-columns:1fr}.qm-products{padding:18px 0 0}.qm-product{grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr) minmax(0,1fr);gap:10px;padding:18px 14px}.qm-product-main,.qm-material{grid-column:1/-1}.qm-image{width:95px;height:82px;flex-basis:95px}.qm-material{grid-template-columns:1.1fr 1fr}.qm-product>.qm-row-field:nth-child(3){grid-column:1}.qm-row-field input,.qm-row-field select{padding:8px 5px;font-size:12px}.qm-row-total strong{font-size:13px}.qm-products>.qm-panel-head{padding:0 14px}.qm-products h2 small{display:block;margin:4px 0}.qm-products .qm-button{font-size:10px!important;padding:6px 9px;min-height:33px}.qm-product-footer{padding:12px 14px}.qm-dialog{width:calc(100% - 18px);max-height:92dvh}.qm-dialog-head{padding:14px}.qm-dialog-head h2{font-size:16px}.qm-dialog-head p{font-size:10px}.qm-dialog-body{padding:15px}.qm-dialog-wide .qm-dialog-body{padding:8px}.qm-dialog-foot{padding:10px;gap:5px}.qm-dialog-foot button{font-size:11px!important;padding:8px 10px}.qm-dialog .qm-doc{padding:15px 12px}.qm-doc .share-brand{display:block}.qm-doc .share-logo{display:none}.qm-doc .share-order-no{text-align:left}.qm-doc .share-brand h2{font-size:15px}.qm-doc .share-items th,.qm-doc .share-items td{font-size:9px;padding:7px 4px}.qm-doc .share-items p{font-size:9px;overflow-wrap:anywhere}.qm-doc .share-items img{width:60px!important;height:65px!important}.qm-doc .share-customer strong{font-size:12px}.qm-doc .share-total{display:block}.qm-doc .share-amounts{min-width:0}.qm-doc .share-title{font-size:21px}.qm-doc .share-items{table-layout:fixed}.qm-doc .share-items th:nth-child(2){width:30%}.qm-doc .share-items td:nth-child(n+3){white-space:normal;overflow-wrap:anywhere}.qm-toolbar{flex-wrap:wrap}.qm-grid{gap:10px}.qm-template p{font-size:11px}}
/* Simple customer quotation table, independent of leather calculation settings. */
.qm-expanded-info{margin-top:18px;padding-top:18px;border-top:1px solid #edf1f7}
.qm-expanded-info h2{margin-bottom:16px}
.qm-delivery-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:12px}
.qm-seller-address textarea{min-height:38px;height:38px;resize:none}
@media(max-width:650px){.qm-seller-company,.qm-seller-address{grid-column:1/-1}.qm-seller-address textarea{min-height:66px;height:66px}}
@media(max-width:1000px){.qm-delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.qm-invoice-summary{display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end;padding-top:14px;font-size:12px;color:#657b96}
.qm-invoice-summary b{color:#26384e;margin-left:6px}
.qm-invoice-summary strong{color:#245c4b;font-size:18px;margin-left:6px}
.qm-record-images{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:7px}
.qm-record-images img{width:56px;height:48px;object-fit:contain;border:1px solid #e3eaf3;border-radius:5px;background:white}
.qm-record-detail .qm-table img{width:130px;height:100px;object-fit:contain;border:1px solid #e3eaf3;border-radius:7px;background:white}
.qm-detail-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.qm-detail-meta>span{color:#7388a3;font-size:12px}
.qm-detail-note{white-space:pre-wrap;font-size:12px}
.qm-image-dialog .qm-dialog-body{display:grid;place-items:center;background:#f1f4f8;min-height:250px}
.qm-image-dialog .qm-dialog-body img{max-width:100%;max-height:65dvh;object-fit:contain}
.qm-table .qm-danger{color:#bb4d45}
.quotation-page .qm-tabs{--qm-line:#e3eaf3;--qm-blue:#2867ed}
.qm-simple-product{grid-template-columns:110px minmax(120px,1.4fr) minmax(110px,1.2fr) 70px 60px 85px 95px minmax(100px,1fr);gap:12px}
.qm-simple-product .qm-product-main{display:block;grid-column:auto}
.qm-simple-product>.qm-row-field{grid-column:auto}
.qm-simple-product .qm-image{width:100px;height:90px}
.qm-simple-product .qm-simple-tools{grid-column:2/-1;justify-content:flex-end;margin:0}
.qm-simple-details{margin-top:12px;font-size:12px}
.qm-simple-details summary{cursor:pointer;color:#50647f;margin-bottom:16px}
.qm-simple-doc-table img{max-width:100%}
.qm-simple-doc-table td{vertical-align:middle}
@media(max-width:1300px){
 .qm-simple-product{grid-template-columns:100px minmax(110px,1.3fr) minmax(100px,1fr) 65px 55px 75px 90px;gap:10px}
 .qm-simple-product>.qm-row-field:nth-child(8){grid-column:2/-1}
}
@media(max-width:900px){
 .qm-simple-product{grid-template-columns:repeat(4,minmax(0,1fr))}
 .qm-simple-product .qm-product-main{grid-column:1}
 .qm-simple-product>.qm-row-field:nth-child(2){grid-column:2/4}
 .qm-simple-product>.qm-row-field:nth-child(3){grid-column:4}
 .qm-simple-product>.qm-row-field:nth-child(8){grid-column:1/-1}
}
@media(max-width:650px){
 .qm-simple-product{grid-template-columns:repeat(4,minmax(0,1fr))}
 .qm-simple-product .qm-product-main{grid-column:1/3}
 .qm-simple-product>.qm-row-field:nth-child(2){grid-column:3/5}
 .qm-simple-product>.qm-row-field:nth-child(3){grid-column:1/-1}
 .qm-simple-product .qm-simple-tools{grid-column:1/-1}
 .qm-simple-doc{padding:18px!important}
 :is(body,#content) .qm-dialog .qm-simple-doc{min-width:880px;width:880px}
}