.sop-platform-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:12px 14px}.sop-platform-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sop-platform-tab{display:flex;align-items:center;gap:8px;padding:9px 12px;color:#506078;background:#f5f7fa;border:1px solid #e1e6ed;border-radius:10px;font-weight:800;cursor:pointer}.sop-platform-tab small{padding:2px 6px;color:#8b96a5;background:#fff;border-radius:999px;font-size:8px}.sop-platform-tab.active{color:#fff;background:linear-gradient(135deg,#2768cf,#2253a6);border-color:#2253a6;box-shadow:0 6px 15px rgba(37,99,199,.2)}.sop-platform-tab.active small{color:#275ea9}.sop-platform-actions{display:flex;gap:7px}.sop-platform-actions.hidden{display:none!important}.danger-text{color:#c03843!important}.sop-category-right{display:flex;align-items:center;gap:10px}.sop-collapse-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;color:#4c607c;background:#fff;border:1px solid #dce4ee;border-radius:9px;font-size:10px;font-weight:800;cursor:pointer}.sop-collapse-btn i{font-style:normal;font-size:14px}.sop-category.collapsed .sop-category-body{display:none}.sop-category.collapsed .sop-category-head{border-bottom:0}.sop-table th:nth-child(1){width:190px}.sop-table th:nth-child(2){width:auto}.sop-table th:nth-child(3){width:240px}.sop-table th:nth-child(4){width:125px}.sop-table th:nth-child(5){width:130px}
.quote-workspace{display:grid;grid-template-columns:minmax(380px,460px) minmax(720px,1fr);gap:16px;align-items:start}.quote-editor{display:grid;gap:10px;max-height:calc(100vh - 118px);overflow:auto;padding-right:4px}.quote-editor-head,.quote-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(20,31,50,.04)}.quote-editor-head strong,.quote-preview-toolbar strong{display:block;font-size:14px}.quote-editor-head span,.quote-preview-toolbar span{display:block;margin-top:3px;color:var(--muted);font-size:9.5px}.quote-draft-chip{padding:6px 8px!important;color:#087c4f!important;background:#ecfdf3;border-radius:999px;font-weight:800;white-space:nowrap}.quote-editor-section{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.quote-editor-section.hidden{display:none!important}.quote-editor-section summary{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;font-size:12px;font-weight:850}.quote-editor-section summary span{color:#8b96a5;font-size:9px;font-weight:600}.quote-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 14px 14px}.quote-fields label,.quote-product-card-grid label{font-size:9.5px;color:#657289}.quote-fields input,.quote-fields textarea,.quote-fields select,.quote-product-card-grid input,.quote-product-card-grid textarea{margin-top:5px;font-size:11px}.quote-fields .wide,.quote-product-card-grid .wide{grid-column:1/-1}.quote-field-divider{grid-column:1/-1;margin-top:3px;padding-top:10px;color:#314460;border-top:1px solid #e6ebf1;font-size:10px;font-weight:850}.quote-upload-label small{display:block;margin-top:4px;color:#98a2b1}.quote-product-editor{display:grid;gap:9px;padding:0 12px 10px}.quote-product-card{padding:10px;background:#f8faff;border:1px solid #e3e9f2;border-radius:11px}.quote-product-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.quote-product-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quote-editor-section>.full{width:calc(100% - 24px);margin:0 12px 12px}.quote-preview-shell{min-width:0}.quote-preview-toolbar{position:sticky;top:84px;z-index:5;margin-bottom:12px}.quote-a4{width:210mm;min-height:297mm;margin:0 auto;padding:13mm 13mm 10mm;color:#152238;background:#fff;box-shadow:0 12px 38px rgba(25,39,63,.14);font-family:Arial,"Helvetica Neue",sans-serif;font-size:9pt;line-height:1.38;box-sizing:border-box}.qa-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:7mm;border-bottom:2px solid #174f9d}.qa-brand{display:flex;align-items:center;gap:3mm;max-width:112mm}.qa-logo{display:grid;place-items:center;width:13mm;height:13mm;color:#fff;background:#174f9d;border-radius:3mm;font-size:12pt;font-weight:900;letter-spacing:.5px}.qa-brand strong{display:block;color:#123963;font-size:10.5pt}.qa-brand span{display:block;margin-top:1.5mm;color:#64758b;font-size:7.5pt}.qa-title{text-align:right}.qa-title h1{margin:0;color:#123963;font-size:24pt;letter-spacing:2px}.qa-title span{color:#6c7a8c;font-size:8pt;letter-spacing:1px;text-transform:uppercase}.qa-meta{display:grid;grid-template-columns:1.3fr 1fr 1fr .7fr;margin:4mm 0;background:#f3f6fa;border:1px solid #dbe3ed;border-radius:2mm}.qa-meta div{padding:2.5mm 3mm;border-right:1px solid #dbe3ed}.qa-meta div:last-child{border-right:0}.qa-meta span{display:block;color:#748297;font-size:6.8pt;text-transform:uppercase}.qa-meta strong{display:block;margin-top:1mm;color:#203650;font-size:8.5pt}.qa-parties{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin-bottom:4mm}.qa-parties article{min-height:42mm;padding:3.5mm;border:1px solid #dbe3ed;border-radius:2mm}.qa-parties h2,.qa-terms h2,.qa-bank h2{margin:0 0 2mm;color:#174f9d;font-size:7.5pt;letter-spacing:.8px}.qa-parties>article>strong{display:block;margin-bottom:1.5mm;font-size:9.5pt}.qa-parties p{min-height:10mm;margin:0 0 2mm;color:#526176;white-space:pre-line;font-size:7.5pt}.qa-parties dl,.qa-terms dl,.qa-bank dl{display:grid;grid-template-columns:24mm 1fr;gap:.8mm 2mm;margin:0}.qa-parties dt,.qa-terms dt,.qa-bank dt{color:#7b8899;font-size:7pt}.qa-parties dd,.qa-terms dd,.qa-bank dd{margin:0;overflow-wrap:anywhere;font-size:7.4pt}.qa-section{margin-bottom:4mm}.qa-section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.8mm}.qa-section-title h2{margin:0;color:#174f9d;font-size:9pt;letter-spacing:.6px}.qa-section-title span{color:#6c7a8c;font-size:7pt}.qa-products{width:100%;border-collapse:collapse;table-layout:fixed}.qa-products th{padding:2.2mm 1.8mm;color:#fff;background:#174f9d;border:1px solid #174f9d;font-size:7pt;text-transform:uppercase}.qa-products td{padding:2.2mm 1.8mm;border:1px solid #cfd9e6;vertical-align:middle;font-size:7.4pt;white-space:normal}.qa-products th:nth-child(1){width:6mm}.qa-products th:nth-child(2){width:36mm}.qa-products th:nth-child(3){width:auto}.qa-products th:nth-child(4){width:15mm}.qa-products th:nth-child(5){width:21mm}.qa-products th:nth-child(6){width:23mm}.qa-products td:nth-child(1),.qa-products td:nth-child(4),.qa-products td:nth-child(5),.qa-products td:nth-child(6){text-align:center}.qa-products td>small{display:block;color:#7c8999}.qa-product-cell{display:grid;justify-items:center;text-align:center}.qa-product-cell img,.qa-product-placeholder{width:21mm;height:18mm;object-fit:contain;margin-bottom:1.3mm;border-radius:1.5mm}.qa-product-placeholder{display:grid;place-items:center;color:#9ba7b5;background:#f1f4f8;border:1px dashed #cfd8e4;font-size:6pt}.qa-product-cell strong{font-size:7.5pt}.qa-product-cell span,.qa-product-cell small{margin-top:.5mm;color:#6e7b8d;font-size:6.5pt}.qa-spec{white-space:pre-line!important;line-height:1.45}.qa-spec small{display:block;margin-top:1.3mm;padding-top:1.2mm;color:#5b6c82;border-top:1px dashed #d9e0e9}.qa-summary{display:grid;grid-template-columns:1fr 56mm;gap:4mm;margin-bottom:4mm}.qa-terms{padding:3mm;background:#f7f9fc;border:1px solid #dbe3ed;border-radius:2mm}.qa-terms dl{grid-template-columns:22mm 1fr}.qa-total{border:1px solid #d3dce8;border-radius:2mm;overflow:hidden}.qa-total>div{display:flex;align-items:center;justify-content:space-between;padding:2.1mm 3mm;border-bottom:1px solid #e1e6ed}.qa-total>div:last-child{border-bottom:0}.qa-total span{color:#708096;font-size:7pt}.qa-total strong{font-size:8.5pt}.qa-total .grand{color:#fff;background:#174f9d}.qa-total .grand span{color:#dceaff}.qa-total .grand strong{font-size:11pt}.qa-bank{margin-bottom:4mm;padding:3mm 3.5mm;border:1px solid #cfd9e6;border-left:3px solid #174f9d;border-radius:1.5mm}.qa-bank>div{display:grid;grid-template-columns:1fr 1fr;gap:6mm}.qa-bank dl{grid-template-columns:25mm 1fr}.qa-footer{display:grid;grid-template-columns:1fr 30mm 1fr;align-items:end;gap:4mm;min-height:28mm;padding:4mm 2mm 2mm;border-top:1px solid #dbe3ed}.qa-footer>div:first-child,.qa-accept{display:grid;gap:1mm}.qa-footer span{color:#748297;font-size:7pt}.qa-footer strong{font-size:8pt}.qa-footer small{color:#6f7d8e;font-size:6.5pt}.qa-stamp{display:grid;place-items:center}.qa-stamp img{max-width:28mm;max-height:28mm;object-fit:contain}.qa-stamp>span{display:grid;place-items:center;width:25mm;height:25mm;color:#b7c0cc;border:1px dashed #c7d0dc;border-radius:50%;text-align:center;font-size:6pt}.qa-page-note{margin-top:2mm;padding-top:2mm;color:#8793a3;border-top:1px solid #e5eaf0;text-align:center;font-size:6.3pt}
@media(max-width:1500px){.quote-workspace{grid-template-columns:400px minmax(690px,1fr)}.quote-preview-shell{overflow:auto}.quote-a4{transform-origin:top left;transform:scale(.86);margin-left:0;margin-bottom:-42mm}}
@media(max-width:1050px){.sop-platform-bar{align-items:flex-start;flex-direction:column}.sop-platform-actions{flex-wrap:wrap}.sop-category-head,.sop-category-right{align-items:flex-start;flex-direction:column}.quote-workspace{grid-template-columns:1fr}.quote-editor{max-height:none}.quote-a4{transform:scale(.78);margin-bottom:-65mm}}
@page{size:A4 portrait;margin:0}@media print{body{margin:0!important;background:#fff!important}body *{visibility:hidden!important}.quote-a4,.quote-a4 *{visibility:visible!important}.quote-a4{position:absolute!important;left:0!important;top:0!important;width:210mm!important;min-height:297mm!important;margin:0!important;padding:13mm 13mm 10mm!important;box-shadow:none!important;transform:none!important}.preview-ribbon{display:none!important}.qa-products tr,.qa-parties,.qa-bank,.qa-summary{break-inside:avoid;page-break-inside:avoid}}