#content.content:has(>.supplier-portal){max-width:820px;padding:20px}.supplier-portal{font-size:14px;color:var(--ink);padding-bottom:18px;min-width:0}.supplier-portal *{box-sizing:border-box}.supplier-portal button,.supplier-portal input,.supplier-portal select{font:inherit;color:inherit;border:1px solid #cddbd5;border-radius:5px;padding:8px 10px;min-height:40px;background:#fff}.supplier-portal button{cursor:pointer}.supplier-portal button:disabled{opacity:.5;cursor:default}.supplier-portal button.primary{background:#28756e;color:#fff;border-color:#28756e;font-weight:600}.supplier-portal input[readonly]{background:#f3f6f3}.supplier-portal svg{width:20px;height:20px;vertical-align:middle}#content.content>.supplier-portal input:not([type=checkbox]):not([type=radio]):not([type=file]),#content.content>.supplier-portal select{min-height:40px;height:40px;padding:7px 9px}.sp-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.sp-heading h1{font-size:28px;margin:0 0 12px}.sp-heading button{font-size:12px;min-height:33px}.sp-identity{color:#247470;font-size:16px;font-weight:600;margin:0 0 5px}.sp-access{font-size:12px;color:#648190;margin:0 0 14px}.sp-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #cfddd6;border-bottom:1px solid #cfddd6;padding:10px 0;margin-bottom:13px}.sp-filters label{display:flex;align-items:center;gap:6px;font-size:12px}.sp-filters select{max-width:230px}.sp-filters input[type=date]{width:145px}.sp-summary{border:1px solid #d3dfd8;border-radius:6px;padding:12px 13px;background:#fff;margin:10px 0 16px}.sp-summary strong{font-size:16px}.sp-summary small{display:block;color:#648190;font-size:12px;margin-top:6px}.sp-list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;gap:8px}.sp-list-heading h2{font-size:20px;margin:0}.sp-list-heading span{color:#6b8190;font-size:12px}.sp-order{border:1px solid #cfddd6;border-radius:7px;background:#fff;overflow:hidden;margin-bottom:15px}.sp-order-header{border:0!important;border-radius:0!important;background:#eef4f0!important;width:100%;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:13px!important}.sp-order-header strong{font-size:20px}.sp-order-header small{font-size:12px;color:#6b8190;grid-column:1}.sp-order-header .sp-expand{grid-column:2;grid-row:2;font-size:12px;color:#28756e;font-weight:600;align-self:end}.sp-badge{display:inline-block;font-size:12px;font-weight:500;padding:6px 11px;border-radius:5px;color:#986e27;background:#faf0db;align-self:start}.sp-badge.submitted{background:#e0eee5;color:#347759}.sp-order-body{padding:12px 13px 17px}.sp-order-body h3{font-size:16px;margin:1px 0 10px}.sp-paper-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:10px;margin-bottom:5px;border-bottom:1px solid #d2dfd7}.sp-paper-fields label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#69818b}.sp-paper-fields input{width:100%}.sp-line{padding:12px 0;border-bottom:1px solid #d5e0d9}.sp-line-heading{display:flex;align-items:center;gap:11px;min-width:0}.sp-photo,.sp-photo-placeholder{width:48px;height:48px;border:1px solid #d4dfd5;border-radius:5px;object-fit:cover;flex:none;background:#edf2e8}.sp-photo-placeholder{display:flex;align-items:center;justify-content:center;color:#76947e;font-size:11px}.sp-line-name{min-width:0;flex:1}.sp-line-name strong{display:block;font-size:18px;line-height:1.3}.sp-line-name small{display:block;color:#6c8290;font-size:12px;margin-top:5px;overflow-wrap:anywhere}.sp-line-state{color:#327e75;font-size:12px;white-space:nowrap}.sp-line-state.missing{color:#b85e4e}.sp-line-state.blank{color:#8b8f83}.sp-line-inputs{display:grid;grid-template-columns:.9fr .95fr 1.1fr 1.1fr;gap:8px;margin-top:9px}.sp-line-inputs label{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px;color:#69818b}.sp-line-inputs input{width:100%;font-size:17px!important;text-align:right;min-width:0}.sp-line-inputs input[data-unit]{text-align:center}.sp-line-inputs output{display:flex;align-items:center;justify-content:flex-end;background:#e7f2ed;color:#237a78;min-height:40px;border-radius:5px;padding:7px 8px;font-size:16px;font-weight:600;overflow-wrap:anywhere}.sp-line-inputs output.pending{font-size:12px;color:#9b732e}.sp-line-inputs output.zero{color:#b85742}.sp-totals{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,180px);gap:10px;align-items:center;margin:13px 0;color:#68818d}.sp-totals strong{font-size:25px;color:#247b76;text-align:right}.sp-totals input{width:100%;font-size:19px!important;text-align:right;font-weight:600;color:#294c56}.sp-match{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:12px;margin:12px 0}.sp-match strong{background:#e6f1eb;padding:6px 12px;color:#28776d;border-radius:4px}.sp-match strong.mismatch{background:#fff1df;color:#a26530}.sp-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sp-actions button{flex:1}.sp-actions button.primary{flex-basis:100%;min-height:46px;font-size:17px}.sp-preview{border:1px solid #cfdfd4;border-radius:5px;background:#f1f7f2;padding:10px;font-size:12px;margin:11px 0}.sp-preview strong{color:#2b7466}.sp-preview ul{padding-left:17px;margin:7px 0}.sp-readonly{font-size:12px;color:#8a6d35;margin:8px 0}.sp-error:not(:empty){background:#fff0e9;color:#ac4f39;border-radius:4px;padding:9px;font-size:12px;margin:10px 0;overflow-wrap:anywhere}.sp-notice:not(:empty){background:#e8f4eb;color:#367351;padding:9px;font-size:12px;margin:10px 0}.sp-empty{color:#78877b;text-align:center;padding:25px 10px}.sp-paging{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;margin:15px 0}.sp-paging button{min-height:33px}.sp-saved-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;margin:10px 0;color:#6b8190}.sp-saved-fields b{color:#315c53;font-weight:500}.sp-controls{border:0;padding:0;margin:0;min-width:0}.sp-order-body fieldset{border:0;padding:0;margin:0;min-width:0}.supplier-portal :focus-visible{outline:2px solid #28776d;outline-offset:2px}@media(max-width:600px){#content.content:has(>.supplier-portal){padding:14px}.sp-heading h1{font-size:25px}.sp-order-header strong{font-size:18px}.sp-order-body{padding:11px 11px 14px}.sp-line-name strong{font-size:16px}.sp-line-name small{font-size:11px}.sp-line-inputs{gap:6px}.sp-line-inputs label{font-size:10px}.sp-line-inputs input{font-size:15px!important;padding:6px!important}.sp-line-inputs output{font-size:14px;padding:6px}.sp-photo,.sp-photo-placeholder{width:43px;height:43px}.sp-line-state{font-size:11px}.sp-paper-fields{gap:8px}.sp-filters{gap:6px}.sp-filters select{max-width:190px}.sp-summary strong{font-size:15px}.sp-totals{grid-template-columns:minmax(0,1fr) 135px}.sp-totals strong{font-size:23px}.sp-identity{font-size:14px}.sp-access{font-size:11px}}@media(max-width:350px){.sp-line-inputs{grid-template-columns:1fr 1fr}.sp-line-state{white-space:normal;max-width:55px}.sp-paper-fields{grid-template-columns:1fr}}

.supplier-portal [hidden]{display:none!important}

/* Approved packing worksheet: original order stays prominent beside actual entry. */
.sp-grid-heading,.sp-line{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.15fr) minmax(0,.75fr) minmax(0,.8fr);gap:10px;align-items:center}
.sp-grid-heading{padding:9px 0 12px;border-bottom:1px solid #cfddd6;font-weight:600;color:#315c53;font-size:13px}
.sp-line{position:relative;padding:16px 0}.sp-line-heading{gap:9px}.sp-line-name strong{font-size:18px;overflow-wrap:anywhere}.sp-original{display:block;font-size:13px;margin-top:6px;color:#315c53;line-height:1.5}.sp-original b{font-size:19px;white-space:normal}.sp-line-inputs{display:contents}.sp-line-inputs label{font-size:12px}.sp-quantity-unit{display:flex;min-width:0;align-items:stretch}.sp-quantity-unit input{border-radius:5px 0 0 5px!important;flex:1;width:0;min-width:0}.supplier-portal .sp-quantity-unit button{flex:0 0 48px;border-radius:0 5px 5px 0;background:#e7f2ed;color:#236e63;padding:5px 3px;min-width:0;font-weight:600}.sp-quantity-unit button svg{width:13px;height:13px}.sp-line-inputs input{text-align:center;font-size:16px!important}.sp-subtotal{min-width:0;display:flex;flex-direction:column;gap:5px}.sp-cell-label{font-size:12px;color:#69818b}.sp-line-inputs output{justify-content:center;font-size:17px;min-width:0;padding:7px 4px}.sp-line-state{grid-column:2/5;text-align:right;font-size:11px}.sp-line-state:empty{display:none}.sp-extra-tag{display:inline-block;color:#976326;background:#fff0d8;border-radius:4px;padding:3px 5px;font-size:11px;margin-top:5px}.supplier-portal .sp-remove-extra{position:absolute;right:0;top:0;border:0;min-height:22px;padding:0 5px;font-size:17px;background:transparent;color:#737e7b}.supplier-portal .sp-add-item{width:100%;margin-top:14px;color:#28756e;border-color:#28756e;background:#fff;font-size:16px}.sp-actions{margin-top:15px}.sp-totals{border-top:1px solid #cfddd6;padding-top:14px;margin-top:14px}.sp-actions button.primary{width:100%}.sp-product-dialog{width:min(480px,calc(100vw - 24px));max-height:80vh;border:1px solid #cad8d0;border-radius:12px;padding:14px;background:var(--panel,#fffdf7);color:var(--ink,#243f48)}.sp-product-dialog::backdrop{background:#243f484d}.sp-product-dialog header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.sp-product-dialog button,.sp-product-dialog input{font:inherit;color:inherit;border:1px solid #cddbd5;border-radius:5px;background:#fff;min-height:40px;padding:8px}.sp-product-dialog header button{border:0;background:transparent}.sp-product-dialog input{width:100%;font-size:16px}.sp-product-dialog [data-product-options]{overflow-y:auto;max-height:45vh;margin:10px 0}.sp-product-dialog .sp-product-option{display:flex;align-items:center;gap:8px;width:100%;border:0;border-bottom:1px solid #e0e6df;border-radius:0;text-align:left;padding:9px 7px}.sp-product-option strong{font-size:14px;overflow-wrap:anywhere;flex:1}.sp-product-tier{font-size:11px;white-space:nowrap;padding:3px 5px;border-radius:4px}.sp-product-own{background:#edf5ee!important}.sp-product-own .sp-product-tier{background:#dcebe0;color:#286d54}.sp-product-other .sp-product-tier{background:#e9edf2;color:#506579}.sp-product-unit{margin-left:auto;font-size:13px;white-space:nowrap}.sp-product-dialog [data-manual]{width:100%;text-align:left;overflow-wrap:anywhere}.sp-product-dialog [data-product-error]{color:#a74331;font-size:13px}
@media(max-width:600px){.sp-grid-heading,.sp-line{grid-template-columns:minmax(0,1.1fr) minmax(0,1.15fr) minmax(0,.8fr) minmax(0,.85fr);gap:5px}.sp-grid-heading{font-size:10px}.sp-line{padding:14px 0}.sp-line-heading{display:block}.sp-photo,.sp-photo-placeholder{width:32px;height:32px;margin-bottom:4px}.sp-line-name strong{font-size:15px}.sp-original{font-size:11px;margin-top:3px}.sp-original b{font-size:17px}.sp-line-inputs label,.sp-cell-label{font-size:10px}.sp-line-inputs input{font-size:14px!important;padding:5px 2px!important}.supplier-portal .sp-quantity-unit button{flex-basis:34px;font-size:12px;padding:3px 1px}.sp-quantity-unit button svg{display:none}.sp-line-inputs output{font-size:14px;padding:5px 1px}.sp-extra-tag{font-size:10px;padding:2px 3px}.sp-line-state{max-width:none;white-space:normal}.sp-totals input{font-size:18px!important}.sp-product-tier{font-size:10px}}
.supplier-portal .sp-quantity-unit button{overflow-wrap:anywhere}