html{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#94a689 #f4f7f2}body,.app-shell{width:100%}
.quote-interactive-preview .sidebar a,.quote-interactive-preview .topbar a,.quote-interactive-preview .tabs button,.quote-interactive-preview .stage-button{pointer-events:none;cursor:default}
.quote-interactive-preview button:disabled{opacity:1;cursor:default}
#quote-procurement{display:grid;gap:30px;min-width:0}.sourcing-request,.factory-comparison{scroll-margin-top:26px}
.sourcing-form{display:grid;gap:18px}.sourcing-form fieldset{border:0;padding:0;margin:0;min-width:0}.sourcing-form legend{font-size:12px;font-weight:600;color:#385331;margin-bottom:10px}.sourcing-form legend small{font-size:10px;font-weight:400;color:#829077;margin-left:8px}
.sourcing-form label,.response-form-grid label{display:block;font-size:11px;color:#64745b;line-height:1.5}
.sourcing-form input:not([type=checkbox]),.sourcing-form select,.sourcing-form textarea,.response-form-grid input{display:block;width:100%;box-sizing:border-box;border:1px solid #dce5d5;border-radius:6px;padding:8px 10px;margin-top:6px;background:#fff;color:#35502e;font:12px/1.5 "Segoe UI",Arial,sans-serif;min-width:0}
.sourcing-form input[type=checkbox]{width:14px;height:14px;flex:0 0 14px;accent-color:#729750;margin:0;cursor:pointer}
.factory-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.factory-options label{display:flex;align-items:center;gap:9px;border:1px solid #dfe7d7;border-radius:6px;padding:11px;font-size:11px;cursor:pointer;min-height:48px}.factory-options label:has(:checked){border-color:#a8be94;background:#f0f6e9;color:#3b5a30}
.request-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px}.full-field{grid-column:1/-1}.field-unit,.optional{color:#93a087;font-size:10px;font-weight:400;margin-left:5px}.full-field[hidden],.sample-fields[hidden]{display:none}
.finish-options{display:flex;flex-wrap:wrap;gap:8px}.finish-options label{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e1e8da;border-radius:5px;cursor:pointer}.finish-options label:has(:checked){background:#f4f8ed;border-color:#bccfa9}.additional-finish{max-width:390px;margin-top:12px}
.sample-request{padding:14px 16px;border:1px solid #e1e8da;border-radius:6px;background:#fafcf7}.sourcing-form .sample-toggle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#4a663b;cursor:pointer}.sample-fields{display:grid;grid-template-columns:1fr .7fr 1.4fr;gap:16px;margin-top:12px}.sourcing-form textarea{resize:vertical}
.sourcing-actions{display:flex;gap:20px;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #edf1e8}.sourcing-actions p{font-size:11px;color:#7b8b6e;line-height:1.6;margin:0}.sourcing-actions .btn{flex-shrink:0}
.comparison-basis{display:flex;flex-wrap:wrap;gap:7px;font-size:11px;color:#718365;line-height:1.6;margin:0 0 15px}.comparison-basis span{color:#a2ad97}.comparison-table-wrap{overflow-x:auto}.supplier-comparison-table{width:100%;white-space:normal;font-size:11px;table-layout:fixed}.supplier-comparison-table th,.supplier-comparison-table td{padding:12px 7px;border-bottom:1px solid #e7eddf;vertical-align:middle;overflow-wrap:anywhere;line-height:1.5}.supplier-comparison-table thead th{font-size:10px;background:#f6f9f1;font-weight:600;color:#75846a}.supplier-comparison-table th:first-child{width:21%;padding-left:10px}.supplier-comparison-table th:nth-child(2){width:13%}.supplier-comparison-table th:last-child{width:10%}.supplier-comparison-table tbody th{font-weight:550;color:#3d5934}.supplier-comparison-table small{display:block;font-size:9px;color:#86937b;margin-top:5px;font-weight:400}.supplier-comparison-table .number{text-align:right;font-variant-numeric:tabular-nums}.supplier-comparison-table .order-total{font-weight:650;color:#426537}.supplier-comparison-table .badge{font-size:9px;padding:5px 6px;white-space:normal;display:inline-block;line-height:1.4}.supplier-comparison-table .btn{font-size:10px;padding:5px 7px}.not-quoted{font-size:10px;color:#8a967f}
.comparison-footnote{font-size:10px;line-height:1.7;color:#7a8a6e;margin:15px 0 0}.older-quotes{font-size:11px;border-top:1px solid #e5ecdc;padding-top:14px;margin-top:16px}.older-quotes summary{cursor:pointer;color:#4c683e}.older-quotes p{color:#869179;font-size:10px}.older-quotes>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;color:#728265}
.quote-response-dialog{width:650px;max-width:calc(100vw - 48px)}.quote-response-dialog .modal-header p{font-size:11px;color:#7b8d6d;margin:7px 0 0}.response-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px 26px}.response-total{grid-column:1/-1;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid #e1e8da;padding-top:17px;font-size:12px;color:#647658}.response-total strong{text-align:right;font-size:20px;color:#3d6630}.response-total small{grid-column:1/-1;font-size:10px;color:#839275}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Match the readable field scale used by the other workspace previews. */
.sourcing-form label,.response-form-grid label,.factory-options label{font-size:12px}
.sourcing-form input:not([type=checkbox]),.sourcing-form select,.sourcing-form textarea,.response-form-grid input{font-size:13px}
.supplier-comparison-table{font-size:12px}.supplier-comparison-table thead th{font-size:11px}.supplier-comparison-table small,.supplier-comparison-table .badge{font-size:10px}
.sourcing-form :is(input,select,textarea,button):focus-visible,.factory-comparison button:focus-visible{outline:2px solid #70924f;outline-offset:3px}