/* Fixed-width working columns remain horizontally scrollable on narrow screens. */
.staff-order-view .ol-summary{padding:16px 0;margin:0 0 16px}.staff-order-view .ol-summary b{font-size:24px}.staff-order-view .ol-filters{padding:14px;gap:12px}.staff-order-view .ol-results-head{margin-top:20px}.staff-order-view .ol-statuses button{padding:8px 12px}.staff-order-view .ol-results{border:0;background:transparent;overflow:visible}
.sp-workbench{font-size:14px;line-height:1.5;color:#203f37}.sp-workbench *{box-sizing:border-box}.sp-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;background:#eaf0eb;border:1px solid #d5e1d8;border-radius:10px 10px 0 0}.sp-toolbar>span{font-size:12px;color:#516c60;margin-left:auto}.sp-toolbar button{min-height:38px;padding:7px 12px;font-size:13px}.sp-toolbar button b{margin-left:8px}.sp-workbench .sp-select-all,.sp-workbench .sp-select{display:flex;align-items:center;gap:8px;margin:0;min-height:44px;cursor:pointer}.sp-workbench input[type=checkbox]{appearance:auto;width:19px;height:19px;min-height:19px;padding:0;margin:0;accent-color:#285e4d;flex-shrink:0}.sp-select{justify-content:center;min-width:32px}.sp-notice,.sp-error{padding:10px 14px;margin:8px 0;border-radius:6px}.sp-notice{background:#e8f2e8;color:#24543f}.sp-error{background:#fff0e9;color:#973616}.sp-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #d5e1d8;border-top:0;border-radius:0 0 10px 10px;background:#fff}.sp-table{width:100%;min-width:1070px;border-collapse:collapse;table-layout:fixed;font-size:13px}.sp-table .sp-col-check{width:38px}.sp-col-order{width:17%}.sp-col-goods{width:29%}.sp-col-record{width:25%}.sp-col-status{width:16%}.sp-col-actions{width:125px}.sp-table th{background:#f0f4f0;text-align:left;font-size:12px;font-weight:600;color:#5c7366;padding:12px 14px;border-bottom:1px solid #d5e1d8;white-space:nowrap}.sp-table td{padding:16px 14px;border-bottom:1px solid #dfe7e0;vertical-align:top;overflow-wrap:anywhere}.sp-table tbody tr:last-child td{border-bottom:0}.sp-table tbody tr:nth-child(even){background:#fafcf9}.sp-table tbody tr.sp-selected{background:#edf5ee}.sp-table td.sp-select-cell{padding:10px 0}.sp-order-cell>*{display:block}.sp-order-cell small,.sp-order-cell time{font-size:11px;color:#657a6d}.sp-order-cell strong{margin:9px 0 1px}.sp-workbench .sp-order-link{font-size:12px;font-weight:700;padding:0;min-height:28px;line-height:1.4;color:#285e4d;text-align:left;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.sp-order-cell .sp-test{width:fit-content;background:#fff3da;color:#795b1b;padding:1px 5px;font-size:10px;margin:3px 0}.sp-customer-id,.sp-customer-note{font-size:11px;margin:5px 0;color:#5e7467}.sp-customer-note p{white-space:pre-wrap;max-height:180px;overflow:auto}.sp-item{display:grid;grid-template-columns:54px minmax(0,1fr);gap:9px;padding:0 0 12px;margin-bottom:12px;border-bottom:1px dashed #dfe7e0}.sp-item:last-child{margin-bottom:0;padding-bottom:0;border:0}.sp-item img,.sp-no-image{width:54px;height:68px;object-fit:contain;background:#f0f3ed;border-radius:4px}.sp-no-image{display:grid;place-content:center;font-size:10px;color:#6b7c70;text-align:center}.sp-item-copy{min-width:0}.sp-item-copy>b{font-size:13px;line-height:1.5;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-item-copy p{margin:4px 0;font-size:12px;color:#526b5c;white-space:pre-wrap}.sp-item-values{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:5px 0}.sp-item-values span{font-size:11px;color:#607567}.sp-item-values strong{font-size:13px}.sp-item-copy .sp-product-link{display:flex;width:100%;min-width:0;align-items:flex-start;gap:4px;font-size:13px;line-height:1.5;font-weight:700;text-decoration:underline;text-underline-offset:3px;color:#256449}.sp-product-link>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sp-product-link svg{width:13px;height:13px;flex-shrink:0;margin-top:3px}.sp-workbench .sp-record-form label{display:grid;grid-template-columns:58px minmax(0,1fr);gap:6px;align-items:center;margin:0 0 6px;font-size:11px;color:#607266}.sp-workbench .sp-record-form input,.sp-workbench .sp-record-form select,.sp-workbench .sp-record-form textarea{width:100%;min-width:0;min-height:36px;height:36px;line-height:1.4;padding:7px 8px;font:inherit;font-size:12px;border:1px solid #cedbd1;border-radius:5px;background:#fff;color:#203f37}.sp-workbench .sp-record-form textarea{resize:vertical}.sp-workbench .sp-record-form textarea:focus{min-height:68px}.sp-table-wrap:focus-visible,.sp-workbench select:focus-visible,.sp-workbench input:focus-visible,.sp-workbench textarea:focus-visible,.sp-workbench button:focus-visible,.sp-workbench a:focus-visible{outline:2px solid #285e4d;outline-offset:2px}.sp-draft-actions{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.sp-draft-actions button,.sp-conflict button{font-size:11px;min-height:32px;padding:5px 8px}.sp-draft-hint,.sp-conflict{font-size:11px;line-height:1.6;margin:6px 0;color:#77561d}.sp-conflict{background:#fff3dc;padding:7px;border-radius:4px}.sp-record-read p{margin:0 0 8px;font-size:12px}.sp-record-read p>span{display:block;color:#6a7d70;font-size:11px}.sp-record-read details{font-size:12px}.sp-record-read details p{white-space:pre-wrap}.sp-tracking{margin-top:10px;padding-top:9px;border-top:1px solid #d8e2d8}.sp-workbench .sp-tracking label{display:block;margin:0 0 5px;font-size:12px;font-weight:600}.sp-workbench .sp-tracking input{width:100%;min-height:36px;padding:7px 8px;font-size:12px;border-radius:5px}.sp-workbench .sp-tracking>button{margin-top:6px;width:100%;min-height:34px;font-size:12px;padding:7px}.sp-saved-tracking{margin:9px 0 0;font-size:12px}.sp-saved-tracking span{display:block;color:#637b6b;font-size:11px}.sp-status{display:inline-block;padding:4px 7px;font-size:12px;border-radius:5px;background:#e9efe8;color:#44654c;line-height:1.4}.sp-state-approved{background:#e4f0e4;color:#276543}.sp-state-exception{background:#fbe9df;color:#934921}.sp-state-quoted,.sp-state-shipping_quoted{background:#fff1d8;color:#886427}.sp-status-cell>b{display:block;margin:10px 0;font-size:12px;font-weight:500}.sp-total small{display:block;font-size:11px;color:#677a6d}.sp-total strong{font-size:16px;font-variant-numeric:tabular-nums}.sp-quote{font-size:11px;margin-top:7px;color:#607363}.sp-quote p{display:flex;justify-content:space-between;gap:4px;flex-wrap:wrap;margin:6px 0}.sp-quote b{font-weight:500}.sp-actions{display:flex;flex-direction:column;gap:7px}.sp-actions>button,.sp-actions .ful-cancel>button{width:100%;min-height:36px;padding:7px 5px;font-size:12px;border-radius:6px}.sp-actions .ful-cancel:empty{display:none}.sp-actions .ful-cancel>p{font-size:11px}.sp-actions .ful-pending{font-size:11px}.sp-table summary{cursor:pointer;min-height:24px}.sp-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

.sp-recovery p{white-space:pre-wrap;user-select:text;margin:5px 0}.sp-recovery{overflow-wrap:anywhere}

/* Purchasing desk: selection in the header, editable costs and image tools. */
.sp-workbench{--sp-border:#cedbd1;--sp-muted:#526b5c;--sp-accent:#285e4d}
.sp-workbench .sp-mobile-select{display:none}
.sp-table-wrap{border-top:1px solid #d5e1d8;border-radius:8px}
.sp-toolbar{border-radius:8px;margin-bottom:8px}
.sp-table{min-width:912px}.sp-with-declarations .sp-table{min-width:1132px}
.sp-table .sp-col-check{width:36px}.sp-col-order{width:128px}.sp-col-goods{width:240px}.sp-col-declaration{width:220px}.sp-col-record{width:220px}.sp-col-status{width:174px}.sp-col-actions{width:114px}
.sp-table th,.sp-table td{padding-left:12px;padding-right:12px}
/* Keep row actions reachable while the working columns scroll underneath. */
.sp-table th:last-child,.sp-table .sp-actions-cell{position:sticky;right:0;z-index:1;box-shadow:-6px 0 8px -8px #345b4980}
.sp-table th:last-child{z-index:2;background:#f0f4f0}
.sp-table .sp-actions-cell{background:#fff}
.sp-table tbody tr:nth-child(even) .sp-actions-cell{background:#fafcf9}
.sp-table tbody tr.sp-selected .sp-actions-cell{background:#edf5ee}
.sp-table th:first-child{padding:0 3px}
.sp-order-cell strong{margin:0 0 2px}.sp-order-cell .sp-email{font-size:12px;color:#345b49;line-height:1.6}
.sp-order-number{font-size:12px;font-weight:700;line-height:1.45;color:#285e4d;overflow-wrap:anywhere;margin-bottom:6px;font-variant-numeric:tabular-nums}
.sp-order-cell time{margin-top:10px}.sp-order-cell .sp-status{display:block;width:fit-content;margin-top:10px}
.sp-photo{position:relative;align-self:start;width:54px}
.sp-workbench .sp-image-button{display:block;width:100%;min-height:0;padding:0;margin:0;background:transparent;border:0;border-radius:4px;cursor:zoom-in}
.sp-image-button img{display:block}


.sp-item-copy .sp-customer-note{margin-top:6px;font-size:12px;color:#435e50;white-space:pre-wrap;max-height:100px;overflow:auto}
.sp-customer-note span{display:block;font-size:11px;color:var(--sp-muted);margin-bottom:2px}
.sp-price-fields{margin-top:0}
.sp-workbench .sp-price-fields label{display:grid;grid-template-columns:61px minmax(0,89px);align-items:center;gap:6px;margin:0 0 6px;font-size:12px;color:var(--sp-muted)}
.sp-price-fields label small{display:block;font-size:10px;color:#687566;line-height:1.3}
.sp-workbench .sp-price-fields input{width:100%;min-width:0;min-height:36px;height:36px;padding:6px 8px;border:1px solid var(--sp-border);border-radius:5px;font:inherit;font-size:13px;color:#203f37;background:#fff;font-variant-numeric:tabular-nums}
.sp-price-fields input[readonly]{background:#f2f5f1;border-color:transparent}
.sp-price-line+ .sp-price-line{border-top:1px dashed var(--sp-border);padding-top:7px;margin-top:7px}
.sp-price-line>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sp-muted);font-size:11px;margin-bottom:5px}
.sp-cost-note{font-size:12px;line-height:1.7;color:var(--sp-muted);margin:10px 0}
.sp-workbench dialog{color:#203f37;border:1px solid var(--sp-border);border-radius:12px;box-shadow:0 18px 80px #092a3540;margin:auto;max-height:calc(100dvh - 32px);overflow:auto}
.sp-workbench dialog::backdrop{background:#0a241fb3}
.sp-workbench .sp-dialog-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;min-height:44px;padding:0;font-size:28px;line-height:1;background:#fff;border:1px solid var(--sp-border);border-radius:8px;color:#284e40}
.sp-workbench .sp-image-dialog{padding:20px;width:min(860px,calc(100vw - 32px));text-align:center;background:#fff}
.sp-image-dialog>.sp-dialog-close{position:sticky;top:0;margin:0 0 8px auto}
.sp-image-dialog>img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 190px);object-fit:contain;margin:0 auto}
.sp-image-dialog>p{font-size:14px;margin:12px 0 0;line-height:1.5}
.sp-workbench .sp-dispatch-dialog{padding:24px;width:min(640px,calc(100vw - 32px));background:#fff}
.sp-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.sp-dialog-head h2{font-size:21px;margin:0}
.sp-dispatch-dialog form>p{font-size:14px;line-height:1.7}
.sp-dispatch-orders{max-height:32dvh;overflow:auto;list-style:none;margin:16px 0;padding:0;border:1px solid var(--sp-border);border-radius:8px}
.sp-dispatch-orders li{padding:12px;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}.sp-dispatch-orders li:last-child{border:0}
.sp-dispatch-orders b,.sp-dispatch-orders span,.sp-dispatch-orders small{display:block}.sp-dispatch-orders span{font-size:13px;margin-top:6px}.sp-dispatch-orders small{color:var(--sp-muted);margin-top:5px}
.sp-dispatch-orders a{color:var(--sp-accent);text-underline-offset:3px;display:inline-block;min-height:28px;padding-top:3px}
.sp-dispatch-dialog .sp-select-all{font-size:13px;align-items:flex-start;padding:8px 0}.sp-dispatch-dialog input[type=checkbox]{margin-top:2px}
.sp-workbench .sp-shared-input{display:grid;gap:8px;font-size:14px;margin-top:16px}.sp-shared-input input{min-height:44px;font-size:16px}
.sp-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.sp-dialog-actions button{min-height:44px;padding:10px 14px;font-size:14px}
@media(max-width:1000px){
 .sp-workbench .sp-dispatch-dialog{padding:16px}.sp-dialog-head h2{font-size:18px}.sp-dialog-actions{flex-wrap:wrap}.sp-dialog-actions button{flex:1}
 .sp-dispatch-orders a{min-height:44px;padding:10px 0}.sp-workbench .sp-image-dialog{padding:12px}
 .staff-order-view .ol-filters{padding:12px}.staff-order-view .ol-note{font-size:12px}
}
@media(pointer:coarse){
 .sp-workbench .sp-table input:not([type=checkbox]),.sp-workbench .sp-record-form select,.sp-workbench .sp-record-form textarea{min-height:44px;height:44px;font-size:16px}
 .sp-actions>button,.sp-actions .ful-cancel>button,.sp-draft-actions button,.decl-actions button{min-height:44px}
}
.sp-table-wrap{overscroll-behavior-x:contain;scrollbar-color:#a3b8aa #eef3ef;scrollbar-width:auto;scroll-padding-inline:8px 144px}
.sp-table th.sp-declaration-heading{white-space:normal}
.sp-declaration-line+.sp-declaration-line{margin-top:16px;padding-top:14px;border-top:1px dashed #dfe7e0}
.sp-declaration-product{margin-bottom:8px;min-width:0}
.sp-declaration-product>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.sp-declaration-product>small{display:block;margin-top:3px;font-size:11px;color:#607567}
.sp-workbench .sp-record-form label>small{grid-column:2;font-size:11px;line-height:1.5}

.sp-select-cell .sp-sequence{display:block;text-align:center;font-size:12px;font-weight:600;color:#708279;line-height:18px;margin:0 0 7px;font-variant-numeric:tabular-nums}
.sp-photo{display:flex;flex-direction:column;align-items:center;gap:5px}
.sp-photo-quantity{display:block;text-align:center;font-size:13px;line-height:1.4;white-space:nowrap}
.sp-item-copy .product-internal-link{margin:0 0 3px}
.sp-item-copy .sp-product-link{line-height:1.4}