.quote-stat-money{font-size:23px}.quote-editor{width:min(1100px,calc(100% - 32px))}.quote-document{width:min(960px,calc(100% - 32px))}.quote-form-section h3{font-size:14px;margin:0 0 16px;font-weight:600}.quote-form-section+.quote-form-section{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.quote-header-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quote-product-picker{display:flex;gap:9px;margin:15px 0;align-items:center}.quote-product-picker .search{flex:1;min-width:160px}.quote-product-picker select{flex:1.3;max-width:420px;height:36px;font-size:12px}.quote-product-picker button{height:36px}.quote-item-table{border-radius:4px}.quote-item-table th,.quote-item-table td{padding:12px 10px;vertical-align:top}.quote-item-table td:first-child{min-width:260px}.quote-item-table td:nth-child(2){min-width:75px;width:75px}.quote-item-table td:nth-child(3){min-width:120px;width:120px}.quote-item-table td:nth-child(4){min-width:80px;width:80px}.quote-item-table td:nth-child(5){min-width:110px;width:110px;padding-top:17px}.quote-item-table td:last-child{width:36px}.quote-item-table input{width:100%;font-size:12px;padding:7px 8px}.quote-item-table textarea{font-size:11px;width:100%;resize:vertical;margin-top:8px;min-height:48px}.quote-item-table strong{font-size:12px}.quote-lines-empty{padding:26px;text-align:center;color:#8b989f;border-bottom:1px solid var(--line);font-size:12px}.quote-bottom{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:36px;margin-top:24px}.quote-totals{width:min(100%,330px);margin:20px 0 18px auto;font-size:12px}.quote-totals>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;color:#819098}.quote-totals b{font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}.quote-totals .grand-total{border-top:1px solid var(--line);margin-top:7px;padding-top:15px;align-items:center}.quote-totals strong{color:var(--teal);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.quote-document-status{display:flex;align-items:center;gap:12px;margin:0 0 20px}.quote-document-status>span:last-child{margin-left:auto;font-size:11px;color:var(--muted)}.quote-document-status button{display:flex;align-items:center;gap:4px}.quote-document-status svg{width:13px;height:13px}.quote-prose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#536773;line-height:1.7}.item-description{font-size:11px;color:#829099;margin-top:6px;max-width:350px}.quote-terms{padding:15px 0;border-top:1px solid var(--line)}.quote-terms>strong{font-size:12px;color:#586c76;display:block;margin-bottom:5px}.customer-price-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(120px,1fr) 32px;gap:12px;margin:12px 0;align-items:end}.customer-price-row .icon-button{margin-bottom:3px}.catalog-detail-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:25px}.catalog-detail-heading>svg{width:27px;height:27px;color:var(--teal);margin-top:4px}.catalog-detail-heading h3{font-size:16px;margin:0 0 4px}.catalog-detail-heading p{font-size:12px;margin:0;color:var(--muted)}.catalog-detail-heading>.badge{margin-left:auto}.detail-grid .wide{grid-column:1/-1}.quote-document .signature-box{margin-top:18px}.quote-editor .modal-footer{position:sticky;bottom:0;z-index:2}.quote-editor .form-error{padding-bottom:0}.quote-companion-labels{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;max-width:100%}.quote-companion-labels .badge{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
@media(max-width:800px){.quote-header-grid{grid-template-columns:1fr 1fr}.quote-header-grid .form-field:first-child{grid-column:1/-1}.quote-product-picker{flex-wrap:wrap}.quote-product-picker .search{max-width:none;flex-basis:100%}.quote-product-picker select{max-width:none;flex:1;width:100px}.quote-product-picker button{font-size:12px;padding-inline:10px}.quote-bottom{grid-template-columns:1fr;gap:5px}.quote-bottom .quote-totals{width:100%;margin-top:10px}.quote-document-status{flex-wrap:wrap}.quote-document-status>span:last-child{margin-left:0}.customer-price-row{gap:8px;grid-template-columns:minmax(0,1fr) minmax(90px,.7fr) 28px}.quote-stat-money{font-size:20px}.quote-editor .form-section-title{gap:10px}.quote-document .modal-body .table-wrap table{min-width:650px}.quote-editor .form-field input[type=date]{max-width:100%}.quote-editor .modal-footer{position:static}.quote-document-status .order-ref{overflow-wrap:anywhere}}
.quote-document .modal-footer{flex-wrap:wrap}.quote-document .modal-footer>button{flex:0 0 auto}
.form-field:has(>em){display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start}.form-field:has(>em)>input,.form-field:has(>em)>select,.form-field:has(>em)>textarea,.form-field:has(>em)>small{grid-column:1/-1}
@media(max-width:420px){.quote-header-grid{grid-template-columns:minmax(0,1fr)}.quote-editor{width:calc(100% - 16px)}.quote-editor .modal-body{padding:16px 12px}.quote-editor .modal-header h2{font-size:17px}.quote-totals strong{font-size:20px}.quote-document .modal-footer>button{flex:1 0 auto}}
@media print{.quote-document{width:100%!important}.quote-document .modal-body .table-wrap table{min-width:0!important}.quote-document .modal-body td:first-child{width:40%}.quote-document .modal-body td{font-size:10px;padding:10px 6px}.quote-document .modal-body th{font-size:9px;padding:8px 6px}.quote-document .quote-totals{break-inside:avoid}.quote-terms,.signature-box{break-inside:avoid}.quote-document .detail-grid{grid-template-columns:repeat(3,1fr)}.quote-document .quote-prose{font-size:10px}.quote-document tr{break-inside:avoid}.quote-document thead{display:table-header-group}.quote-document .document-heading{break-after:avoid}}
.quote-delivery-history{display:flex;gap:8px;flex-wrap:wrap}.quote-delivery-paper{max-width:794px;min-height:930px;margin:0 auto;padding:32px;background:#fff;color:#1b2a31;font-size:12px;line-height:1.55}.quote-delivery-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(150px,auto);align-items:center;gap:18px;padding-bottom:16px;border-bottom:2px solid var(--teal);margin-bottom:18px}.quote-delivery-heading h2{font-size:19px;margin:0 0 5px}.quote-delivery-heading>div:first-child>div{font-size:10px;color:#586a71}.quote-delivery-heading img{width:86px;height:58px;object-fit:contain}.quote-delivery-title{text-align:right}.quote-delivery-title h1{font-size:26px;margin:0;color:#1a6b70}.quote-delivery-title span{font-size:10px;color:#78888c}.quote-delivery-parties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;padding:10px 0 18px}.quote-delivery-parties>div{min-width:0;overflow-wrap:anywhere}.quote-delivery-parties>div.wide{grid-column:1/-1}.quote-delivery-parties span{display:block;color:#718087;font-size:10px;margin-bottom:3px}.quote-delivery-parties strong{font-size:15px}.quote-delivery-paper .table-wrap{border-radius:0;overflow:visible}.quote-delivery-paper table{table-layout:fixed;font-size:11px}.quote-delivery-paper th{padding:9px 7px;background:#edf3f3;color:#40575c}.quote-delivery-paper td{padding:11px 7px;overflow-wrap:anywhere}.quote-delivery-paper th:first-child,.quote-delivery-paper td:first-child{width:7%}.quote-delivery-paper th:nth-child(2),.quote-delivery-paper td:nth-child(2){width:43%}.quote-delivery-paper th:nth-child(3),.quote-delivery-paper td:nth-child(3){width:10%}.quote-delivery-paper th:nth-child(4),.quote-delivery-paper td:nth-child(4){width:9%}.quote-delivery-paper th:nth-child(5),.quote-delivery-paper td:nth-child(5){width:15%}.quote-delivery-paper th:nth-child(6),.quote-delivery-paper td:nth-child(6){width:16%}.quote-delivery-total{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin:16px 0 34px}.quote-delivery-total strong{font-size:19px}.quote-delivery-signature{display:flex;justify-content:space-between;gap:18px;padding-top:22px;border-top:1px solid #d7e0e1;font-size:11px}.quote-delivery-footnote{margin-top:28px;text-align:center;color:#879398;font-size:9px}.quote-shipment-document:has(.quote-delivery-paper){width:min(950px,calc(100% - 24px))}
@media(max-width:650px){.quote-delivery-paper{padding:18px;min-height:0}.quote-delivery-heading{grid-template-columns:minmax(0,1fr) auto;gap:10px}.quote-delivery-heading img{width:54px;height:44px}.quote-delivery-title{grid-column:1/-1;text-align:left}.quote-delivery-title h1{font-size:22px}.quote-delivery-parties{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quote-delivery-signature{flex-direction:column}.quote-delivery-paper .table-wrap{overflow-x:auto}.quote-delivery-paper table{min-width:600px}}
@media print{.quote-delivery-paper{max-width:none;min-height:255mm;margin:0;padding:0;font-size:10px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.quote-delivery-heading{margin-bottom:12px}.quote-delivery-paper table{min-width:0!important;font-size:9px}.quote-delivery-paper th,.quote-delivery-paper td{padding:8px 5px}.quote-delivery-signature{break-inside:avoid}.quote-delivery-footnote{margin-top:22px}}
.quote-delivery-paper .table-wrap{border:1px solid #aebdc2;border-radius:0}.quote-delivery-paper table{width:100%;border-collapse:collapse}.quote-delivery-paper th{font-weight:600;border:1px solid #aebdc2;background:#edf2f3;white-space:normal}.quote-delivery-paper td{border:1px solid #c8d2d6;vertical-align:top;line-height:1.65}.quote-delivery-paper tbody tr:hover{background:transparent}.quote-delivery-paper :is(th,td):is(:first-child,:nth-child(3),:nth-child(4)){text-align:center}.quote-delivery-paper :is(th,td):is(:nth-child(5),:nth-child(6)){text-align:right;font-variant-numeric:tabular-nums;white-space:normal}.quote-delivery-paper td:nth-child(2) strong{display:block;font-size:12px;font-weight:600}.quote-delivery-paper td .sub{font-size:10px;color:#64757c}.quote-delivery-paper td .quote-prose{font-size:10px;margin-top:5px;white-space:pre-wrap;overflow-wrap:anywhere}.quote-delivery-total{padding:12px 8px;border-bottom:2px solid #83999f;margin-top:0}.quote-delivery-signature{padding:25px 8px 10px;border-top:0}.quote-delivery-paper tr{break-inside:avoid}
.quote-delivery-paper .quote-delivery-heading{position:static;display:grid;grid-template-columns:minmax(0,1fr) 100px;height:auto;min-height:0;padding:0 0 18px;margin:0 0 18px;background:transparent;box-shadow:none;gap:12px 20px}.quote-delivery-heading>div:first-child{min-width:0}.quote-delivery-heading img{grid-column:2;grid-row:1;justify-self:end;align-self:start;width:100px;height:75px;object-fit:contain;object-position:right top}.quote-delivery-heading .quote-delivery-title{grid-column:1/-1;grid-row:2;text-align:center;padding-top:6px}.quote-delivery-paper .table-wrap{border:0;overflow-x:auto}.quote-delivery-paper table{border-collapse:separate;border-spacing:0;min-width:600px;table-layout:fixed;border-top:1px solid #aebdc2;border-left:1px solid #aebdc2}.quote-delivery-paper :is(th,td){box-sizing:border-box;height:auto;min-height:0;padding:12px 10px;border:0;border-right:1px solid #aebdc2;border-bottom:1px solid #aebdc2;line-height:1.7;vertical-align:top;white-space:normal;overflow-wrap:anywhere}.quote-delivery-paper th{font-size:11px;vertical-align:middle}.quote-delivery-paper td :is(strong,.sub,.quote-prose){position:static;line-height:1.7;margin-bottom:0}.quote-delivery-paper td .sub{margin-top:5px}.quote-delivery-parties>div:first-child{grid-column:1/-1}.quote-delivery-parties strong{display:block;line-height:1.6}
@media print{.quote-delivery-paper table{min-width:0!important}.quote-delivery-paper :is(th,td){padding:10px 7px;line-height:1.7}.quote-delivery-paper .table-wrap{overflow:visible}.quote-delivery-heading .quote-delivery-title{text-align:center}}
.quote-delivery-paper table tbody tr:last-child>td{border-bottom:1px solid #aebdc2!important}
.delivery-company-stamp{display:flex;justify-content:flex-end;margin-top:16px;break-inside:avoid}.delivery-company-stamp img{width:140px;height:100px;object-fit:contain}
/* Company-specific delivery stationery, shared by screen and print. */
.delivery-summit .quote-delivery-heading{border-bottom:3px double #426b58;padding-bottom:22px;grid-template-columns:90px minmax(0,1fr)}
.delivery-summit .quote-delivery-heading>div:first-child{grid-column:2;grid-row:1;text-align:right}
.delivery-summit .quote-delivery-heading img{grid-column:1;grid-row:1;justify-self:start;object-position:left top;width:85px;height:70px}
.delivery-summit .quote-delivery-heading .quote-delivery-title{grid-column:1/-1;text-align:left;border-left:5px solid #426b58;padding:0 0 0 14px;margin-top:10px}
.delivery-summit .quote-delivery-title h1{color:#365a49;font-size:28px}
.delivery-summit .quote-delivery-parties{grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid #b6c6bc;margin-bottom:22px;gap:16px 28px}
.delivery-summit table{border-left:0;border-top:2px solid #426b58}
.delivery-summit :is(th,td){border-right:0;border-bottom:1px solid #cbd6cf;padding:16px 10px}
.delivery-summit th{background:white;color:#365a49;border-bottom:2px solid #426b58}
.delivery-summit .quote-delivery-total{border-bottom:3px double #426b58;max-width:280px;margin-left:auto;padding:16px 10px}
.delivery-summit .quote-delivery-signature{padding-top:36px}
.delivery-ruixin .quote-delivery-heading{border-top:6px solid #34546e;border-bottom:0;padding:18px 0 12px}
.delivery-ruixin .quote-delivery-heading .quote-delivery-title{background:#e9eff4;border-top:1px solid #34546e;border-bottom:1px solid #34546e;padding:10px 0;margin-top:8px}
.delivery-ruixin .quote-delivery-title h1{color:#29475f;font-size:24px}
.delivery-ruixin .quote-delivery-parties{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #91a4b4;border-left:1px solid #91a4b4;padding:0;margin:8px 0 20px}
.delivery-ruixin .quote-delivery-parties>div{padding:10px 12px;border-bottom:1px solid #91a4b4;border-right:1px solid #91a4b4}
.delivery-ruixin .quote-delivery-parties>div:first-child{background:#f0f4f7}
.delivery-ruixin .quote-delivery-parties span{color:#4b667b;font-weight:600}
.delivery-ruixin table{border-color:#718b9e}
.delivery-ruixin :is(th,td){border-right-color:#718b9e;border-bottom-color:#718b9e}
.delivery-ruixin th{background:#dce7ef;color:#243f54;padding:10px 8px}
.delivery-ruixin tbody tr:nth-child(even){background:#f5f8fa}
.delivery-ruixin .quote-delivery-total{border:1px solid #718b9e;border-top:0;background:#edf3f7;margin-top:0;padding:12px}
.delivery-ruixin .quote-delivery-signature{border:1px solid #91a4b4;padding:22px 14px;margin-top:28px}
@media print{.delivery-summit .quote-delivery-heading .quote-delivery-title{text-align:left}.delivery-summit :is(th,td){padding:13px 8px}.delivery-ruixin .quote-delivery-parties,.delivery-ruixin .quote-delivery-signature{break-inside:avoid}}
.quote-delivery-paper.delivery-ruixin .quote-delivery-parties>div:nth-child(2){grid-column:1/-1}
.quote-delivery-paper.delivery-ruixin .quote-delivery-parties{border:1px solid #718b9e;border-bottom:0;border-right:0;align-items:stretch}
.quote-delivery-paper.delivery-ruixin .quote-delivery-parties>div{border-right:1px solid #718b9e;border-bottom:1px solid #718b9e;box-sizing:border-box}
.quote-delivery-paper.delivery-ruixin table{border-collapse:collapse;border:1px solid #718b9e;border-spacing:0}
.quote-delivery-paper.delivery-ruixin table :is(th,td),.quote-delivery-paper.delivery-ruixin table tbody tr:last-child>td{border:1px solid #718b9e!important}
.quote-delivery-paper.delivery-ruixin .table-wrap{padding:1px;box-sizing:border-box}
@media print{.quote-delivery-paper.delivery-ruixin table{border-collapse:collapse}.quote-delivery-paper.delivery-ruixin .table-wrap{overflow:visible;padding:1px}}
.quote-delivery-paper.delivery-summit .quote-delivery-heading{grid-template-columns:180px minmax(0,1fr)}
.quote-delivery-paper.delivery-summit .quote-delivery-heading img{width:170px;height:140px;max-width:100%;object-fit:contain}
.quote-delivery-paper.delivery-ruixin .quote-delivery-heading{grid-template-columns:minmax(0,1fr) 200px}
.quote-delivery-paper.delivery-ruixin .quote-delivery-heading img{width:200px;height:150px;max-width:100%;object-fit:contain}
@media(max-width:650px){.quote-delivery-paper.delivery-summit .quote-delivery-heading{grid-template-columns:170px minmax(0,1fr)}.quote-delivery-paper.delivery-ruixin .quote-delivery-heading{grid-template-columns:minmax(0,1fr) 180px}.quote-delivery-paper.delivery-ruixin .quote-delivery-heading img{width:180px}}
@media print{.quote-delivery-paper.delivery-summit .quote-delivery-heading{grid-template-columns:180px minmax(0,1fr)}.quote-delivery-paper.delivery-summit .quote-delivery-heading img{width:170px;height:140px}.quote-delivery-paper.delivery-ruixin .quote-delivery-heading{grid-template-columns:minmax(0,1fr) 200px}.quote-delivery-paper.delivery-ruixin .quote-delivery-heading img{width:200px;height:150px}}

.quote-invoice-combo{position:relative}.quote-invoice-options{position:absolute;top:100%;left:0;right:0;z-index:30;max-height:260px;overflow:auto;background:var(--surface,#fff);border:1px solid var(--border,#d6dce5);border-radius:8px;box-shadow:0 8px 24px #0002}.quote-invoice-options[hidden]{display:none}.quote-invoice-options [role="option"]{padding:10px 12px;cursor:pointer}.quote-invoice-options [role="option"]:hover,.quote-invoice-options [aria-selected="true"]{background:#edf4ff}.quote-invoice-options small{display:block;margin-top:4px;color:var(--muted)}.quote-invoice-empty{padding:12px;color:var(--muted)}

.quote-product-picker{flex-wrap:wrap}.quote-product-picker #quote-product-mode{flex:0 0 145px;max-width:145px}

.quote-item-identity{display:flex;gap:4px;margin:3px 0;overflow-wrap:anywhere}.quote-item-identity>span{flex:none;color:var(--muted)}

.quote-customer-display>summary{cursor:pointer;font-weight:600;padding:8px 0}.quote-customer-display[open]>.form-grid{margin-top:8px}
/* Compact Ruixin delivery header and customer information in preview and print. */
.quote-delivery-paper.delivery-ruixin{min-height:0}
.quote-delivery-paper.delivery-ruixin .quote-delivery-heading{grid-template-columns:minmax(0,1fr) 200px;grid-template-rows:auto auto;gap:4px 20px;padding:12px 0 10px;margin-bottom:10px}
.quote-delivery-paper.delivery-ruixin .quote-delivery-heading>div:first-child{grid-column:1;grid-row:1 / span 2;align-self:center}
.quote-delivery-paper.delivery-ruixin .quote-delivery-heading img{grid-column:2;grid-row:1;width:200px;height:90px;object-fit:contain;object-position:center bottom}
.quote-delivery-paper.delivery-ruixin .quote-delivery-heading .quote-delivery-title{grid-column:2;grid-row:2;text-align:center;margin:0;padding:4px 0;background:transparent;border:0}
.quote-delivery-paper.delivery-ruixin .quote-delivery-title h1{font-size:24px;line-height:1.2}
.quote-delivery-paper.delivery-ruixin .quote-delivery-parties{grid-template-columns:repeat(2,minmax(0,1fr));margin:6px 0 12px;gap:0}
.quote-delivery-paper.delivery-ruixin .quote-delivery-parties>div{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:baseline;gap:6px;padding:6px 8px;line-height:1.45}
.quote-delivery-paper.delivery-ruixin .quote-delivery-parties>div:first-child,.quote-delivery-paper.delivery-ruixin .quote-delivery-parties>div:nth-child(2){grid-column:auto}
.quote-delivery-paper.delivery-ruixin .quote-delivery-parties>div.wide{grid-column:1 / -1}
.quote-delivery-paper.delivery-ruixin .quote-delivery-parties span{font-size:11px;margin:0}
.quote-delivery-paper.delivery-ruixin .quote-delivery-parties strong{font-size:14px;line-height:1.45}
.quote-delivery-paper.delivery-ruixin .quote-delivery-total{padding:8px 12px;margin-bottom:14px}
.quote-delivery-paper.delivery-ruixin .quote-delivery-signature{padding:12px 14px;margin-top:14px}
@media screen and (max-width:650px){.quote-delivery-paper.delivery-ruixin .quote-delivery-heading{grid-template-columns:minmax(0,1fr) 145px}.quote-delivery-paper.delivery-ruixin .quote-delivery-heading img{width:145px;height:75px}.quote-delivery-paper.delivery-ruixin .quote-delivery-parties{grid-template-columns:1fr}}
/* Compact Summit delivery title and customer information. */
.quote-delivery-paper.delivery-summit{min-height:0}
.quote-delivery-paper.delivery-summit .quote-delivery-heading{grid-template-columns:180px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 20px;padding:0 0 10px;margin-bottom:10px}
.quote-delivery-paper.delivery-summit .quote-delivery-heading>div:first-child{grid-column:2;grid-row:1 / span 2;align-self:center;text-align:right}
.quote-delivery-paper.delivery-summit .quote-delivery-heading img{grid-column:1;grid-row:1;width:170px;height:90px;object-fit:contain;object-position:left bottom}
.quote-delivery-paper.delivery-summit .quote-delivery-heading .quote-delivery-title{grid-column:1;grid-row:2;text-align:left;border:0;padding:4px 0;margin:0}
.quote-delivery-paper.delivery-summit .quote-delivery-title h1{font-size:24px;line-height:1.2}
.quote-delivery-paper.delivery-summit .quote-delivery-parties{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;padding:6px 0 10px;margin:0 0 12px}
.quote-delivery-paper.delivery-summit .quote-delivery-parties>div{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:baseline;gap:6px;line-height:1.45}
.quote-delivery-paper.delivery-summit .quote-delivery-parties>div:first-child{grid-column:auto}
.quote-delivery-paper.delivery-summit .quote-delivery-parties>div.wide{grid-column:1 / -1}
.quote-delivery-paper.delivery-summit .quote-delivery-parties span{font-size:11px;margin:0}
.quote-delivery-paper.delivery-summit .quote-delivery-parties strong{font-size:14px;line-height:1.45}
.quote-delivery-paper.delivery-summit .quote-delivery-total{margin:12px 0 16px}
.quote-delivery-paper.delivery-summit .quote-delivery-signature{padding-top:12px}
@media screen and (max-width:650px){.quote-delivery-paper.delivery-summit .quote-delivery-heading{grid-template-columns:145px minmax(0,1fr)}.quote-delivery-paper.delivery-summit .quote-delivery-heading img{width:140px;height:75px}.quote-delivery-paper.delivery-summit .quote-delivery-parties{grid-template-columns:1fr}}

/* Quotation editor: grouped information, compact disclosures and a clear item picker. */
.quote-editor{width:min(1180px,calc(100% - 32px));max-height:94vh}
.quote-editor .modal-body{background:#f5f7fa;padding:22px}
.quote-editor .quote-form-section{background:#fff;border:1px solid #e0e6ed;border-radius:10px;padding:20px;margin:0}
.quote-editor .quote-form-section+.quote-form-section{margin-top:16px}
.quote-editor .quote-form-section h3,.quote-editor .form-section-title{font-size:15px;color:#243b48;margin:0 0 16px;display:flex;align-items:center;gap:8px}
.quote-editor .form-section-title>span{display:flex;align-items:center;gap:8px}
.quote-section-number{display:inline-grid;place-items:center;width:24px;height:24px;flex:none;border-radius:7px;background:#e5f2f1;color:#076773;font-size:12px;font-weight:700}
.quote-editor .quote-header-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px}
.quote-editor .form-field{min-width:0;font-size:12px;gap:6px}
.quote-editor .form-field input,.quote-editor .form-field select,.quote-editor .form-field textarea{border-radius:6px;background:#fff}
.quote-editor .form-field input:focus,.quote-editor .form-field select:focus,.quote-editor .form-field textarea:focus{outline:2px solid #8dc7c9;outline-offset:1px}
.quote-editor .company-selection-meta{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-top:4px}
.quote-editor .quote-editor-disclosure{display:block;border-top:1px solid #e7ecf0;margin-top:12px;padding-top:4px}
.quote-editor .quote-editor-disclosure>summary{cursor:pointer;padding:10px 0;color:#4b6574;font-size:12px;font-weight:600}
.quote-editor .quote-editor-disclosure>.form-grid{padding:6px 0 2px;gap:12px 18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.quote-editor .quote-editor-disclosure:not([open])>.form-grid{display:none}
.quote-editor #new-quote-agency{border:0;padding:0;margin:0;grid-column:1 / -1}
.quote-editor #new-quote-agency>legend{display:none}
.quote-editor #new-quote-agency>.form-grid{grid-template-columns:1fr 1fr}
.quote-editor .quote-picker-help{font-size:12px;color:#71818c;margin:-4px 0 12px}
.quote-editor .quote-product-picker{display:grid;grid-template-columns:145px minmax(220px,1fr) minmax(210px,1fr) auto auto;gap:8px;padding:12px;background:#f2f7f8;border:1px solid #e0ebed;border-radius:8px;margin:0 0 14px}
.quote-editor .quote-product-picker .search{max-width:none;min-width:0}
.quote-editor .quote-product-picker select{width:100%;max-width:none;min-width:0}
.quote-editor .quote-product-picker #quote-product-mode{max-width:none}
.quote-editor .quote-product-picker button{padding-inline:10px}
.quote-editor .quote-item-table th{background:#f5f7fa;font-size:11px;white-space:nowrap}
.quote-editor .quote-item-table td{padding:12px 8px}
.quote-editor .quote-item-identity{font-size:12px;line-height:1.6;margin:1px 0}
.quote-editor .quote-item-identity strong{font-weight:500}
.quote-editor .quote-item-table textarea{margin-top:8px;background:#fafcfd;min-height:54px}
.quote-editor #quote-item-count{font-size:11px;font-weight:400;color:#7c8b95}
.quote-editor .quote-bottom{margin-top:16px;gap:16px;grid-template-columns:minmax(0,1fr) 280px;align-items:start}
.quote-editor #quote-live-totals{position:sticky;top:0;background:#fff;border:1px solid #e0e6ed;border-radius:10px;padding:18px}
.quote-editor #quote-live-totals .quote-totals{width:100%;max-width:none;margin:0}
.quote-editor .modal-footer{background:#fff;border-top:1px solid #dce5e9;box-shadow:0 -3px 12px #203d4c08}
@media(max-width:1000px){.quote-editor .quote-product-picker{grid-template-columns:145px minmax(0,1fr) auto auto}.quote-editor .quote-product-picker .search{grid-column:2 / -1}.quote-editor #quote-product-picker{grid-column:1 / 3}.quote-editor .quote-bottom{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:650px){.quote-editor .modal-body{padding:12px}.quote-editor .quote-form-section{padding:14px}.quote-editor .quote-header-grid,.quote-editor .quote-editor-disclosure>.form-grid{grid-template-columns:1fr 1fr}.quote-editor .quote-header-grid>.form-field:first-child,.quote-editor .quote-invoice-combo{grid-column:1 / -1}.quote-editor .quote-bottom{grid-template-columns:1fr}.quote-editor #quote-live-totals{position:static}.quote-editor .quote-product-picker{grid-template-columns:1fr 1fr}.quote-editor .quote-product-picker .search{grid-column:1 / -1;grid-row:2}.quote-editor #quote-product-picker{grid-column:1 / -1}.quote-editor .company-selection-meta{align-items:flex-start;gap:8px}}

.quote-editor .quote-add-area{margin-top:16px;padding-top:14px;border-top:1px dashed #cbdce0;scroll-margin-bottom:90px}
.quote-editor .quote-add-area .quote-picker-help{margin:0 0 10px}
.quote-editor .quote-add-area .quote-product-picker{margin-bottom:0}

.quote-editor .quote-item-sequence{display:inline-block;padding:2px 9px;margin-bottom:8px;background:#e5f2f1;color:#076773;border:1px solid #cee6e3;border-radius:5px;font-size:12px;font-weight:600;line-height:1.5}

@media print{.quote-shipment-document .quote-delivery-paper{break-after:page}.quote-shipment-document .quote-delivery-paper:last-child{break-after:auto}}

/* Compact shipment documents; companion companies share one print job. */
.quote-shipment-document .quote-delivery-paper{min-height:0;padding:20px 24px;font-size:12px;line-height:1.4}
.quote-shipment-document .quote-delivery-paper+.quote-delivery-paper{margin-top:20px;border-top:1px dashed #b7c5ca}
.quote-shipment-document .quote-delivery-paper .quote-delivery-heading{padding-bottom:8px;margin-bottom:8px;gap:4px 16px}
.quote-shipment-document .quote-delivery-paper .quote-delivery-heading img{width:145px;height:68px;object-fit:contain}
.quote-shipment-document .quote-delivery-paper .quote-delivery-heading h2{font-size:17px;margin-bottom:3px}
.quote-shipment-document .quote-delivery-paper .quote-delivery-title{padding-top:2px}
.quote-shipment-document .quote-delivery-paper .quote-delivery-title h1{font-size:22px;line-height:1.2}
.quote-shipment-document .quote-delivery-paper .quote-delivery-parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding:4px 0 8px;margin-bottom:8px}
.quote-shipment-document .quote-delivery-paper .quote-delivery-parties>div{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:baseline;gap:6px;padding:3px 0;line-height:1.4;grid-column:auto}
.quote-shipment-document .quote-delivery-paper .quote-delivery-parties>div.wide{grid-column:1/-1}
.quote-shipment-document .quote-delivery-paper .quote-delivery-parties span{margin:0;font-size:11px;color:#53646b}
.quote-shipment-document .quote-delivery-paper .quote-delivery-parties strong{font-size:14px;line-height:1.4}
.quote-shipment-document .quote-delivery-paper :is(th,td){padding:7px 8px;line-height:1.45}
.quote-shipment-document .quote-delivery-paper td .sub{margin-top:2px;line-height:1.4}
.quote-shipment-document .quote-delivery-paper td .quote-prose{margin-top:2px;line-height:1.4}
.quote-shipment-document .quote-delivery-paper .quote-delivery-total{padding:7px 8px;margin:0 0 10px;break-inside:avoid}
.quote-shipment-document .quote-delivery-paper .quote-delivery-signature{padding:12px 8px 4px;margin:0;break-inside:avoid}
@media print{
 .quote-shipment-document .quote-delivery-paper{min-height:0!important;padding:0!important;margin:0!important;border:0!important;break-after:page}
 .quote-shipment-document .quote-delivery-paper:last-child{break-after:auto}
 .quote-shipment-document .quote-delivery-paper .quote-delivery-heading{break-after:avoid}
 .quote-shipment-document .quote-delivery-paper thead{display:table-header-group}
 .quote-shipment-document .quote-delivery-paper :is(th,td){padding:6px 7px;line-height:1.4}
}

@media print{
 .quote-shipment-document .quote-delivery-paper{break-after:auto!important;page-break-after:auto!important}
 .quote-shipment-document .quote-delivery-paper+.quote-delivery-paper{break-before:page;page-break-before:always}
 .quote-shipment-document .form-error{display:none!important}
}

#main .row-actions .quote-print-shortcut,.modal-footer .quote-print-shortcut{background:#eaf1fc;color:#285b98;border:1px solid #bdcfe9;white-space:nowrap}
#main .row-actions .shipment-print-shortcut{background:#fff2df;color:#8b5817;border:1px solid #e9c991;white-space:nowrap;margin-left:5px}
#main .row-actions .quote-print-shortcut:hover,.modal-footer .quote-print-shortcut:hover{background:#dbe8fa}
#main .row-actions .shipment-print-shortcut:hover{background:#ffe6c2}
#main .row-actions:has(.quote-print-shortcut){flex-wrap:nowrap}

#main .row-actions .icon-button.quote-print-shortcut{background:#eaf1fc;color:#285b98;border-color:#bdcfe9}
#main .row-actions .icon-button.shipment-print-shortcut{background:#fff2df;color:#8b5817;border-color:#e9c991;margin-left:0}

#main .badge.quote-company-chief{background:#e8f0fd;color:#285b98;border:1px solid #c8d9f3}
#main .badge.quote-company-summit{background:#e5f4eb;color:#246b48;border:1px solid #c2e2cf}
#main .badge.quote-company-ruixin{background:#f1eafa;color:#75469c;border:1px solid #dcc9ee}
#main .quote-company-badge{white-space:normal;overflow-wrap:anywhere;line-height:1.4}

#main .quote-company-badge,#main .quote-companion-name{display:inline;background:transparent;border:0;border-radius:0;padding:0;font-size:11px;font-weight:600;line-height:1.5}
#main :is(.quote-company-badge,.quote-companion-name).quote-company-chief{color:#285b98}
#main :is(.quote-company-badge,.quote-companion-name).quote-company-summit{color:#246b48}
#main :is(.quote-company-badge,.quote-companion-name).quote-company-ruixin{color:#75469c}

#main .row-actions.quote-list-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:190px}
#main .quote-action-line{display:flex;align-items:center;gap:5px;min-height:30px}
#main .quote-action-line .quote-invoice-shortcut{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;font-size:11px;min-height:30px;background:#e9f4ef;border:1px solid #c6dfd2;color:#28684d;white-space:nowrap}
#main .quote-invoice-shortcut svg{width:14px;height:14px}

#main .quote-action-line .icon-button.quote-invoice-shortcut{width:30px;height:30px;padding:6px;justify-content:center;background:#e9f4ef;border-color:#c6dfd2;color:#28684d}
#main .row-actions.quote-list-actions{min-width:135px}


#main .quote-companion-name{font-family:inherit;letter-spacing:normal}
#main .quote-companion-name.quote-company-b{color:#9a5b16}
#main .quote-companion-name.quote-company-c{color:#b1434b}

.quote-filter-hint{font-size:11px;color:#70818c;margin:-4px 0 16px}.quote-filter-tabs .tab[aria-pressed="true"]{box-shadow:inset 0 -2px currentColor}

#main .stats.quote-billing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.quote-billing-stat-values{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:8px 0}
.quote-billing-stat-values .stat-value small{font-size:12px;font-weight:400}
.quote-billing-due{font-size:12px;color:#658070;margin:4px 0 8px}
.quote-billing-due.has-reminders{color:#a25123;font-weight:600}
@media(max-width:650px){#main .stats.quote-billing-stats{grid-template-columns:1fr}.quote-billing-stat-values .quote-stat-money{font-size:21px}}

#main .quote-reminder-link{display:block;margin-top:10px;color:#285b98;font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:0}
.quote-reminder-filter{margin:0 0 14px}.quote-reminder-filter button{margin-left:12px;text-decoration:underline}

#main .row-actions .icon-button.quote-photo-shortcut{background:#f0e9fa;color:#75469c;border-color:#dbcbed}
.quote-photo-document{width:min(960px,calc(100vw - 24px))}
.quote-photo-sheet{padding:24px;background:white;max-width:794px;margin:0 auto 20px;color:#25313a}
.quote-photo-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #627f96;padding-bottom:12px;margin-bottom:12px}
.quote-photo-heading h2{font-size:18px;margin:0 0 6px}.quote-photo-heading h1{font-size:22px;margin:0}.quote-photo-heading>div:last-child{text-align:right;font-size:12px}
.quote-photo-buyer{font-size:13px;margin-bottom:12px}.quote-photo-item{font-size:12px;margin-bottom:12px}.quote-photo-item>span{display:block;color:#687f90;margin-bottom:5px}.quote-photo-item>p{margin:6px 0}
.quote-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.quote-photo-grid figure{margin:0;border:1px solid #dee6ec;padding:8px;break-inside:avoid}
.quote-photo-grid img{width:100%;height:240px;object-fit:contain}.quote-photo-grid figcaption{text-align:center;font-size:11px;color:#687a86;margin-top:5px}
@media print{
 .quote-photo-document,.quote-photo-document #dialog-form,.quote-photo-document .modal-body{height:auto!important;max-height:none!important;overflow:visible!important;display:block!important}
 .quote-photo-document .form-error{display:none!important}.quote-photo-sheet{padding:0;margin:0;break-after:auto}.quote-photo-sheet+.quote-photo-sheet{break-before:page}
 .quote-photo-grid img{height:60mm}.quote-photo-document .quote-photo-heading{position:static;background:white;height:auto}
}
@media(max-width:600px){.quote-photo-sheet{padding:12px}.quote-photo-grid{gap:8px}.quote-photo-grid img{height:160px}}

.quote-photo-pick-tools{display:flex;align-items:center;gap:10px;position:sticky;top:0;background:white;padding:10px 0;z-index:1}
.quote-photo-pick-tools>span{font-size:12px;color:#587585}
.quote-photo-pick-group{margin:16px 0 24px}.quote-photo-pick-group h3{font-size:14px;margin:0 0 12px}
.quote-photo-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px}
.quote-photo-choice{border:1px solid #d8e4ec;border-radius:9px;padding:8px;background:#fff}
.quote-photo-choice:has(input:checked){border-color:#5b8fab;background:#f2f8fc}
.quote-photo-choice-preview{display:block;border:0;background:white;width:100%;padding:0;cursor:zoom-in}
.quote-photo-choice-preview img{width:100%;height:115px;object-fit:contain}
.quote-photo-choice label{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:8px}

#main .row-actions .icon-button.quote-pack-shortcut{background:#e4f2f4;color:#246778;border-color:#bddde3}
#main .row-actions.quote-list-actions{min-width:170px}
.quote-pack-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.quote-pack-option{display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid #dce6ec;border-radius:10px;cursor:pointer}
.quote-pack-option:has(input:checked){background:#eff8fa;border-color:#7dafbd}.quote-pack-option:has(input:disabled){opacity:.5;cursor:default}
.quote-pack-option input{margin-top:5px}.quote-pack-option small{display:block;font-size:11px;color:#728490;margin-top:4px}
.quote-pack-photo-tools{display:flex;gap:12px;align-items:center;font-size:12px;color:#687f8b}
.quote-pack-document{width:min(1000px,calc(100vw - 24px))}
.quote-pack-document .quote-pack-page{width:auto;max-width:none;margin:0 auto 22px}
.quote-pack-invoice{padding:24px;background:white;max-width:794px;margin:auto}.quote-pack-invoice h1{font-size:22px}.quote-pack-invoice h2{font-size:17px}
@media print{
 .quote-pack-document,.quote-pack-document :is(#modal-content,#dialog-form,.modal-body){display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important}
 .quote-pack-document .form-error{display:none!important}
 .quote-pack-document .quote-pack-page{width:100%!important;margin:0!important;padding:0!important;break-after:auto}
 .quote-pack-document .quote-pack-page+.quote-pack-page{break-before:page;page-break-before:always}
 .quote-pack-document .quote-pack-invoice{padding:0;margin:0;max-width:none}
 .quote-pack-invoice table{min-width:0!important;font-size:10px}.quote-pack-invoice td,.quote-pack-invoice th{padding:8px 5px}
 .quote-pack-invoice tr{break-inside:avoid}
 .quote-pack-document .quote-photo-document{border:0!important}
}
@media(max-width:600px){.quote-pack-options{grid-template-columns:1fr}.quote-pack-photo-tools{flex-wrap:wrap}}

#main .row-actions .icon-button.quote-stamp-toggle.is-on{background:white;color:#333;border-color:#aaa}
#main .row-actions .icon-button.quote-stamp-toggle.is-off{background:#242424;color:white;border-color:#242424}
#main .row-actions .quote-stamp-toggle.is-off svg{opacity:1}

#quote-remittance-draft[hidden]{display:none!important}

#modal .remittance-stamp-toggle{width:fit-content;border:1px solid #aaa}
#modal .remittance-stamp-toggle.is-on{background:white;color:#333}
#modal .remittance-stamp-toggle.is-off{background:#242424;color:white;border-color:#242424}

.quote-pack-remittance{background:white;text-align:center}
.quote-pack-remittance>img{display:block;width:100%;max-width:794px;height:auto;margin:auto}
@media print{
 .quote-pack-document .quote-pack-remittance{break-inside:avoid;page-break-inside:avoid}
 .quote-pack-document .quote-pack-remittance>img{width:100%;height:245mm;max-height:245mm;object-fit:contain;object-position:top center}
}
.quote-compound-search{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:10px;padding:15px 16px;margin:-6px 0 18px;background:#f6f9fc;border:1px solid #dce6ed;border-radius:9px}.quote-compound-search .form-field{font-size:11px;color:#60768a}.quote-compound-search input{min-height:38px;background:white}.quote-compound-search>button{min-height:38px}.quote-compound-search small{grid-column:1/-1;font-size:11px;color:#7d8e9b}.quote-list-invoice-title{max-width:280px;white-space:normal;overflow-wrap:anywhere;line-height:1.6;color:#60788b!important;font-size:11px!important}@media(max-width:1050px){.quote-compound-search{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-compound-search>button{grid-column:1/-1}}@media(max-width:550px){.quote-compound-search{grid-template-columns:1fr}}

.catalog-category-field{border:0;padding:0;margin:0;min-width:0}
.catalog-category-field legend{font-size:12px;font-weight:600;margin-bottom:7px}
.catalog-category-options{display:flex;gap:8px}
.catalog-category-option{position:relative;flex:1;cursor:pointer}
.catalog-category-option input{position:absolute;opacity:0;width:1px;height:1px}
.catalog-category-option span{display:block;text-align:center;padding:9px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#475569;font-weight:600;transition:background .15s,border-color .15s}
.catalog-category-option:hover span{border-color:#2563eb;background:#eff6ff}
.catalog-category-option input:checked+span{background:#2563eb;border-color:#2563eb;color:white}
.catalog-category-option input:focus-visible+span{outline:3px solid #93c5fd;outline-offset:2px}
