.ws{--ws-line:#e3e9ef;--ws-ink:#18283d;--ws-muted:#758397;color:var(--ws-ink);font:14px/1.5 system-ui,sans-serif;max-width:1560px;margin:auto}.ws *{box-sizing:border-box}.ws h2{font-size:28px;font-weight:750;letter-spacing:-.7px;margin:4px 0}.ws h3{font-size:18px;font-weight:700;margin:0}.ws p{margin:5px 0;color:var(--ws-muted)}.ws-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#718499}.ws-heading,.ws-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.ws-heading{margin-bottom:28px}.ws-actions{justify-content:flex-end}.ws button,.ws select,.ws input:not([type=checkbox]){border:1px solid #d8e0e8;border-radius:8px;padding:9px 12px;background:#fff;color:#405169;font:inherit;min-height:40px}.ws button{cursor:pointer;font-weight:600;transition:background .15s,border-color .15s}.ws button:hover{background:#f4f7fa;border-color:#b9cad8}.ws button:disabled{opacity:.5;cursor:wait}.ws button:focus-visible,.ws select:focus-visible,.ws input:focus-visible,.ws summary:focus-visible{outline:2px solid #0891b2;outline-offset:3px}.ws button.ws-primary,.ws button[type=submit]{background:#155e75;border-color:#155e75;color:#fff;box-shadow:0 2px 3px #155e7515}.ws button.ws-primary:hover{background:#164e63}.ws-primary,.ws-refresh{display:flex;gap:8px;align-items:center}.ws-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.ws button.ws-metric{text-align:left;padding:18px 20px;border:1px solid var(--ws-line);border-radius:12px;background:#fff;box-shadow:0 2px 5px #15223803;min-width:0}.ws button.ws-metric:hover,.ws button.ws-metric.is-selected{border-color:#8eb7c6;background:#fbfeff}.ws-metric-top{display:flex;align-items:center;justify-content:space-between;color:#54647a;font-size:12px;font-weight:600;gap:6px}.ws-metric-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#edf4f8;color:#47758c}.ws-metric-icon.reorder{background:#fff7e9;color:#b58334}.ws-metric-icon.reserved{background:#eef2ff;color:#636eb1}.ws-metric-icon.unassigned{background:#f1f4f6;color:#778797}.ws-metric strong{display:block;font-size:29px;line-height:1.2;letter-spacing:-.7px;color:#233449;margin-top:5px}.ws-metric small{display:block;font-size:11px;font-weight:400;color:#8691a0;margin-top:5px}.ws-inventory{border:1px solid var(--ws-line);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 3px 10px #18283d03}.ws-tabs{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid var(--ws-line);overflow-x:auto}.ws-tabs button{border:0;border-radius:0;background:transparent;white-space:nowrap;padding:17px 13px 15px;min-height:56px;color:#718096;border-bottom:2px solid transparent;font-size:12px}.ws-tabs button:hover{background:#fafcfd}.ws-tabs button.is-active{color:#155e75;border-bottom-color:#155e75}.ws-tabs button span{display:inline-block;min-width:20px;text-align:center;font-size:10px;font-weight:600;padding:1px 5px;background:#f1f4f7;border-radius:5px;margin-left:8px;color:#7e8b9d}.ws-tabs button.is-active span{background:#e8f4f7;color:#155e75}.ws-filters{display:flex;align-items:center;gap:10px;padding:20px 24px 10px}.ws-search{display:flex;align-items:center;gap:8px;flex:1;position:relative}.ws-search>svg{position:absolute;left:13px;color:#8c9aae;pointer-events:none;width:17px}.ws-search input{width:100%;padding-left:39px!important;background:#fcfdfe!important}.ws-search input::placeholder{color:#98a3b1;font-size:12px}.ws-filters select{font-size:12px;min-width:145px;max-width:200px}.ws-list-caption{display:flex;align-items:center;justify-content:space-between;padding:6px 24px 16px;color:#8a96a5;font-size:11px;min-height:42px}.ws-list-caption strong{color:#64748b;font-weight:600}.ws-list-caption button{border:0;color:#155e75;font-size:11px;padding:0;min-height:24px}.ws-table{overflow:auto}.ws table{border-collapse:collapse;width:100%;text-align:left;min-width:930px}.ws th{background:#f8fafc;font-size:10px;text-transform:uppercase;letter-spacing:.55px;color:#7b899b;white-space:nowrap;font-weight:650;border-top:1px solid var(--ws-line)}.ws td,.ws th{padding:14px 16px;border-bottom:1px solid #edf1f5}.ws td:first-child,.ws th:first-child{padding-left:24px}.ws td:last-child,.ws th:last-child{padding-right:24px}.ws td{font-size:12px}.ws tbody tr:hover{background:#fcfdff}.ws tbody tr:last-child td{border-bottom:0}.ws th:nth-child(n+3):nth-child(-n+6){text-align:right}.ws-number{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.ws-number small{display:block;font-size:10px;color:#8996a5;font-weight:400}.ws-available{font-size:16px!important;font-weight:700;color:#155e75}.ws-available.low{color:#b7791f}.ws-available.empty{color:#b54a4a}.ws-reserved{display:inline-block;background:#f1f3fc;color:#6673a4;padding:2px 8px;border-radius:5px}.ws-muted{color:#a2adba;font-weight:400}.ws-product{display:flex;gap:12px;align-items:center;min-width:230px}.ws-product-icon{display:grid;place-items:center;width:36px;height:40px;flex-shrink:0;border:1px solid #e9eef3;background:#f7f9fb;color:#7d94a9;border-radius:8px}.ws-product strong{font-size:13px;font-weight:650;display:block;line-height:1.45;color:#26374c}.ws-spec{display:block;color:#7d8a9b;font-size:11px;margin-top:2px}.ws-item-meta{display:flex;gap:8px;align-items:center;margin-top:5px;font-size:10px;color:#91a0b0}.ws-sku{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;background:#f3f5f8;border-radius:3px;padding:2px 5px;color:#657a90}.ws-location{display:flex;gap:5px;align-items:center;white-space:nowrap;color:#63758a}.ws-location svg{width:13px;height:13px}.ws button.ws-location-add{border:1px dashed #dbe3eb;font-size:10px;min-height:28px;padding:3px 7px;color:#8393a5;background:transparent;white-space:nowrap}.ws-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:20px;font-size:10px;font-weight:600;white-space:nowrap}.ws-badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.ws-badge.ok{color:#358266;background:#edf8f2}.ws-badge.low{color:#a47620;background:#fff6e5}.ws-badge.empty{color:#b55a5a;background:#fdf0f0}.ws select.ws-action-select{font-size:11px;min-height:32px;padding:4px 8px;min-width:91px;max-width:140px}.ws-table-footer{border-top:1px solid var(--ws-line);padding:13px 24px;color:#9aa5b2;font-size:10px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fcfdfe}.ws-help{margin-top:18px;color:#91a0af;font-size:11px}.ws-help summary{cursor:pointer;color:#7e8ea1;display:list-item;list-style-position:inside}.ws-help p{max-width:860px;margin-top:10px;line-height:1.8}.ws-error{background:#fef2f2;color:#991b1b;padding:14px;border-radius:8px;margin:12px 0}.ws-notice{background:#ecfdf5;color:#065f46;padding:12px;margin:12px 0;border-radius:8px}.ws-empty{padding:46px 20px;text-align:center}.ws-empty>svg{margin:0 auto 16px;color:#92a2b5;width:30px;height:30px}.ws-empty p{font-size:12px;margin:8px 0 20px}.ws-overlay{position:fixed;inset:0;z-index:1000;background:#0f172a88;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px)}.ws-dialog{background:white;border-radius:14px;padding:26px;width:640px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 24px 64px #0f172a30}.ws-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.ws-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#64748b}.ws-field input,.ws-field select{width:100%;font-size:13px!important}.ws-history{margin-top:20px;background:white;border:1px solid var(--ws-line);border-radius:10px;padding:20px}.ws-history p{border-bottom:1px solid var(--ws-line);padding:8px 0}.ws-dialog .ws-actions{border-top:1px solid var(--ws-line);padding-top:18px;margin-top:20px}
@media(max-width:1100px){.ws-summary{gap:10px}.ws button.ws-metric{padding:15px}.ws-tabs{padding:0 8px}.ws-tabs button{padding-left:10px;padding-right:10px}.ws-table-footer{font-size:10px}}
@media(max-width:640px){.ws{padding:18px 12px 100px}.ws h2{font-size:25px}.ws-eyebrow{font-size:9px}.ws-heading{gap:16px;margin-bottom:22px}.ws-heading p{font-size:12px}.ws-heading .ws-actions{width:100%;justify-content:space-between}.ws-summary{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.ws button.ws-metric{padding:12px 13px}.ws-metric-top{font-size:10px}.ws-metric-icon{width:25px;height:25px}.ws-metric-icon svg{width:16px}.ws-metric strong{font-size:26px}.ws-metric small{font-size:9px;line-height:1.5}.ws-inventory{border-radius:10px}.ws-tabs{padding:0 8px;gap:0}.ws-tabs button{min-height:48px;padding:13px 9px 11px;font-size:11px}.ws-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 12px 5px}.ws-search{grid-column:1/-1}.ws-filters select{min-width:0;max-width:none;width:100%;font-size:11px}.ws-list-caption{padding:6px 12px 10px}.ws-table{overflow:visible;padding:0 12px}.ws table,.ws tbody{display:block;min-width:0;width:100%}.ws thead{display:none}.ws tr{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ws-line);border-radius:9px;background:#fff;margin-bottom:12px;overflow:hidden}.ws td,.ws td:first-child,.ws td:last-child{padding:10px 12px;border-bottom:0}.ws td:first-child{grid-column:1/-1;border-bottom:1px solid #f0f3f6;padding:14px 12px}.ws-product{min-width:0}.ws-product strong{font-size:12px}.ws-product-icon{width:30px;height:36px}.ws-item-meta{font-size:9px}.ws td:nth-child(2){grid-column:1/-1;grid-row:2;padding:10px 12px 4px}.ws td:nth-child(3),.ws td:nth-child(4),.ws td:nth-child(5){text-align:left}.ws td:nth-child(n+3):nth-child(-n+6):before{display:block;font-size:9px;text-transform:uppercase;color:#9aa5b2;font-weight:500;margin-bottom:6px;letter-spacing:.4px}.ws td:nth-child(3):before{content:'On hand'}.ws td:nth-child(4):before{content:'Reserved'}.ws td:nth-child(5):before{content:'Available'}.ws td:nth-child(6){grid-column:1;grid-row:4;text-align:left;font-size:11px;border-top:1px solid #f0f3f6}.ws td:nth-child(6):before{content:'Reorder at'}.ws td:nth-child(7){grid-column:2;grid-row:4;display:flex;align-items:center;justify-content:center;border-top:1px solid #f0f3f6;padding:8px 4px}.ws td:nth-child(8){grid-column:3;grid-row:4;display:flex;align-items:center;justify-content:flex-end;border-top:1px solid #f0f3f6;padding:8px}.ws select.ws-action-select{min-width:0;width:100%;font-size:10px}.ws-badge{font-size:9px;padding:4px 6px}.ws-table-footer{padding:12px;font-size:9px}.ws-fields{grid-template-columns:1fr}.ws-overlay{padding:8px}.ws-dialog{padding:20px}.ws-help{font-size:10px}}
.ws button.ws-thumbnail{padding:4px;width:58px;height:58px;flex-shrink:0;border:1px solid #dfe7ee;background:#fff;border-radius:8px;cursor:zoom-in}.ws-thumbnail img{width:100%;height:100%;object-fit:contain;display:block}.ws-image-editor{border:1px dashed #cbd8e3;border-radius:10px;padding:16px;display:flex;gap:18px;margin:18px 0;align-items:center;background:#fbfdff}.ws-image-edit-preview{width:120px;height:100px;flex-shrink:0;border:1px solid #e2e8f0;border-radius:8px;background:white;display:grid;place-items:center;color:#91a0b0}.ws-image-edit-preview img{width:100%;height:100%;object-fit:contain;padding:6px}.ws-image-editor strong{font-size:13px}.ws-image-editor p{font-size:11px;max-width:330px}.ws-image-editor small{display:block;font-size:10px;color:#8997a6;margin-top:8px}.ws-image-controls{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.ws-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd8e3;border-radius:7px;padding:8px 12px;min-height:36px;font-size:12px;font-weight:600;color:#155e75;background:white;cursor:pointer;overflow:hidden}.ws-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.ws-upload:focus-within{outline:2px solid #0891b2;outline-offset:2px}.ws-upload.is-disabled{opacity:.5;cursor:wait}.ws-image-controls button{font-size:11px;min-height:36px}.ws-image-viewer{width:900px}.ws-image-viewer>img{display:block;width:100%;max-height:65vh;object-fit:contain;background:white;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.ws-image-viewer .ws-heading{margin-bottom:16px}.ws-image-viewer h3{font-size:16px}@media(max-width:640px){.ws-image-editor{align-items:flex-start;gap:12px;padding:12px}.ws-image-edit-preview{width:75px;height:85px}.ws button.ws-thumbnail{width:54px;height:54px}.ws-image-controls{gap:6px}.ws-image-viewer>img{max-height:65vh;padding:6px}}
.ws-create-dialog{width:900px;padding:28px}.ws-form-heading{border-bottom:1px solid #e7edf2;padding-bottom:18px;margin-bottom:22px}.ws-form-heading h3{font-size:23px;letter-spacing:-.4px;margin-top:4px}.ws-form-heading p{font-size:12px;margin-top:6px}.ws-create-top{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:26px}.ws-form-section h4{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.5px;color:#9aa9b7;font-weight:600;margin:0 0 14px}.ws-form-section h4 span{font-size:12px;letter-spacing:0;color:#354b60}.ws-create-dialog .ws-fields{margin:0;gap:15px}.ws-full-field{grid-column:1/-1}.ws-create-dialog .ws-field input::placeholder{font-size:11px;color:#a4afbb}.ws-stock-section{margin-top:24px;padding-top:20px;border-top:1px solid #e7edf2}.ws-stock-section .ws-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.ws-field-hint{font-size:10px;margin-top:12px!important;color:#8c9bab!important}.ws-profile-section .ws-image-editor{display:flex;flex-direction:column;align-items:stretch;padding:14px;margin:0;gap:12px;background:#f8fbfd;min-height:238px}.ws-profile-section .ws-image-edit-preview{width:100%;height:132px;border-style:dashed}.ws-profile-section .ws-image-edit-preview svg{width:30px;height:30px}.ws-profile-section .ws-image-editor strong{display:none}.ws-profile-section .ws-image-editor p{font-size:10px}.ws-profile-section .ws-image-controls{margin-top:8px}.ws-profile-section .ws-upload{flex:1}.ws-create-dialog .ws-actions{position:sticky;bottom:-28px;background:white;margin-top:24px;padding:18px 0 4px;z-index:1}.ws-create-dialog input,.ws-create-dialog select{min-height:41px}.ws-create-dialog .ws-field{font-size:11px}@media(max-width:700px){.ws-create-dialog{padding:20px}.ws-create-top{grid-template-columns:1fr;gap:20px}.ws-create-dialog .ws-fields{grid-template-columns:1fr 1fr;gap:12px}.ws-stock-section .ws-fields{grid-template-columns:1fr 1fr}.ws-profile-section .ws-image-editor{flex-direction:row;min-height:0;align-items:center}.ws-profile-section .ws-image-edit-preview{width:95px;height:110px}.ws-profile-section .ws-image-editor>div:last-child{flex:1}.ws-create-dialog .ws-actions{bottom:-20px;padding-bottom:4px}.ws-form-heading h3{font-size:21px}}@media(max-width:380px){.ws-create-dialog .ws-fields{grid-template-columns:1fr}.ws-create-dialog .ws-profile-section .ws-image-editor{flex-direction:column}.ws-profile-section .ws-image-edit-preview{width:100%}}
/* Keep intrinsic image dimensions from expanding the upload preview grid. */
.ws-image-edit-preview{position:relative;overflow:hidden;min-width:0;min-height:0}.ws-image-edit-preview img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.ws-edit-identity{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-6px 0 23px;padding:10px 13px;background:#f7fafc;border:1px solid #e8eef3;border-radius:8px;font-size:11px;color:#8897a6}.ws-edit-identity strong{font-size:13px;color:#354b60}.ws-stock-section .ws-fields.ws-edit-storage{grid-template-columns:1.2fr 1fr 1fr}.ws-readonly-stock{display:flex;flex-direction:column;gap:3px;border-left:1px solid #e7edf2;padding-left:18px;color:#64748b;font-size:11px}.ws-readonly-stock strong{font-size:17px;color:#233b50;font-variant-numeric:tabular-nums}.ws-readonly-stock small{font-size:10px;color:#8998a8}@media(max-width:700px){.ws-stock-section .ws-fields.ws-edit-storage{grid-template-columns:1fr 1fr}.ws-readonly-stock{grid-column:1/-1;border-left:0;border-top:1px solid #e7edf2;padding:12px 0 0}.ws-edit-identity{margin-bottom:20px}}

.ws-count-dialog{width:min(900px,96vw)}.ws-count-list{display:grid;gap:12px;margin:20px 0}.ws-count-row{display:grid;grid-template-columns:64px 1fr 150px;align-items:center;gap:14px;padding:14px;border:1px solid #dce4ec;border-radius:10px}.ws-count-row>div{grid-column:2}.ws-count-row>label{grid-column:3}.ws-count-row img{width:64px;height:64px;object-fit:contain;grid-column:1}.ws-count-row small{display:block;margin-top:5px;color:#63758b}@media(max-width:600px){.ws-count-row{grid-template-columns:1fr 110px}.ws-count-row img{display:none}.ws-count-row>div{grid-column:1}.ws-count-row>label{grid-column:2}}

.ws .ws-count-dialog{width:min(1040px,96vw);height:90vh;height:90dvh;max-height:94dvh;padding:0;display:flex;flex-direction:column;overflow:hidden}.ws-count-header{padding:24px 28px 18px;border-bottom:1px solid var(--ws-line);flex:none;background:#fff}.ws-count-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0}.ws-count-title h3{font-size:24px;letter-spacing:-.5px}.ws-count-saved{font-size:11px;color:#3d826d;background:#eff9f4;padding:5px 9px;border-radius:20px}.ws-count-header p{font-size:12px}.ws-count-progress{display:flex;justify-content:space-between;margin-top:18px;font-size:12px;color:#748496}.ws-count-progress strong{color:#155e75}.ws-count-header progress{display:block;width:100%;height:6px;margin-top:8px;accent-color:#16817a;border:0;border-radius:8px;overflow:hidden}.ws-count-header progress::-webkit-progress-bar{background:#edf2f5}.ws-count-header progress::-webkit-progress-value{background:#16817a}.ws-count-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 28px 20px;background:#fafcfd;flex:1}.ws-count-filters{grid-template-columns:1.15fr .85fr 1fr;gap:12px;margin:18px 0 12px}.ws-count-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#718296;gap:12px}.ws-count-toggle{display:flex;gap:3px;padding:3px;background:#eaf0f4;border-radius:8px}.ws-count-toggle button{min-height:30px;padding:4px 12px;border:0;background:transparent;font-size:11px}.ws-count-toggle button[aria-pressed=true]{background:white;color:#155e75;box-shadow:0 1px 3px #142e4215}.ws-count-list{gap:9px;margin:12px 0}.ws-count-row{grid-template-columns:72px minmax(0,1fr) 150px;padding:12px 14px;background:#fff;border-color:#e1e8ee;gap:16px}.ws-count-row.is-counted{border-left:3px solid #388d78;background:#fbfefd}.ws-count-row .ws-count-image{grid-column:1;grid-row:1;display:grid;place-items:center;padding:5px;width:72px;height:64px;min-height:0;border:1px solid #edf1f4;background:#fff;border-radius:7px}.ws-count-row .ws-count-image img{display:block;width:100%;height:52px;object-fit:contain}.ws-count-placeholder{color:#97a8b7}.ws-count-identity{min-width:0}.ws-count-identity>strong{font-size:14px}.ws-count-specs{display:flex;gap:6px 9px;align-items:center;flex-wrap:wrap;margin-top:5px;font-size:11px;color:#62768a}.ws-count-colour{font-weight:650;color:#285269;background:#edf4f8;padding:2px 7px;border-radius:4px}.ws-count-row small{font-size:11px;margin-top:3px}.ws-count-row .ws-field{font-size:10px}.ws-count-row input{font-size:19px!important;font-weight:650;min-height:48px!important;color:#155e75}.ws-count-row input::placeholder{font-size:12px;font-weight:400}.ws-count-tip{font-size:11px!important}.ws-count-empty{text-align:center;padding:32px;color:#64748b}.ws .ws-count-footer{flex:none;margin:0;padding:16px 28px;background:#fff;box-shadow:0 -3px 15px #17283b05}.ws-count-footer button:first-child{margin-right:auto}
@media(max-width:640px){.ws .ws-count-dialog{width:100%;height:96dvh;max-height:96dvh;border-radius:12px}.ws-count-header{padding:17px 16px 14px}.ws-count-title{align-items:flex-start;flex-direction:column;gap:5px}.ws-count-title h3{font-size:20px}.ws-count-saved{padding:0;background:none;font-size:10px}.ws-count-header p{font-size:11px}.ws-count-progress{margin-top:12px}.ws-count-body{padding:0 12px 16px}.ws-count-filters{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.ws-count-filters>label:first-child{grid-column:1/-1}.ws-count-row{grid-template-columns:46px minmax(0,1fr) 90px;gap:9px;padding:12px 9px}.ws-count-row .ws-count-image{display:grid;width:46px;height:48px}.ws-count-row .ws-count-image img{height:38px}.ws-count-row>.ws-count-identity{grid-column:2}.ws-count-row>label{grid-column:3}.ws-count-identity>strong{font-size:12px;line-height:1.3;display:block}.ws-count-specs,.ws-count-row small{font-size:10px}.ws-count-specs{gap:4px}.ws-count-row .ws-sku{font-size:9px}.ws-count-row input{padding:8px;min-width:0}.ws-count-row input::placeholder{font-size:10px}.ws .ws-count-footer{padding:12px;gap:8px}.ws-count-footer button{font-size:12px;min-height:42px;padding:8px 10px}.ws-count-footer button:first-child{margin-right:auto}.ws-count-tip{font-size:10px!important}}

.ws-panel-swatch{display:block;width:44px;height:44px;flex-shrink:0;border:1px solid #b8c4ce;border-radius:7px;box-shadow:inset 0 0 0 3px #ffffff40}

.ws-count-session{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #e2e8f0}.ws-count-session p{margin:6px 0}.ws-count-session small{color:#64748b}.ws-count-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:16px 0}.ws-count-categories label{display:flex;align-items:center;gap:8px}.ws-count-categories input{width:18px;height:18px}

.ws .ws-actions .ws-icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;flex:0 0 44px}.ws .ws-icon-button:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
.ws-po-launcher{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;border:1px solid #dce6ee;background:#fff;border-radius:12px;margin-bottom:24px}.ws-po-dialog .ws-heading{margin-bottom:10px}.ws-po-dialog .ws-count-body{padding-top:20px}.ws-po-dialog h4{font-size:14px;font-weight:700;margin:22px 0 10px}.ws-po-filters{display:grid;grid-template-columns:1fr 220px;gap:16px;margin-bottom:20px}.ws button.ws-po-card{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;text-align:left;background:#fff;padding:18px;margin:10px 0}.ws-po-card strong{font-size:17px}.ws-po-card small{font-size:12px;color:#64748b}.ws-po-status{display:inline-block;border-radius:20px;background:#edf2f7;color:#536478;padding:5px 10px;font-size:11px;font-weight:700;white-space:nowrap}.ws-po-status.open{background:#e9f3fc;color:#2563a2}.ws-po-status.partial{background:#fff3db;color:#8a5c0a}.ws-po-status.received{background:#e6f6ec;color:#28704b}.ws-po-status.cancelled{background:#fcecec;color:#994141}.ws-po-editor .ws-fields{grid-template-columns:1fr 1fr}.ws-po-editor .ws-field:last-child{grid-column:1/-1}.ws-po-files{padding:0 0 20px;border-bottom:1px solid #dce6ee}.ws-po-files button{margin:0 8px 10px 0;max-width:100%;overflow-wrap:anywhere}.ws-po-files .ws-field{margin-top:12px}.ws-po-add-line{display:grid;grid-template-columns:1fr 1.5fr auto;gap:10px;align-items:end;margin:18px 0}.ws-po-add-line select{max-width:100%;width:100%}.ws-po-add-line>*{min-width:0}.ws-po-line{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #dce6ee;border-radius:10px;margin:10px 0}.ws-po-line p{font-size:12px;overflow-wrap:anywhere}.ws-po-line .ws-field{margin:0;min-width:0}.ws-po-line input{width:100%;font-size:18px!important;font-weight:650}.ws-po-receive-line{grid-template-columns:minmax(0,1fr) 170px}.ws-po-amounts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:#64748b;margin-top:10px}.ws-po-amounts b{color:#244559}.ws-po-history{margin:20px 0}.ws-po-history>div{border-bottom:1px solid #dce6ee;padding:16px 0}.ws-po-history summary{font-weight:600;cursor:pointer}.ws-po-warning{border:1px solid #eedbab;background:#fff9eb;padding:14px;border-radius:8px;margin:12px 0}.ws-po-warning button{margin:8px 8px 0 0}.ws-po-dialog .ws-count-footer{gap:8px}.ws-po-dialog .ws-count-footer button{font-size:12px}.ws-po .ws-field input,.ws-po .ws-field select{max-width:100%}
@media(max-width:640px){.ws-po-launcher{align-items:flex-start;flex-direction:column}.ws-po-filters{grid-template-columns:1fr 1fr;gap:10px}.ws-po-add-line{grid-template-columns:1fr auto}.ws-po-add-line>label:first-child{grid-column:1/-1}.ws-po-editor .ws-fields{grid-template-columns:1fr}.ws-po-line{grid-template-columns:minmax(0,1fr) 100px;gap:10px;padding:12px}.ws-po-line>button{grid-column:1/-1;justify-self:end}.ws-po-receive-line{grid-template-columns:minmax(0,1fr) 105px}.ws-po-amounts{gap:4px 12px;font-size:11px}.ws-po-card{align-items:flex-start!important}.ws-po-card strong{font-size:15px}.ws-po-dialog .ws-count-footer button{flex:1;justify-content:center}.ws-po-dialog .ws-count-footer button:first-child{flex:0 0 auto}}
.ws-bulk-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--ws-line);background:#f4f8fb;font-size:12px}.ws-bulk-toolbar label,.ws-bulk-field>label{display:flex;gap:8px;align-items:center}.ws-bulk-toolbar input,.ws input.ws-stock-select,.ws-bulk-field input[type=checkbox]{width:18px;height:18px;min-width:18px;accent-color:#155e75}.ws-bulk-toolbar>span{margin-right:auto;color:#64748b}.ws-bulk-fields{display:grid;gap:16px;margin:20px 0}.ws-bulk-field{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.ws-bulk-field>input,.ws-bulk-field>select{min-width:0;width:100%}.ws-bulk-field>input:disabled,.ws-bulk-field>select:disabled{background:#f4f6f8;opacity:.6}@media(max-width:640px){.ws-bulk-toolbar{padding:10px;gap:8px}.ws-bulk-toolbar button{padding:7px 10px;font-size:11px}.ws-bulk-field{grid-template-columns:1fr;gap:6px}}
/* Compact PO setup: clear sections, useful empty state and persistent save controls. */
.ws .ws-po-dialog.ws-po-editing{width:min(960px,96vw);height:auto;max-height:92vh;max-height:92dvh}.ws-po-editing .ws-count-header{padding:22px 26px 18px}.ws-po-editing .ws-count-header h3{font-size:23px;letter-spacing:-.4px;margin-top:5px}.ws-po-editing .ws-count-body{flex:0 1 auto;padding:20px 26px;display:flex;flex-direction:column;gap:16px}.ws-po-section{background:#fff;border:1px solid #e1e8ee;border-radius:12px;padding:20px}.ws-po-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ws-po-dialog .ws-po-section-heading h4{margin:0;font-size:14px;color:#243b50}.ws-po-section-heading>span{font-size:11px;color:#83909d}.ws-po-editor .ws-fields{margin:0;gap:14px 18px}.ws-po-editor .ws-field{position:relative;font-size:12px;color:#4c6175;gap:6px}.ws-po-editor input,.ws-po-editor textarea{width:100%;font:inherit;border:1px solid #d8e0e8;border-radius:8px;padding:10px 12px;background:#fff;color:#405169;min-height:42px}.ws-po-editor textarea{resize:vertical;min-height:66px;max-height:180px;line-height:1.5}.ws-po-editor textarea:focus-visible{outline:2px solid #0891b2;outline-offset:3px}.ws-po-optional{position:absolute;right:0;top:0;font-size:10px;color:#8b99a6}.ws-po-editor input::placeholder,.ws-po-editor textarea::placeholder{color:#9aa7b3;font-size:12px}.ws-po-document-next{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;border:1px dashed #cbdbe6;background:#f0f6fa}.ws-po-document-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#fff;color:#4e7992;flex:none}.ws-po-document-next strong{font-size:12px;color:#3d5e73}.ws-po-document-next p{font-size:11px;margin:3px 0 0}.ws-po-items>p{font-size:12px}.ws-po-section-heading .ws-po-item-count{padding:3px 9px;background:#edf4f8;color:#3e6a81;border-radius:20px;font-weight:600}.ws-po-items .ws-po-add-line{margin:16px 0 0;padding:14px;background:#f7fafc;border:1px solid #e8eef3;border-radius:9px;grid-template-columns:1fr 1.25fr auto}.ws-po-add-line .ws-field{font-size:11px;gap:6px}.ws-po-add-line input,.ws-po-add-line select,.ws-po-add-line button{font-size:12px;min-height:42px}.ws-po-empty-items{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 12px 8px;gap:4px}.ws-po-empty-items strong{font-size:12px;font-weight:600;color:#667f91}.ws-po-empty-items p{font-size:11px;max-width:440px;margin:0}.ws-po-editing .ws-po-files{background:#fff;border:1px solid #e1e8ee;border-radius:12px;padding:16px 20px}.ws-po-editing .ws-po-files h4{margin:0 0 10px}.ws-po-editing .ws-count-footer{padding:16px 26px;gap:10px}.ws-po-save-hint{margin-right:auto;display:flex;flex-direction:column;gap:3px;min-width:180px;flex:1}.ws-po-save-hint strong{font-size:11px;color:#496477}.ws-po-save-hint span{font-size:10px;color:#8493a0}.ws-po-editing .ws-count-footer button{min-height:42px}.ws-po-editing .ws-po-line{margin:12px 0 0}
@media(max-width:640px){.ws .ws-po-dialog.ws-po-editing{width:100%;max-height:96dvh}.ws-po-editing .ws-count-header{padding:16px}.ws-po-editing .ws-count-body{padding:12px;gap:12px}.ws-po-editing .ws-count-header h3{font-size:20px}.ws-po-section{padding:15px}.ws-po-section-heading{align-items:flex-start;gap:8px}.ws-po-section-heading>span{font-size:10px;max-width:140px;text-align:right}.ws-po-items .ws-po-add-line{grid-template-columns:minmax(0,1fr) auto;padding:10px;gap:10px}.ws-po-items .ws-po-add-line>label:first-child{grid-column:1/-1}.ws-po-document-next{padding:12px;align-items:flex-start}.ws-po-editing .ws-count-footer{padding:12px;gap:8px}.ws-po-save-hint{flex-basis:100%;min-width:0;gap:2px;margin-bottom:2px}.ws-po-empty-items{padding-top:18px}.ws-po-editing .ws-po-files{padding:15px}}

.ws-po-items .ws-po-add-line{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 120px auto}.ws-po-add-quantity input{width:100%}@media(max-width:640px){.ws-po-items .ws-po-add-line{grid-template-columns:minmax(0,1fr) auto}.ws-po-items .ws-po-add-line>label:nth-child(2){grid-column:1/-1}.ws-po-items .ws-po-add-line>.ws-po-add-quantity{grid-column:1}.ws-po-add-quantity input{font-size:16px}}

@media(max-width:640px){.ws.ws-po{padding:0;margin:0}.ws.ws-po-launcher-section{padding:16px 16px 0}.ws-po-launcher-section .ws-po-launcher{margin:0;padding:16px;gap:12px}.ws-po-launcher-section .ws-po-launcher h3{font-size:16px}.ws-po-launcher-section .ws-po-launcher p{font-size:12px}.ws-po-launcher-section .ws-po-launcher>button{width:100%;min-height:44px;justify-content:center}.ws>.ws-stock-heading{display:block;margin-bottom:16px}.ws-stock-heading>div:first-child{margin-bottom:16px}.ws-stock-heading h2{font-size:25px}.ws-stock-heading .ws-eyebrow{font-size:9px;letter-spacing:1.3px}.ws-stock-heading p{line-height:1.5;margin-top:4px}.ws-stock-heading .ws-stock-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.ws-stock-actions>button{width:100%;min-width:0;min-height:44px;padding:10px 8px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px}.ws-stock-actions>.ws-primary{grid-column:1/-1;order:0;min-height:46px;font-size:13px}.ws-stock-actions>.ws-receive-po{order:1}.ws-stock-actions>.ws-start-stocktake{order:2}.ws-stock-actions>.ws-refresh{order:3}.ws-stock-actions>.ws-manage-categories{order:4}.ws-stock-actions>.ws-refresh,.ws-stock-actions>.ws-manage-categories{background:#f8fafc;color:#64748b}.ws-stock-actions svg{width:17px;height:17px}}

/* Give small profile drawings enough room and a clear preview affordance. */
.ws button.ws-thumbnail{width:94px;height:76px;padding:3px;border:1px solid #9dafbf;background:#f4f7fa;box-shadow:0 1px 3px #18283d12}.ws button.ws-thumbnail:hover,.ws button.ws-thumbnail:focus-visible{border-color:#155e75;background:#eaf2f7}.ws-preview-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}.ws-preview-tools span{font-size:12px;color:#53697d}.ws-preview-tools button[aria-pressed=true]{background:#155e75;color:#fff;border-color:#155e75}.ws-image-viewer>img.ws-outline-enhanced{filter:grayscale(1) brightness(.65) contrast(2)}.ws-image-viewer>img{border-color:#9dafbf;padding:8px}.ws .ws-count-row .ws-count-image{border-color:#aabbc9}@media(max-width:640px){.ws button.ws-thumbnail{width:82px;height:70px;padding:2px}.ws-preview-tools{gap:8px}.ws-preview-tools span{font-size:11px}.ws-image-viewer>img{padding:3px}}
/* Readable stock identity at normal zoom, including small mobile screens. */
.ws-product>div{min-width:0}.ws-product strong{font-size:16px;font-weight:700;line-height:1.4;color:#14283e;overflow-wrap:anywhere}.ws-product .ws-spec{font-size:14px;line-height:1.55;color:#43556b;margin-top:5px;font-weight:500;overflow-wrap:anywhere}.ws-product .ws-item-meta{flex-wrap:wrap;gap:6px 10px;margin-top:8px;font-size:12px;line-height:1.5;color:#4b5f75}.ws-product .ws-sku{font-size:12px;font-weight:600;line-height:1.5;color:#24435e;background:#e8eff5;border:1px solid #d3dfe9;border-radius:5px;padding:3px 7px;overflow-wrap:anywhere}@media(max-width:640px){.ws-product strong{font-size:15px}.ws-product .ws-spec{font-size:13px;margin-top:4px}.ws-product .ws-item-meta{font-size:12px;margin-top:7px}.ws-product .ws-sku{font-size:12px}}

/* Clear, consistent stock selection controls with native keyboard semantics. */
.ws input.ws-stock-select,.ws-bulk-toolbar input[type=checkbox],.ws-bulk-field input[type=checkbox]{appearance:none;-webkit-appearance:none;box-sizing:border-box;flex:0 0 28px;width:28px;height:28px;min-width:28px;margin:0;padding:0;border:2px solid #71869b;border-radius:7px;background:#fff;box-shadow:0 1px 2px #14283e12;cursor:pointer;vertical-align:middle}
.ws input.ws-stock-select:checked,.ws-bulk-toolbar input[type=checkbox]:checked,.ws-bulk-field input[type=checkbox]:checked{border-color:#155e75;background:#155e75 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px 22px no-repeat}
.ws input.ws-stock-select:hover:not(:disabled),.ws-bulk-toolbar input[type=checkbox]:hover:not(:disabled),.ws-bulk-field input[type=checkbox]:hover:not(:disabled){border-color:#155e75;box-shadow:0 0 0 3px #155e751a}
.ws input.ws-stock-select:focus-visible,.ws-bulk-toolbar input[type=checkbox]:focus-visible,.ws-bulk-field input[type=checkbox]:focus-visible{outline:3px solid #0284c7;outline-offset:3px}
.ws input.ws-stock-select:disabled,.ws-bulk-toolbar input[type=checkbox]:disabled,.ws-bulk-field input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}
.ws-bulk-toolbar label,.ws-bulk-field>label{min-height:44px;cursor:pointer}
@media(forced-colors:active){.ws input.ws-stock-select,.ws-bulk-toolbar input[type=checkbox],.ws-bulk-field input[type=checkbox]{appearance:auto;-webkit-appearance:auto;background:revert;box-shadow:none}}

/* Restocking overview: quantities remain in each item's own stock unit. */
.ws-restock{border:1px solid #cbd8e3;border-radius:12px;background:#fff;margin:0 0 20px;overflow:hidden}.ws-restock>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;cursor:pointer;background:#f0f6fa}.ws-restock>summary strong{display:block;font-size:16px;color:#17344b}.ws-restock>summary small{display:block;margin-top:5px;font-size:13px;color:#465e73}.ws-restock-prompt{font-size:12px;color:#155e75;font-weight:700;white-space:nowrap}.ws-restock>summary:focus-visible{outline:3px solid #0284c7;outline-offset:-3px}.ws-restock-help{padding:0 18px;color:#526478;font-size:12px;line-height:1.6}.ws-restock-item{display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,1.2fr);gap:16px;padding:18px;border-top:1px solid #dde5ed}.ws-restock-identity strong{display:block;font-size:15px;color:#14283e}.ws-restock-identity>small{display:block;color:#43556b;margin:6px 0 10px;line-height:1.5}.ws-restock-item dl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0}.ws-restock-item dt{font-size:12px;color:#526478}.ws-restock-item dd{margin:6px 0 0;font-size:22px;font-weight:700;color:#17344b}.ws-restock-item dd small{display:block;font-size:11px;font-weight:400;margin-top:3px}.ws-restock-next{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:#43556b}.ws-restock-footer{padding:12px 18px;border-top:1px solid #dde5ed}.ws-restock>.ws-notice{margin:18px}@media(max-width:640px){.ws-restock>summary{padding:14px}.ws-restock-prompt{white-space:normal}.ws-restock-item{grid-template-columns:1fr;padding:14px}.ws-restock-item dl{gap:8px}.ws-restock-item dd{font-size:20px}.ws-restock-item dt{font-size:11px}.ws-restock-next{align-items:flex-start;flex-direction:column}.ws-restock-next button,.ws-restock-footer button{min-height:44px}}

/* Compact restocking queue with filters and bounded pages. */
.ws-restock>summary{padding:16px 18px}.ws-restock-prompt{display:flex;align-items:center;gap:10px}.ws-restock-hide,.ws-restock[open] .ws-restock-show{display:none}.ws-restock[open] .ws-restock-hide{display:inline}.ws-restock[open] .ws-restock-prompt>span:last-child{transform:rotate(180deg)}.ws-restock-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px}.ws-restock-filters{display:flex;flex-wrap:wrap;gap:6px}.ws-restock-filters button{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:12px;min-height:38px}.ws-restock-filters button[aria-pressed=true]{background:#155e75;color:#fff;border-color:#155e75}.ws-restock-filters button>span{border-radius:5px;background:#71869b20;padding:2px 5px}.ws-restock-filters button[aria-pressed=true]>span{background:#ffffff26}.ws-restock-tools>input{width:260px;min-width:160px;font-size:13px}.ws-restock-item{grid-template-columns:minmax(240px,1.5fr) minmax(280px,1.2fr) 160px;align-items:center;gap:20px;padding:14px 18px}.ws-restock-identity>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ws-restock-identity>small{margin:5px 0;line-height:1.5;overflow-wrap:anywhere}.ws-restock-unit{font-size:11px;color:#526478}.ws-restock-item .ws-badge{font-size:10px;padding:4px 7px;white-space:nowrap}.ws-restock-item dd{font-size:21px;margin-top:5px}.ws-restock-gap dd{color:#b45309}.ws-restock-next{grid-column:auto;align-items:flex-end;flex-direction:column;text-align:right;gap:8px;font-size:12px}.ws-restock-next button{font-size:12px;padding:8px 10px;min-height:36px}.ws-restock-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:#43556b;background:#f8fafc}.ws-restock-pagination{display:flex;align-items:center;gap:12px}.ws-restock-pagination button{min-height:38px;font-size:12px}.ws-restock-help{font-size:11px;margin:10px 0;line-height:1.5}@media(max-width:1000px){.ws-restock-tools{align-items:stretch;flex-direction:column}.ws-restock-tools>input{width:100%}.ws-restock-item{grid-template-columns:minmax(180px,1fr) minmax(240px,1fr)}.ws-restock-next{grid-column:1/-1;flex-direction:row;align-items:center;text-align:left;justify-content:space-between}}@media(max-width:640px){.ws-restock>summary{padding:14px}.ws-restock>summary small{font-size:12px;line-height:1.6}.ws-restock-tools{padding:12px}.ws-restock-tools>input{font-size:16px}.ws-restock-filters{display:grid;grid-template-columns:1fr 1fr}.ws-restock-filters button{justify-content:space-between;min-height:44px}.ws-restock-item{grid-template-columns:1fr;gap:12px;padding:14px}.ws-restock-item dl{padding:10px;background:#f5f8fb;border-radius:8px}.ws-restock-next button,.ws-restock-footer button{min-height:44px}.ws-restock-footer{padding:12px}.ws-restock-pagination{width:100%;justify-content:space-between;order:2}}

/* Separate SOH work areas keep restocking out of the inventory list. */
.ws-area-nav{display:flex;gap:6px;border-bottom:1px solid #cbd8e3;margin:0 0 18px;padding-bottom:8px}.ws-area-nav button{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:600;border-color:transparent;background:transparent;color:#526478}.ws-area-nav button[aria-pressed=true]{color:#fff;background:#155e75;border-color:#155e75}.ws-area-nav button>span{font-size:11px;border-radius:5px;background:#71869b20;padding:2px 6px}.ws-area-nav button[aria-pressed=true]>span{background:#ffffff26}.ws-restock-heading{padding:18px;background:#f0f6fa;border-bottom:1px solid #dde5ed}.ws-restock-heading h3{margin:0;color:#17344b;font-size:18px}.ws-restock-heading p{margin:6px 0 0;color:#465e73;font-size:13px;line-height:1.6}@media(max-width:640px){.ws-area-nav button{flex:1;justify-content:center}.ws-restock-heading{padding:14px}}

/* Distinct product identities and grouped stock figures in the restocking queue. */
.ws-restock-heading{padding:16px 18px;background:#fff}.ws-restock-heading h3{font-size:20px}.ws-restock-heading p{margin-top:4px;font-size:12px}.ws-restock-tools{background:#f5f8fb}.ws-restock-item{grid-template-columns:minmax(300px,1.5fr) minmax(310px,1.15fr) 150px;gap:18px;padding:16px 18px}.ws-restock-item:nth-child(even){background:#fbfcfe}.ws-restock-identity{display:flex;gap:14px;align-items:center;min-width:0}.ws-restock-identity>.ws-restock-description{display:block;min-width:0}.ws-restock-identity .ws-restock-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ws-restock-title strong{font-size:16px;line-height:1.4}.ws-restock-identity .ws-restock-specs{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;margin:7px 0;color:#43556b;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.ws-restock-specs .ws-sku{background:#e8eff5;border:1px solid #d3dfe9;color:#24435e;border-radius:5px;padding:2px 6px;font-weight:700}.ws-restock-unit{display:block;font-size:12px;color:#526478}.ws .ws-restock-picture{display:flex;align-items:center;justify-content:center;flex:0 0 68px;width:68px;height:64px;padding:3px;border:1px solid #adbdcd;border-radius:8px;background:#f0f4f8;overflow:hidden}.ws-restock-picture img{width:100%;height:100%;object-fit:contain}.ws .ws-restock-picture:focus-visible{outline:3px solid #0284c7;outline-offset:3px}.ws-restock-placeholder{color:#71869b}.ws-restock-item dl{gap:0;border:1px solid #dce5ed;background:#f4f7fa;border-radius:9px;padding:12px 0}.ws-restock-item dl>div{padding:0 10px;text-align:center;min-width:0}.ws-restock-item dl>div+div{border-left:1px solid #dce5ed}.ws-restock-item dt{font-size:11px;font-weight:600;color:#526478;white-space:nowrap}.ws-restock-item dd{font-size:23px;line-height:1.25;margin-top:8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ws-restock-item .ws-restock-gap dd{color:#a34b08}.ws-restock-next{font-size:11px;line-height:1.5}.ws-restock-next button{min-height:40px;background:#edf5f8;color:#155e75;border-color:#bad2de;font-weight:600}.ws-restock-next button:hover{background:#dcecf3}.ws-restock-footer{padding:14px 18px}@media(max-width:1100px){.ws-restock-item{grid-template-columns:minmax(260px,1fr) minmax(300px,1fr)}.ws-restock-next{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;text-align:left}.ws-restock-tools{flex-direction:column;align-items:stretch}.ws-restock-tools>input{width:100%}}@media(max-width:640px){.ws-restock-item{grid-template-columns:1fr;gap:12px;padding:14px}.ws-restock-identity{gap:10px}.ws .ws-restock-picture{flex-basis:58px;width:58px;height:58px}.ws-restock-title strong{font-size:15px}.ws-restock-item dl{padding:12px 0}.ws-restock-item dl>div{padding:0 7px}.ws-restock-item dd{font-size:21px}.ws-restock-next button{min-height:44px}.ws-restock-heading{padding:14px}}

/* Match the restocking filters to the SOH category tabs. */
.ws-restock-tools{background:#fff;padding-top:0;padding-bottom:0}.ws-restock-filters{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;min-width:0}.ws-restock-filters button{flex-shrink:0;border:0;border-radius:0;background:transparent;white-space:nowrap;padding:17px 13px 15px;min-height:56px;color:#718096;border-bottom:2px solid transparent;font-size:12px;gap:0}.ws-restock-filters button:hover{background:#fafcfd}.ws-restock-filters button[aria-pressed=true]{background:transparent;color:#155e75;border-color:transparent;border-bottom-color:#155e75}.ws-restock-filters button>span{display:inline-block;min-width:20px;text-align:center;font-size:10px;font-weight:600;padding:1px 5px;background:#f1f4f7;border-radius:5px;margin-left:8px;color:#7e8b9d}.ws-restock-filters button[aria-pressed=true]>span{background:#e8f4f7;color:#155e75}@media(max-width:1100px){.ws-restock-tools{gap:10px;padding-bottom:12px}}@media(max-width:640px){.ws-restock-tools{padding:0 8px 12px}.ws-restock-filters{display:flex;gap:0}.ws-restock-filters button{min-height:48px;padding:13px 9px 11px;font-size:11px;justify-content:center}.ws-restock-tools>input{width:calc(100% - 8px);margin:0 4px}}


/* Delivery issue reporting and short-closed purchase orders. */
.ws-po-issues{margin-top:22px}.ws-po-issue-form{padding:16px;background:#f5f8fb;border:1px solid #d3dfe9;border-radius:10px;margin:12px 0}.ws-po-issue-form textarea{width:100%;min-height:84px;resize:vertical}.ws-po-issue-card{padding:16px;border:1px solid #d8e2eb;border-radius:10px;margin:12px 0;background:#fff}.ws-po-issue-card .ws-po-section-heading{align-items:flex-start;gap:12px}.ws-po-issue-card small{display:block;color:#526478;line-height:1.6}.ws-po-issue-notes{white-space:pre-wrap;overflow-wrap:anywhere}.ws-po-issue-photos{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.ws-po-issue-photos>div{min-width:0;max-width:100%}.ws-po-issue-photos button{max-width:100%;overflow-wrap:anywhere;white-space:normal}.ws-po-status.closed_short{background:#fff3df;color:#854d0e;border:1px solid #edcc97}.ws-po-warning textarea{width:100%;min-height:76px}.ws-po-issue-card .ws-field{margin:12px 0}.ws-po-issue-form .ws-actions{flex-wrap:wrap}@media(max-width:640px){.ws-po-issue-card,.ws-po-issue-form{padding:12px}.ws-po-issue-card .ws-po-section-heading{flex-direction:column}.ws-po-issues input[type=file]{max-width:100%;min-height:44px}.ws-po-issue-photos{flex-direction:column}.ws-po-issue-card button,.ws-po-issue-form button{min-height:44px}}
.ws-po-issues input[type=file]::file-selector-button{border:1px solid #bad2de;border-radius:7px;background:#edf5f8;color:#155e75;font:inherit;font-weight:600;padding:9px 12px;margin-right:10px;cursor:pointer}.ws-po-issues input[type=file]{color:#43556b}.ws-po-issues>p,.ws-po-issue-card>p{color:#43556b}

/* Upload-first purchase order review. */
.ws-po-import-start{margin-bottom:18px}.ws-po-import-upload{display:flex;flex-direction:column;gap:8px;padding:20px;border:2px dashed #9cb8c9;border-radius:12px;background:#f3f9fc;color:#24435e}.ws-po-import-upload strong{font-size:16px}.ws-po-import-upload span{font-size:12px}.ws-po-import-upload input{width:100%;min-width:0;max-width:100%;margin-top:4px}.ws-po-import-upload input::file-selector-button{border:1px solid #155e75;border-radius:7px;background:#155e75;color:#fff;font:inherit;padding:10px 16px;margin-right:12px;cursor:pointer}.ws-po-import-line{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr);gap:20px;border:1px solid #d3dfe9;border-radius:10px;padding:16px;margin:14px 0;background:#fff}.ws-po-import-line.needs-match{border-left:4px solid #c58b21}.ws-po-import-source{overflow-wrap:anywhere;padding:8px 0}.ws-po-import-source p,.ws-po-import-source small{color:#43556b}.ws-po-import-match{min-width:0;display:flex;flex-direction:column;gap:10px}.ws-po-import-match select{width:100%;min-width:0;text-overflow:ellipsis}.ws-po-import-confirm{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#edf5f8;border:1px solid #bad2de;border-radius:9px;margin:18px 0;color:#24435e;cursor:pointer}.ws-po-import-confirm input[type=checkbox]{appearance:auto;flex:0 0 22px;width:22px;height:22px;min-height:22px;margin:0;accent-color:#155e75}.ws-po-import-review>button{margin:0 8px 8px 0}.ws-po-import-review>p,.ws-po-import-start>p{color:#43556b}@media(max-width:640px){.ws-po-import-line{grid-template-columns:1fr;gap:10px;padding:12px}.ws-po-import-upload{padding:14px}.ws-po-import-review>button{min-height:44px}.ws-po-import-start .ws-po-section-heading{align-items:flex-start;flex-direction:column;gap:5px}}

/* Clear PO matching summaries and inline administrator stock creation. */
.ws-po-review-summary{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.ws-po-review-summary strong,.ws-po-review-summary>span{padding:8px 12px;border-radius:8px;font-size:13px}.ws-po-review-summary strong{background:#e8f4f0;color:#216345}.ws-po-review-summary>span{background:#fff3df;color:#854d0e}.ws-po-import-line{padding:0;gap:0;overflow:hidden;grid-template-columns:minmax(220px,.9fr) minmax(320px,1.3fr)}.ws-po-import-source{padding:20px;background:#f3f7fa;border-right:1px solid #dce5ed}.ws-po-source-label{display:block;font-size:10px;letter-spacing:.1em;font-weight:700;color:#526478;margin-bottom:14px}.ws-po-import-source>strong{font-size:17px;color:#15364b}.ws-po-import-source>p{font-size:14px;line-height:1.6;margin:8px 0}.ws-po-source-qty{display:flex;flex-direction:column;gap:6px;margin-top:20px;padding-top:15px;border-top:1px solid #d4e0e8}.ws-po-source-qty>span{font-size:12px;color:#526478}.ws-po-source-qty strong{font-size:20px;color:#15364b}.ws-po-import-match{padding:20px;gap:12px}.ws-po-import-match>.ws-po-status{align-self:flex-start}.ws-po-selected-stock{display:flex;flex-direction:column;gap:5px;background:#edf7f3;border:1px solid #c3ded2;border-radius:8px;padding:12px;color:#235440}.ws-po-selected-stock span{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.ws-po-create-link{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px;background:#f3f8fb;border:1px dashed #b7cbd9;border-radius:8px;margin:8px 0}.ws-po-create-link span{font-size:12px;color:#43556b}.ws-po-create-link button{background:#fff;border-color:#9fbccc;color:#155e75;font-weight:600;min-height:40px}.ws-po-stock-overlay{position:fixed;inset:0;z-index:15000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.52)}.ws .ws-po-stock-dialog{width:min(720px,100%);max-height:92dvh;overflow-y:auto;padding:24px;border-radius:14px;box-shadow:0 22px 70px rgba(15,23,42,.25)}.ws-po-stock-dialog .ws-heading{margin-bottom:12px}.ws-po-stock-dialog>p{color:#43556b;line-height:1.6;font-size:13px}.ws-po-stock-dialog .ws-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.ws-po-stock-dialog .ws-field{min-width:0}.ws-po-stock-dialog input,.ws-po-stock-dialog select{width:100%;min-width:0}.ws-po-stock-dialog .ws-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.ws-po-stock-zero{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:13px 16px;border:1px solid #c9ded7;border-radius:9px;background:#eff8f4;color:#285744;font-size:12px}.ws-po-stock-zero strong{font-size:25px}.ws-po-stock-dialog .ws-primary{background:#155e75;color:#fff}@media(max-width:640px){.ws-po-import-line{grid-template-columns:1fr}.ws-po-import-source{padding:14px;border-right:0;border-bottom:1px solid #dce5ed}.ws-po-import-match{padding:14px}.ws-po-source-label{margin-bottom:8px}.ws-po-source-qty{flex-direction:row;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px}.ws-po-source-qty strong{font-size:18px}.ws-po-stock-overlay{padding:8px}.ws .ws-po-stock-dialog{padding:16px;max-height:95dvh}.ws-po-stock-dialog .ws-fields{grid-template-columns:1fr;gap:12px}.ws-po-stock-dialog .ws-actions{position:sticky;bottom:-16px;background:#fff;padding:14px 0;margin-bottom:-16px;border-top:1px solid #dce5ed}.ws-po-stock-dialog button{min-height:44px}.ws-po-create-link{align-items:flex-start}.ws-po-create-link button{min-height:44px}}
.ws-po-import-match>button:last-child{align-self:flex-start;min-height:32px;padding:5px 0;border:0;background:transparent;color:#7b4c44;font-size:12px}.ws-po-import-match>.ws-po-selected-stock+button{align-self:flex-start;min-height:34px;padding:6px 10px}.ws-po-import-match .ws-field input[type=number]{max-width:180px}.ws-po-import-source small{font-size:12px;line-height:1.6}

/* PO-first receiving dashboard and secondary manual entry. */
.ws .ws-receiving-home{background:transparent;padding:0}.ws-receiving-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.ws-receiving-heading h2{font-size:26px;font-weight:700;line-height:1.25;color:#16354a;margin:7px 0}.ws-receiving-heading p{font-size:13px;line-height:1.6;color:#526478;max-width:620px}.ws-receiving-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.ws-receiving-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.ws .ws-receiving-tabs button{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;min-height:76px;background:#fff;border:1px solid #cedbe5;border-radius:11px;text-align:left;color:#526478;gap:12px}.ws .ws-receiving-tabs button[aria-pressed=true]{border-color:#155e75;background:#edf7fa;box-shadow:inset 0 -3px #155e75;color:#155e75}.ws-receiving-tabs button span{font-size:13px;font-weight:600}.ws-receiving-tabs button strong{font-size:28px;font-weight:700}.ws-receiving-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:18px 0}.ws-receiving-toolbar .ws-field{width:min(440px,100%)}.ws-receiving-toolbar>span{color:#63748a;font-size:12px;padding-bottom:10px}.ws-receiving-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ws-receiving-card{border:1px solid #cedbe5;border-radius:12px;background:#fff;overflow:hidden}.ws-receiving-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 20px 12px}.ws-receiving-card-top h3{font-size:20px;font-weight:700;color:#193b50;margin:5px 0;overflow-wrap:anywhere}.ws-receiving-card-top p{color:#526478;font-size:13px;overflow-wrap:anywhere}.ws-receiving-card-top .ws-po-status{flex-shrink:0}.ws-receiving-progress{padding:0 20px 16px;color:#526478;font-size:11px}.ws-receiving-progress>div{height:5px;border-radius:5px;overflow:hidden;background:#e8eef3;margin-top:9px}.ws-receiving-progress>div>span{height:100%;display:block;background:#1b8190}.ws-receiving-items{padding:12px 20px;background:#f7f9fc;border-top:1px solid #e3eaf0;border-bottom:1px solid #e3eaf0;min-height:96px}.ws-receiving-items>div{display:flex;justify-content:space-between;gap:16px;margin:7px 0;font-size:12px;color:#43556b}.ws-receiving-items>div>span{overflow-wrap:anywhere;min-width:0}.ws-receiving-items strong{white-space:nowrap;color:#244358}.ws-receiving-items small{color:#65758b;font-size:11px}.ws-receiving-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px}.ws-receiving-card-bottom>div{display:flex;flex-direction:column;gap:6px}.ws-receiving-card-bottom strong{font-size:12px;color:#244358}.ws-receiving-card-bottom small{font-size:11px;color:#64748b}.ws-receiving-issue{font-size:11px;color:#995d0f}.ws .ws-receiving-card-bottom button{min-height:42px;white-space:nowrap}.ws-receiving-empty{text-align:center;padding:50px 20px;background:#fff;border:1px dashed #bfcedb;border-radius:12px;color:#526478}.ws-receiving-empty h3{font-size:17px;color:#244358;font-weight:600;margin:12px 0}.ws-receiving-empty p{font-size:13px;line-height:1.6}.ws-receiving-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#edf7f3;color:#2b6d56;font-size:21px}.ws-receive-manual{margin:24px 0;border:1px solid #d4dfe8;border-radius:12px;background:#fff;color:#244358;overflow:hidden}.ws-receive-manual>summary{cursor:pointer;padding:17px 20px;display:flex;gap:14px;align-items:center;list-style:none}.ws-receive-manual>summary::before{content:'+';font-size:23px;color:#155e75}.ws-receive-manual[open]>summary::before{content:'−'}.ws-receive-manual>summary::-webkit-details-marker{display:none}.ws-receive-manual>summary>div{display:flex;flex-direction:column;gap:5px}.ws-receive-manual strong{font-size:13px;font-weight:600}.ws-receive-manual summary span{font-size:12px;color:#64748b;line-height:1.5}.ws-receive-manual-body{border-top:1px solid #dbe5ed;padding:20px}.ws-receive-manual>summary:focus-visible{outline:3px solid #0284c7;outline-offset:-3px}.ws-po-launcher-section{margin-bottom:0}@media(max-width:900px){.ws-receiving-heading{flex-direction:column}.ws-receiving-actions{justify-content:flex-start}.ws-receiving-toolbar>span{display:none}}@media(max-width:640px){.ws.ws-po-launcher-section{padding:16px 12px}.ws-receiving-heading{gap:12px;margin-bottom:16px}.ws-receiving-heading h2{font-size:23px}.ws-receiving-tabs{gap:7px;margin-bottom:16px}.ws .ws-receiving-tabs button{flex-direction:column;align-items:flex-start;gap:9px;padding:12px 10px;min-height:84px}.ws-receiving-tabs button span{font-size:11px}.ws-receiving-tabs button strong{font-size:25px}.ws-receiving-list{grid-template-columns:1fr;gap:12px}.ws-receiving-card-top{padding:16px 14px 10px}.ws-receiving-card-top h3{font-size:18px}.ws-receiving-progress{padding:0 14px 14px}.ws-receiving-items{padding:10px 14px}.ws-receiving-card-bottom{padding:14px;gap:10px}.ws .ws-receiving-card-bottom button{min-height:44px}.ws-receiving-actions button{min-height:42px}.ws-receive-manual{margin:12px}.ws-receive-manual>summary{padding:15px 14px}.ws-receive-manual-body{padding:12px}.ws-receiving-toolbar .ws-field{width:100%}}

/* Phone-sized PO receiving: full-width forms and reachable delivery actions. */
@media(max-width:640px){
 .ws.ws-po-launcher-section{padding:14px 12px}
 .ws-receiving-heading{gap:10px;margin-bottom:14px}
 .ws-receiving-heading h2{font-size:22px;margin:3px 0 6px}
 .ws-receiving-heading p{font-size:12px;margin:0}
 .ws-receiving-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
 .ws-receiving-actions button{justify-content:center;min-height:44px;font-size:13px}
 .ws-receiving-actions .ws-primary{grid-column:1/-1;grid-row:1}
 .ws .ws-receiving-tabs button{min-height:70px;padding:10px;gap:4px}
 .ws-receiving-tabs button strong{font-size:23px;line-height:1.2}
 .ws-receiving-tabs button span{font-size:11px}
 .ws-receiving-toolbar{margin:12px 0}
 .ws-receiving-toolbar input{width:100%;min-width:0;font-size:16px!important;min-height:46px}
 .ws-receiving-card-top>div{min-width:0}
 .ws-receiving-card-top{gap:8px}
 .ws-receiving-card-top .ws-po-status{font-size:10px;padding:5px 8px}
 .ws-receiving-items{min-height:0}
 .ws-receiving-card-bottom{flex-wrap:wrap;gap:12px}
 .ws-receiving-card-bottom>div{width:100%;flex-direction:row;justify-content:space-between;flex-wrap:wrap}
 .ws .ws-receiving-card-bottom button{width:100%;justify-content:center;min-height:46px}
 .ws .ws-po-overlay{padding:0;align-items:stretch}
 .ws .ws-po-dialog,.ws .ws-po-dialog.ws-po-editing{width:100%;max-width:none;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0}
 .ws-po-dialog .ws-count-header{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));flex-shrink:0}
 .ws-po-dialog .ws-heading{flex-wrap:nowrap;align-items:flex-start;gap:12px;margin-bottom:6px}
 .ws-po-dialog .ws-heading>div{min-width:0}
 .ws-po-dialog .ws-heading h3{font-size:20px;line-height:1.3;overflow-wrap:anywhere}
 .ws-po-dialog .ws-heading>button{flex-shrink:0;min-height:44px}
 .ws-po-dialog .ws-count-header p{font-size:12px;line-height:1.5}
 .ws-po-dialog .ws-count-body{flex:1 1 auto;padding:12px;min-width:0;-webkit-overflow-scrolling:touch}
 .ws-po-dialog .ws-field{min-width:0}
 .ws-po-dialog input:not([type=checkbox]),.ws-po-dialog select,.ws-po-dialog textarea{font-size:16px!important;min-height:46px;min-width:0;max-width:100%}
 .ws-po-dialog button{min-height:44px;white-space:normal;overflow-wrap:anywhere}
 .ws-po-dialog .ws-po-section{padding:12px}
 .ws-po-dialog .ws-po-section-heading{flex-wrap:wrap}
 .ws-po-dialog .ws-po-section-heading>span{max-width:none;text-align:left}
 .ws-po-filters{grid-template-columns:minmax(0,1fr)}
 .ws-po-dialog .ws-po-add-line,.ws-po-dialog .ws-po-items .ws-po-add-line{grid-template-columns:minmax(0,1fr);padding:10px}
 .ws-po-add-line>*{grid-column:1!important}
 .ws-po-add-line button{width:100%;justify-content:center}
 .ws-po-dialog .ws-po-line,.ws-po-dialog .ws-po-receive-line{grid-template-columns:minmax(0,1fr);gap:12px}
 .ws-po-line>div{min-width:0;overflow-wrap:anywhere}
 .ws-po-line>.ws-field{padding-top:10px;border-top:1px solid #e3e9ef}
 .ws-po-line>.ws-field input{min-height:48px}
 .ws-po-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:12px}
 .ws-po-amounts>span{padding:8px;background:#f2f6f9;border-radius:6px}
 .ws-po-amounts b{display:block;margin-top:3px;font-size:16px}
 .ws-po-dialog .ws-count-footer{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid #dce5ed}
 .ws-po-dialog .ws-count-footer button,.ws-po-dialog .ws-count-footer button:first-child{flex:1 1 calc(50% - 8px);margin:0;min-height:44px;font-size:12px;justify-content:center}
 .ws-po-dialog .ws-count-footer button.ws-primary{flex-basis:100%;order:2;min-height:48px;font-size:14px}
 .ws-po-save-hint{display:none}
 .ws-po-import-review>button{width:100%;justify-content:center}
 .ws-po-import-match>button:last-child,.ws-po-import-match>.ws-po-selected-stock+button{min-height:44px}
 .ws-po-create-link{flex-direction:column;align-items:stretch}
 .ws-po-create-link button{width:100%;justify-content:center}
 .ws-po-stock-overlay{padding:0;align-items:stretch}
 .ws .ws-po-stock-dialog{width:100%;max-height:100vh;max-height:100dvh;border-radius:0;padding:16px;padding-top:max(16px,env(safe-area-inset-top))}
 .ws-po-stock-dialog .ws-actions{padding-bottom:max(14px,env(safe-area-inset-bottom))}
 .ws-po-stock-dialog .ws-actions button{flex:1;justify-content:center}
 .ws-receive-manual>summary{min-height:64px}
}

.ws-po-more-actions,.ws-po-more-options{display:contents}.ws .ws-po-more-toggle{display:none}
@media(max-width:640px){.ws-po-dialog .ws-po-more-actions{display:block;flex:1 1 calc(50% - 8px);order:0}.ws-po-dialog .ws-po-more-toggle{display:block;width:100%;min-height:44px}.ws-po-more-options{display:none}.ws-po-more-actions.is-expanded{flex-basis:100%}.ws-po-more-actions.is-expanded .ws-po-more-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:8px}.ws-po-more-options button{width:100%}.ws-po-dialog .ws-count-footer>button.ws-primary{flex-basis:calc(50% - 8px)}.ws-po-dialog .ws-count-footer>button.ws-primary:last-of-type{flex-basis:100%}}

/* Reviewed supplier references attached to stock during PO save. */
.ws-po-learn{padding:12px;border:1px solid #cbdde5;border-radius:9px;background:#f4f9fb;display:flex;flex-direction:column;gap:10px}
.ws-po-learn label{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#244358;cursor:pointer}
.ws-po-learn input[type=checkbox]{appearance:auto;flex:0 0 22px;width:22px;height:22px;min-height:22px;margin:0;accent-color:#155e75}
.ws-po-learn small{font-size:12px;color:#526478;line-height:1.5}
.ws-po-learn-preview{padding-top:9px;border-top:1px solid #d3e0e8;display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}
.ws-po-learn-summary{padding:14px;border:1px solid #bcd7ce;background:#eef8f3;border-radius:9px;color:#255b47}
.ws-po-learn-summary p{font-size:12px;color:#435e54}
.ws-po-learn-summary button{margin-top:8px}
@media(max-width:640px){.ws-po-learn label{min-height:44px;align-items:center}.ws-po-learn-summary button{width:100%;justify-content:center}}

/* Expected delivery dates and receiving urgency. */
.ws-delivery-summary{display:flex;flex-wrap:wrap;gap:8px 18px;padding:12px 14px;margin:0 0 12px;border:1px solid #d5e2eb;border-radius:9px;background:#f5f9fc;color:#526478;font-size:12px}
.ws-delivery-summary strong{font-size:15px;color:#244358}
.ws-delivery-summary .is-overdue,.ws-delivery-summary .is-overdue strong{color:#a83429}
.ws-receiving-date{padding:0 20px 14px}
.ws-po-delivery-date{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;padding:9px 12px;border-radius:7px;background:#f0f4f8;color:#536478;font-size:12px;line-height:1.5}
.ws-po-delivery-date strong{font-size:12px}
.ws-po-delivery-date.overdue{background:#fff0ed;color:#a83429;border:1px solid #edc3ba}
.ws-po-delivery-date.today{background:#fff5dd;color:#805c12;border:1px solid #e8d39d}
.ws-po-delivery-date.soon{background:#eaf5fa;color:#155e75;border:1px solid #c6dee7}
.ws-po-delivery-date.undated{background:transparent;padding:2px 0;color:#68788a}
.ws-po-delivery-date.undated strong{font-weight:400}
.ws-po-dialog .ws-count-header>.ws-po-delivery-date{margin-top:9px}
.ws-po-card .ws-po-delivery-date{margin-top:9px}
.ws-po-editor .ws-po-date-field small{font-size:11px;line-height:1.5;color:#63768a}
@media(max-width:640px){.ws-receiving-date{padding:0 14px 12px}.ws-delivery-summary{gap:6px 12px;padding:10px;font-size:11px}.ws-po-delivery-date{font-size:12px;padding:8px 10px}.ws-po-date-field input{width:100%;min-width:0;-webkit-appearance:none;appearance:none}}

/* Receive-all preparation and a clear, separate stock confirmation. */
.ws-delivery-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 12px}
.ws-po-dialog .ws-delivery-heading h4{font-size:20px;margin:5px 0;color:#193b50}
.ws-delivery-guide{padding:15px 16px;border:1px solid #cadce7;background:#f0f7fa;border-radius:10px;margin-bottom:16px}
.ws-delivery-guide p{color:#36566c;font-size:13px;margin:0 0 10px;line-height:1.6}
.ws-delivery-guide small{display:block;color:#526478;font-size:12px;line-height:1.5;margin-top:10px}
.ws-delivery-shortcuts{display:flex;flex-wrap:wrap;gap:8px}
.ws .ws-delivery-shortcuts button:first-child{background:#fff;border-color:#87adbf;color:#155e75}
.ws-delivery-guide .ws-delivery-issue-alert{border-top:1px solid #d9c79e;padding-top:10px;margin:12px 0 0;color:#875815}
.ws-delivery-review-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:16px;background:#edf8f2;border:1px solid #b9d9c9;border-radius:10px;color:#285d45;margin-bottom:16px}
.ws-delivery-review-summary span{font-size:12px}
.ws-po-receive-line>div>strong{display:block;font-size:15px;line-height:1.5}
.ws-delivery-accepted{display:flex;flex-direction:column;gap:5px;padding:12px;background:#edf8f2;border:1px solid #c4dece;border-radius:8px;color:#285d45}
.ws-delivery-accepted strong{font-size:21px}
.ws-delivery-accepted small{font-size:11px;line-height:1.5}
.ws-delivery-balance{padding:14px;background:#fff8ed;border:1px solid #e4d4b7;border-radius:9px;margin:16px 0}
.ws-delivery-balance summary{font-size:13px;color:#79571e;font-weight:600;cursor:pointer;min-height:28px}
.ws-delivery-balance>div{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px}
.ws-delivery-balance>div>span{min-width:0;overflow-wrap:anywhere}
.ws-delivery-balance>div>strong{white-space:nowrap}
@media(max-width:640px){.ws-delivery-heading{align-items:flex-start;flex-direction:column;gap:8px}.ws-po-dialog .ws-delivery-heading h4{font-size:20px}.ws-delivery-guide{padding:12px}.ws-delivery-shortcuts{display:grid;grid-template-columns:1fr;width:100%}.ws-delivery-shortcuts button{justify-content:center;width:100%}.ws-delivery-review-summary{padding:12px;flex-direction:column;align-items:flex-start}.ws-delivery-balance summary{min-height:44px;display:flex;align-items:center}}

.ws-po-files>summary{cursor:pointer;font-weight:600;color:#244358;font-size:13px;padding:12px 0;min-height:44px}.ws-po-files[open]>summary{margin-bottom:8px}.ws-po-dialog details.ws-po-files{padding-bottom:8px}.ws-po-files>summary:focus-visible{outline:2px solid #0891b2;outline-offset:2px}

/* One full-width purchase order per row on the receiving screen. */
.ws.ws-po-launcher-section{max-width:none;width:100%}
.ws-receiving-list{grid-template-columns:minmax(0,1fr)}


/* Compact receiving rows with clear stock quantities. */
.ws-receiving-card{border-color:#cddce6;box-shadow:0 2px 5px #183d5010}
.ws-receiving-card-top h3{font-size:22px;letter-spacing:-.4px;margin:3px 0}
.ws-receiving-card-top p{font-size:13px;margin:3px 0 0;line-height:1.5}
.ws-receiving-card-top .ws-eyebrow{font-size:9px;letter-spacing:1.2px}
.ws-receiving-items{background:#f7fafc}
.ws-receiving-items-label{display:block;color:#657c8c;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}
.ws-receiving-items>.ws-receiving-item{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:10px 0}
.ws-receiving-item+.ws-receiving-item{border-top:1px solid #e0e9ef}
.ws-receiving-item-identity{min-width:0;flex:1}
.ws-receiving-item-identity>strong{display:block;font-size:15px;font-weight:650;line-height:1.5;white-space:normal;overflow-wrap:anywhere;color:#233f52}
.ws-receiving-item-identity>small{display:block;font-size:11px;line-height:1.5;color:#607789;margin-top:4px;overflow-wrap:anywhere}
.ws-receiving-item-identity>small:empty{display:none}
.ws-receiving-quantity{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:78px;padding:9px 13px;background:#e8f2f6;border:1px solid #c9dde6;border-radius:9px;color:#155e75}
.ws-receiving-quantity>strong{font-size:25px;line-height:1.15;font-variant-numeric:tabular-nums;color:#155e75}
.ws-receiving-quantity>span{font-size:11px;line-height:1.5;margin-top:3px}
.ws-receiving-card-bottom>div>strong{font-size:13px}
.ws-receiving-progress{font-size:10px}
.ws-receiving-progress>div{height:4px;margin-top:6px}

@media(max-width:640px){
 .ws-receiving-items-label{margin:3px 0 5px}
 .ws-receiving-item-identity>strong{font-size:14px}
 .ws-receiving-items>.ws-receiving-item{gap:12px}
 .ws-receiving-quantity{min-width:66px;padding:8px 10px}
 .ws-receiving-quantity>strong{font-size:22px}
}

/* Each accepted delivery owns its own docket attachments. */
.ws-po-history>summary{min-height:44px;padding:12px 0;color:#244358;font-size:15px}
.ws-po-receipt{margin:12px 0;padding:16px;border:1px solid #ccdde6;border-radius:11px;background:#fff}
.ws-po-receipt-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.ws-po-receipt-heading>div{min-width:0;display:flex;flex-direction:column;gap:5px}
.ws-po-receipt-heading strong{font-size:15px;color:#244358;overflow-wrap:anywhere}
.ws-po-receipt-heading small,.ws-po-dockets small{font-size:11px;color:#607589;line-height:1.5}
.ws-po-receipt-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
.ws-po-receipt-lines{margin:14px 0;border-top:1px solid #e0e8ef}
.ws-po-receipt-lines>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #e0e8ef;font-size:12px}
.ws-po-receipt-lines>div>span{min-width:0;overflow-wrap:anywhere}
.ws-po-receipt-lines strong{white-space:nowrap;color:#244358}
.ws-po-dockets>strong{font-size:13px;color:#244358}
.ws-po-dockets>p,.ws-po-docket-hint{font-size:12px;color:#526478!important;line-height:1.6}
.ws-po-docket-file{margin:10px 0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.ws-po-docket-file button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}
.ws-po-docket-upload{padding:12px;background:#f2f8fb;border:1px dashed #b4cddc;border-radius:9px;margin-top:12px}
.ws-po-docket-upload input{width:100%;min-width:0;max-width:100%}
.ws-po-docket-upload input::file-selector-button{padding:9px 12px;border:0;border-radius:7px;background:#155e75;color:#fff;margin-right:10px;font:inherit;cursor:pointer}
@media(max-width:640px){.ws-po-receipt{padding:12px}.ws-po-receipt-heading{flex-direction:column;gap:8px}.ws-po-docket-file{align-items:stretch}.ws-po-docket-file button{width:100%}.ws-po-docket-upload{padding:10px}}

/* Administrator correction review, separate from delivery receiving. */
.ws-po-correction-overlay{position:fixed;inset:0;z-index:15000;background:#10253880;display:flex;align-items:center;justify-content:center;padding:20px}
.ws .ws-po-correction-dialog{width:min(760px,100%);max-height:92vh;max-height:92dvh;overflow-y:auto;padding:24px;border-radius:14px;background:#fff}
.ws-po-correction-dialog .ws-heading{margin-bottom:12px}
.ws-po-correction-dialog>p{font-size:13px;line-height:1.6;color:#526478}
.ws-po-correction-lines{display:grid;gap:12px;margin:18px 0}
.ws-po-correction-line{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:18px;align-items:center;padding:14px;border:1px solid #cfdee7;border-radius:9px;background:#f8fafc}
.ws-po-correction-line>div{min-width:0;overflow-wrap:anywhere}
.ws-po-correction-line small{display:block;margin-top:6px;font-size:12px;color:#607589}
.ws-po-correction-dialog input,.ws-po-correction-dialog textarea{width:100%;min-width:0;font:inherit;border:1px solid #ccdae4;border-radius:8px;padding:10px;color:#244358;background:#fff}
.ws-po-correction-dialog textarea{resize:vertical;min-height:88px}
.ws-po-correction-impact{display:flex;flex-direction:column;gap:5px;padding:10px;background:#edf5f8;border-radius:7px;color:#244358}
.ws-po-correction-impact span{font-size:12px}
.ws-po-correction-dialog .ws-actions{margin-top:18px}
.ws-po-correction-history{padding:12px;border:1px solid #e0d4bd;border-radius:8px;background:#fffaf0;margin:12px 0;font-size:12px}
.ws-po-correction-history summary{cursor:pointer;min-height:36px;font-weight:600;color:#79581f}
.ws-po-correction-history>div{margin-top:12px;padding-top:12px;border-top:1px solid #e6dccb}
.ws-po-correction-history p{overflow-wrap:anywhere;white-space:pre-wrap;color:#526478}
.ws-po-receipt>.ws-po-dockets{margin-top:14px}
@media(max-width:640px){.ws-po-correction-overlay{padding:8px}.ws .ws-po-correction-dialog{padding:16px;max-height:96vh;max-height:96dvh}.ws-po-correction-line{grid-template-columns:1fr;gap:10px;padding:12px}.ws-po-correction-dialog input,.ws-po-correction-dialog textarea{font-size:16px;min-height:46px}.ws-po-correction-dialog button{min-height:44px}.ws-po-correction-dialog .ws-actions{position:sticky;bottom:-16px;background:#fff;padding:12px 0;margin-bottom:-16px;border-top:1px solid #dce5ed}.ws-po-correction-dialog .ws-actions button{flex:1;justify-content:center}}

/* Duplicate PO review */
.ws-po-duplicate-warning{border:1px solid #d89b38;border-radius:14px;background:#fff8e9;color:#583b13;padding:18px;margin:14px 0;overflow-wrap:anywhere}
.ws-po-duplicate-warning h4{margin:0 0 8px;font-size:17px}
.ws-po-duplicate-warning p{margin:8px 0}
.ws-po-duplicate-match{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #e9d4ad}
.ws-po-duplicate-match>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.ws-po-duplicate-match small{flex-basis:100%}
.ws-po-duplicate-match button{flex-shrink:0;min-height:44px}
.ws-po-duplicate-override{border-top:1px solid #e9d4ad;padding-top:14px;display:grid;gap:12px}
.ws-po-duplicate-override>label:first-child{display:flex;align-items:center;gap:12px;min-height:44px;font-weight:700}
.ws-po-duplicate-override input[type=checkbox]{width:22px;height:22px;flex-shrink:0;accent-color:#996219}
@media(max-width:600px){.ws-po-duplicate-warning{padding:14px}.ws-po-duplicate-match{align-items:stretch;flex-direction:column}.ws-po-duplicate-match button{width:100%}}

/* SOH incoming purchase orders */
.ws button.ws-on-order-link{min-width:52px;min-height:44px;padding:5px 9px;background:#edf7fa;border-color:#b8d8e1;color:#155e75;font-weight:750;font-variant-numeric:tabular-nums}
.ws button.ws-on-order-link:hover{background:#d9eef4;border-color:#659faf}
.ws-on-order-link span{font-size:12px}
.ws .ws-incoming-table th:last-child{text-align:right}
.ws-incoming-overlay{z-index:13000}
.ws .ws-incoming-dialog{width:760px;padding:0;display:flex;flex-direction:column;overflow:hidden;max-height:90dvh}
.ws-incoming-header{padding:22px 24px 16px;border-bottom:1px solid #dfe8ee}
.ws-incoming-header .ws-heading{margin:0;flex-wrap:nowrap;align-items:flex-start}
.ws-incoming-header h3{overflow-wrap:anywhere}
.ws-incoming-header button{flex-shrink:0;min-height:44px}
.ws-incoming-body{padding:20px 24px;overflow:auto;min-height:0}
.ws-incoming-total{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #c7dfe7;border-radius:12px;background:#eff8fa;margin-bottom:18px}
.ws-incoming-total strong{display:block;font-size:24px;color:#155e75}
.ws-incoming-total span{display:block;color:#486478;font-size:12px}
.ws-incoming-total>small{max-width:200px;color:#486478}
.ws-incoming-order{border:1px solid #dce6ed;border-radius:12px;padding:18px;margin-top:12px}
.ws-incoming-order-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.ws-incoming-order-heading strong{font-size:17px;overflow-wrap:anywhere}
.ws-incoming-quantities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0;gap:10px}
.ws-incoming-quantities>div{padding:10px;background:#f5f8fa;border-radius:8px;min-width:0}
.ws-incoming-quantities>div:last-child{background:#eaf5f8;color:#155e75}
.ws-incoming-quantities dt{font-size:11px;color:#5b7084}
.ws-incoming-quantities dd{margin:5px 0 0;font-size:22px;font-weight:750;overflow-wrap:anywhere}
.ws-incoming-quantities small{display:block;font-size:11px;font-weight:500}
.ws-incoming-order>button{min-height:44px;margin-left:auto}
.ws-incoming-footer{padding:14px 24px;border-top:1px solid #dfe8ee;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f8fafc}
.ws-incoming-footer small,.ws-incoming-access{color:#5b7084}
.ws-incoming-empty{padding:20px 0}
.ws-po-linked-item{outline:2px solid #53a2b8;outline-offset:-2px;background:#f0fafc!important}
@media(max-width:640px){
 .ws .ws-incoming-table td.ws-on-order-cell{grid-column:1/-1;grid-row:4;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf1f5;text-align:left}
 .ws .ws-incoming-table td.ws-on-order-cell:before{content:'On order';font-size:11px;color:#526b80;font-weight:600}
 .ws .ws-incoming-table td.ws-on-order-cell small{margin-left:auto}
 .ws .ws-incoming-table td:nth-child(6),.ws .ws-incoming-table td:nth-child(7),.ws .ws-incoming-table td:nth-child(8){grid-row:5}
 .ws-incoming-overlay{padding:0}
 .ws .ws-incoming-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0}
 .ws-incoming-header{padding:18px 16px}
 .ws-incoming-body{padding:16px;flex:1}
 .ws-incoming-total{flex-direction:column;align-items:flex-start;gap:8px}
 .ws-incoming-total>small{max-width:none}
 .ws-incoming-order{padding:14px}
 .ws-incoming-order-heading{flex-wrap:wrap}
 .ws-incoming-quantities{gap:6px}
 .ws-incoming-quantities>div{padding:8px 6px}
 .ws-incoming-quantities dt{font-size:10px}
 .ws-incoming-quantities dd{font-size:20px}
 .ws-incoming-order>button{width:100%;justify-content:center}
 .ws-incoming-footer{padding:12px 16px max(12px,env(safe-area-inset-bottom))}
}

/* SOH responds to the space beside navigation as well as the device width. */
.ws-stock-screen{container:stock-screen/inline-size;width:100%;min-width:0;padding:24px 24px 100px}
.ws-stock-screen>.ws-stock-heading{gap:16px;margin-bottom:20px;align-items:flex-start}
.ws-stock-screen .ws-stock-heading h2{font-size:28px;line-height:1.2;margin:6px 0}
.ws-stock-screen .ws-stock-heading p{font-size:13px;color:#526478;max-width:480px}
.ws-stock-screen .ws-stock-actions{gap:8px}
.ws-stock-screen .ws-stock-actions>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;font-size:13px}
.ws-stock-screen .ws-summary{gap:12px;margin-bottom:20px}
.ws-stock-screen button.ws-metric{padding:14px 16px}
.ws-stock-screen .ws-metric-top{color:#526478}
.ws-stock-screen .ws-metric small{color:#607589}
.ws-stock-screen .ws-metric.is-selected{box-shadow:inset 0 0 0 1px #8eb7c6}
.ws-stock-screen .ws-filters{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(145px,.45fr) minmax(160px,.45fr);padding:16px 20px 8px}
.ws-stock-screen .ws-filters>button{grid-column:1;grid-row:1;font-size:12px;min-height:44px}
.ws-stock-screen .ws-search{grid-column:2;grid-row:1;min-width:0}
.ws-stock-screen .ws-search input{min-height:44px}
.ws-stock-screen .ws-filters select{width:100%;min-width:0;max-width:none;min-height:44px}
.ws-stock-screen .ws-list-caption{padding:4px 20px 12px;gap:12px;flex-wrap:wrap;font-size:12px;color:#607589}
.ws-stock-screen .ws-list-caption>span{margin-right:auto}
.ws-stock-screen .ws-list-tools{display:flex;align-items:center;gap:6px}
.ws-stock-screen .ws-list-tools button{display:flex;align-items:center;gap:6px;min-height:36px;padding:6px 9px;border:1px solid #d8e0e8;font-size:12px;color:#526478}
.ws-stock-screen .ws-list-tools svg{width:16px;height:16px;flex:none}
.ws-stock-screen .ws-list-caption>button{min-height:36px;padding:6px 8px}
.ws-stock-screen .ws-bulk-toolbar{padding:8px 20px;gap:10px;background:#f8fafc}
.ws-stock-screen .ws-bulk-toolbar>button{font-size:12px;min-height:36px;padding:6px 10px}
.ws-stock-screen .ws-incoming-table table{min-width:1080px}
.ws-stock-screen .ws-incoming-table td:first-child{min-width:310px}
.ws-stock-screen .ws-product{min-width:0;gap:12px}
.ws-stock-screen .ws-product-icon{flex-shrink:0}
.ws-stock-screen .ws-product>div{flex:1;min-width:0}
.ws-stock-screen .ws-table-footer{color:#607589;font-size:11px}

@container stock-screen (max-width:1080px){
 .ws-stock-screen>.ws-stock-heading{display:block}
 .ws-stock-screen .ws-stock-heading>div:first-child{margin-bottom:14px}
 .ws-stock-screen .ws-stock-heading .ws-stock-actions{display:flex;justify-content:flex-start;flex-wrap:wrap;width:100%}
 .ws-stock-screen .ws-stock-actions>button{width:auto;order:0}
 .ws-stock-screen .ws-stock-actions>.ws-primary{order:-1}
 .ws-stock-screen .ws-stock-actions>.ws-receive-po{order:1}
 .ws-stock-screen .ws-stock-actions>.ws-start-stocktake{order:2}
 .ws-stock-screen .ws-stock-actions>.ws-refresh{order:3}
 .ws-stock-screen .ws-stock-actions>.ws-manage-categories{order:4}
 .ws-stock-screen .ws-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
 .ws-stock-screen .ws-metric-top{font-size:11px}
 .ws-stock-screen .ws-metric strong{font-size:26px}
 .ws-stock-screen .ws-metric small{font-size:10px}
 .ws-stock-screen .ws-metric-icon{width:26px;height:26px;flex-shrink:0}
 .ws-stock-screen .ws-metric-icon svg{width:16px;height:16px}
 .ws-stock-screen .ws-filters{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:8px}
 .ws-stock-screen .ws-search{grid-column:1/-1;grid-row:1}
 .ws-stock-screen .ws-filters>button{grid-column:1;grid-row:2}
 .ws-stock-screen .ws-filters select{grid-row:2}
 .ws-stock-screen .ws-incoming-table{overflow:visible;padding:12px;background:#f5f8fa}
 .ws-stock-screen .ws-incoming-table table{display:block;min-width:0;width:100%}
 .ws-stock-screen .ws-incoming-table thead{display:none}
 .ws-stock-screen .ws-incoming-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
 .ws-stock-screen .ws-incoming-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;min-width:0;border:1px solid #dce5ed;border-radius:10px;background:#fff;overflow:hidden}
 .ws-stock-screen .ws-incoming-table td,.ws-stock-screen .ws-incoming-table td:first-child,.ws-stock-screen .ws-incoming-table td:last-child{min-width:0;padding:12px;border:0;font-size:13px}
 .ws-stock-screen .ws-incoming-table td:first-child{grid-column:1/-1;grid-row:1;border-bottom:1px solid #edf1f5;padding:16px 12px}
 .ws-stock-screen .ws-product strong{font-size:16px}
 .ws-stock-screen .ws-product .ws-spec{font-size:13px;line-height:1.5}
 .ws-stock-screen button.ws-thumbnail{width:72px;height:64px;min-height:0;flex-shrink:0}
 .ws-stock-screen .ws-incoming-table td:nth-child(2){grid-column:1/-1;grid-row:2;padding:10px 12px 0}
 .ws-stock-screen .ws-location{white-space:normal;overflow-wrap:anywhere}
 .ws-stock-screen .ws-location svg{flex-shrink:0}
 .ws-stock-screen button.ws-location-add{min-height:36px;font-size:11px}
 .ws-stock-screen .ws-incoming-table td:nth-child(3),.ws-stock-screen .ws-incoming-table td:nth-child(4),.ws-stock-screen .ws-incoming-table td:nth-child(5){grid-row:3;text-align:left;font-size:18px}
 .ws-stock-screen .ws-incoming-table td:nth-child(n+3):nth-child(-n+6):before{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.4px;font-weight:600;color:#607589;margin-bottom:6px}
 .ws-stock-screen .ws-incoming-table td:nth-child(3):before{content:'On hand'}
 .ws-stock-screen .ws-incoming-table td:nth-child(4):before{content:'Reserved'}
 .ws-stock-screen .ws-incoming-table td:nth-child(5):before{content:'Available'}
 .ws-stock-screen .ws-incoming-table td:nth-child(6){grid-column:1;grid-row:5;text-align:left;border-top:1px solid #edf1f5}
 .ws-stock-screen .ws-incoming-table td:nth-child(6):before{content:'Reorder at'}
 .ws-stock-screen .ws-incoming-table td:nth-child(7){grid-column:2;grid-row:5;display:flex;justify-content:center;align-items:center;border-top:1px solid #edf1f5;padding:8px 2px}
 .ws-stock-screen .ws-incoming-table td:nth-child(8){grid-column:3;grid-row:5;display:flex;align-items:center;justify-content:flex-end;border-top:1px solid #edf1f5;padding:8px}
 .ws-stock-screen .ws-incoming-table td.ws-on-order-cell{grid-column:1/-1;grid-row:4;display:flex;align-items:center;gap:8px;text-align:left;padding:8px 12px;border-top:1px solid #edf1f5;background:#f8fafc}
 .ws-stock-screen .ws-incoming-table td.ws-on-order-cell:before{content:'On order';font-size:11px;color:#526b80;font-weight:600;margin-right:auto}
 .ws-stock-screen .ws-incoming-table td.ws-on-order-cell small{margin-left:0}
 .ws-stock-screen .ws-number small{font-size:11px;color:#607589}
 .ws-stock-screen .ws-available{font-size:22px!important}
 .ws-stock-screen .ws-badge{font-size:10px;padding:5px 7px}
 .ws-stock-screen select.ws-action-select{width:100%;min-width:0;min-height:40px;font-size:12px}
}
@container stock-screen (max-width:720px){
 .ws-stock-screen .ws-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ws-stock-screen .ws-metric-top{font-size:12px}
 .ws-stock-screen .ws-metric small{font-size:11px}
 .ws-stock-screen .ws-incoming-table tbody{grid-template-columns:minmax(0,1fr)}
 .ws-stock-screen .ws-tabs{padding:0 8px;gap:0}
 .ws-stock-screen .ws-tabs button{min-height:48px;padding:12px 10px;font-size:12px}
 .ws-stock-screen .ws-filters{padding:12px 12px 8px}
 .ws-stock-screen .ws-filters select{font-size:12px;padding:8px}
 .ws-stock-screen .ws-list-caption{padding:4px 12px 10px;font-size:11px;gap:8px}
 .ws-stock-screen .ws-list-tools button{font-size:11px;padding:6px 7px}
 .ws-stock-screen .ws-bulk-toolbar{padding:8px 12px}
}
@container stock-screen (max-width:420px){
 .ws-stock-screen .ws-stock-heading h2{font-size:25px}
 .ws-stock-screen .ws-stock-heading .ws-stock-actions{display:grid;grid-template-columns:1fr 1fr}
 .ws-stock-screen .ws-stock-actions>button{width:100%;font-size:12px}
 .ws-stock-screen .ws-stock-actions>.ws-primary{grid-column:1/-1}
 .ws-stock-screen .ws-search input{font-size:16px}
 .ws-stock-screen .ws-search input::placeholder{font-size:11px}
 .ws-stock-screen .ws-filters{grid-template-columns:1fr 1fr}
 .ws-stock-screen .ws-filters>button{grid-column:1/-1}
 .ws-stock-screen .ws-filters select{grid-row:3}
 .ws-stock-screen .ws-incoming-table td:first-child{padding:14px 10px}
 .ws-stock-screen .ws-product{gap:8px}
 .ws-stock-screen button.ws-thumbnail{width:58px;height:58px}
 .ws-stock-screen .ws-product strong{font-size:15px}
 .ws-stock-screen .ws-product .ws-item-meta{font-size:11px;gap:6px}
}
@media(max-width:640px){.ws.ws-stock-screen{padding:16px 12px 100px}}
/* Compact the existing mobile app chrome while the stock workspace is open. */
body:has(.ws-stock-screen,.ws-receiving-screen) #root header.sticky:has(img[alt="Lennox Facades"]){padding-top:max(12px,env(safe-area-inset-top))!important;padding-bottom:12px}
body:has(.ws-stock-screen,.ws-receiving-screen) #root header.sticky img[alt="Lennox Facades"]{height:64px}
body:has(.ws-stock-screen,.ws-receiving-screen) #root header.sticky:has(img[alt="Lennox Facades"]) .mr-8{margin-right:0}

/* Receiving uses the same page gutters and the panel's available width as SOH. */
.ws.ws-receiving-screen{container:receiving-screen/inline-size;width:100%;min-width:0;max-width:1560px;padding:24px 24px 16px;margin:auto}
.ws-receiving-screen .ws-receiving-heading{gap:20px;margin-bottom:20px}
.ws-receiving-screen .ws-receiving-heading>div:first-child{min-width:0}
.ws-receiving-screen .ws-receiving-heading h2{font-size:28px;line-height:1.2;margin:6px 0}
.ws-receiving-screen .ws-receiving-heading p{font-size:13px;line-height:1.6;color:#526478;margin:0;max-width:550px}
.ws-receiving-screen .ws-receiving-actions{display:flex;flex-wrap:wrap;gap:8px;width:auto;flex-shrink:0}
.ws-receiving-screen .ws-receiving-actions button{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:13px}
.ws-receiving-screen .ws-receiving-actions .ws-primary{order:-1}
.ws-receiving-screen .ws-receiving-tabs{gap:12px;margin-bottom:16px}
.ws-receiving-screen .ws-receiving-tabs button{flex-direction:row;align-items:center;min-height:76px;padding:16px 18px;gap:12px}
.ws-receiving-screen .ws-receiving-tabs button span{font-size:13px}
.ws-receiving-screen .ws-receiving-tabs button strong{font-size:28px;line-height:1.2;font-variant-numeric:tabular-nums}
.ws-receiving-screen .ws-receiving-controls{border:1px solid #dce5ed;border-radius:12px;background:#fff;padding:16px 20px;margin-bottom:20px}
.ws-receiving-screen .ws-delivery-summary{border:0;border-bottom:1px solid #edf1f5;border-radius:0;background:transparent;padding:0 0 12px;margin:0 0 12px;gap:8px 20px;font-size:12px;color:#607589}
.ws-receiving-screen .ws-delivery-summary>span{display:flex;align-items:center;gap:6px}
.ws-receiving-screen .ws-delivery-summary strong{font-size:15px;font-variant-numeric:tabular-nums}
.ws-receiving-screen .ws-receiving-toolbar{margin:0;gap:20px}
.ws-receiving-screen .ws-receiving-toolbar .ws-field{width:auto;min-width:0;flex:1;font-size:12px;font-weight:600;color:#526478}
.ws-receiving-screen .ws-receiving-toolbar input{width:100%;min-width:0;min-height:44px;font-size:14px;font-weight:400;background:#fcfdfe}
.ws-receiving-screen .ws-receiving-toolbar>span{display:block;flex-shrink:0;text-align:right;font-size:12px;color:#526478;padding:0 0 3px}
.ws-receiving-screen .ws-receiving-toolbar>span small{display:block;font-size:11px;color:#607589;margin-top:4px}
.ws-receiving-screen .ws-receiving-list{grid-template-columns:minmax(0,1fr);gap:14px}
.ws-receiving-screen .ws-receiving-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.4fr) 190px;grid-template-rows:auto 1fr;min-width:0;border-color:#dce5ed;box-shadow:0 2px 5px #183d5008}
.ws-receiving-screen .ws-receiving-card>*{min-width:0}
.ws-receiving-screen .ws-receiving-card-top{grid-column:1;grid-row:1;flex-wrap:wrap;gap:8px 12px;padding:18px 20px 10px}
.ws-receiving-screen .ws-receiving-card-top>div{min-width:0}
.ws-receiving-screen .ws-receiving-card-top h3{font-size:22px;line-height:1.3;margin:4px 0;letter-spacing:-.4px}
.ws-receiving-screen .ws-receiving-card-top p{font-size:13px;line-height:1.5;margin:0}
.ws-receiving-screen .ws-receiving-card-top .ws-po-status{font-size:11px}
.ws-receiving-screen .ws-receiving-card-meta{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:12px;padding:0 20px 18px}
.ws-receiving-screen .ws-receiving-date,.ws-receiving-screen .ws-receiving-progress{padding:0;min-width:0;font-size:11px}
.ws-receiving-screen .ws-po-delivery-date{font-size:12px;padding:7px 10px}
.ws-receiving-screen .ws-po-delivery-date.undated{padding:0}
.ws-receiving-screen .ws-receiving-progress>div{height:5px;margin-top:7px}
.ws-receiving-screen .ws-receiving-items{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;padding:18px 20px;min-height:0;border:0;border-left:1px solid #e3eaf0;border-right:1px solid #e3eaf0}
.ws-receiving-screen .ws-receiving-items-label{font-size:10px;margin:0 0 6px;color:#526b80}
.ws-receiving-screen .ws-receiving-items>.ws-receiving-item{gap:16px;padding:10px 0}
.ws-receiving-screen .ws-receiving-item-identity>strong{font-size:15px;line-height:1.5}
.ws-receiving-screen .ws-receiving-item-identity>small{font-size:12px;line-height:1.5}
.ws-receiving-screen .ws-receiving-quantity{min-width:76px;max-width:38%;padding:10px 12px;flex-shrink:0}
.ws-receiving-screen .ws-receiving-quantity>strong{font-size:26px;white-space:normal;overflow-wrap:anywhere;max-width:100%}
.ws-receiving-screen .ws-receiving-quantity>span{font-size:12px;overflow-wrap:anywhere;max-width:100%}
.ws-receiving-screen .ws-receiving-card-bottom{grid-column:3;grid-row:1/3;flex-direction:column;align-items:stretch;justify-content:center;padding:18px;gap:16px}
.ws-receiving-screen .ws-receiving-card-bottom>div{width:auto;flex-direction:column;gap:7px}
.ws-receiving-screen .ws-receiving-card-bottom>div>strong{font-size:13px}
.ws-receiving-screen .ws-receiving-card-bottom button{width:100%;min-height:44px;justify-content:center;font-size:13px}
.ws-receiving-screen+.ws-receive-manual{width:calc(100% - 48px);max-width:1512px;margin:4px auto 100px;border-color:#dce5ed;box-sizing:border-box}
.ws-receiving-screen+.ws-receive-manual>summary{min-height:64px;padding:14px 20px}

@container receiving-screen (max-width:1040px){
 .ws-receiving-screen .ws-receiving-heading{flex-direction:column;gap:14px}
 .ws-receiving-screen .ws-receiving-actions{justify-content:flex-start}
 .ws-receiving-screen .ws-receiving-card{display:block}
 .ws-receiving-screen .ws-receiving-card-top{flex-wrap:nowrap;padding:18px 20px 12px}
 .ws-receiving-screen .ws-receiving-card-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px 24px;padding:0 20px 16px}
 .ws-receiving-screen .ws-receiving-items{display:block;border:0;border-top:1px solid #e3eaf0;border-bottom:1px solid #e3eaf0;padding:14px 20px}
 .ws-receiving-screen .ws-receiving-card-bottom{flex-direction:row;align-items:center;justify-content:space-between;padding:14px 20px;gap:16px;flex-wrap:nowrap}
 .ws-receiving-screen .ws-receiving-card-bottom button{width:auto;flex-shrink:0}
}
@container receiving-screen (max-width:720px){
 .ws-receiving-screen .ws-receiving-tabs{gap:8px}
 .ws-receiving-screen .ws-receiving-tabs button{min-height:72px;padding:12px;gap:8px}
 .ws-receiving-screen .ws-receiving-tabs button span{font-size:12px}
 .ws-receiving-screen .ws-receiving-tabs button strong{font-size:26px}
 .ws-receiving-screen .ws-receiving-controls{padding:14px 16px;margin-bottom:16px}
 .ws-receiving-screen .ws-receiving-toolbar{flex-direction:column;align-items:stretch;gap:10px}
 .ws-receiving-screen .ws-receiving-toolbar>span{text-align:left;padding:0;font-size:11px}
 .ws-receiving-screen .ws-receiving-toolbar>span small{display:inline;margin-left:10px}
 .ws-receiving-screen .ws-receiving-card-top{padding:16px 16px 12px}
 .ws-receiving-screen .ws-receiving-card-meta{padding:0 16px 16px}
 .ws-receiving-screen .ws-receiving-items{padding:12px 16px}
 .ws-receiving-screen .ws-receiving-card-bottom{padding:14px 16px}
}
@container receiving-screen (max-width:420px){
 .ws-receiving-screen .ws-receiving-heading h2{font-size:25px}
 .ws-receiving-screen .ws-receiving-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
 .ws-receiving-screen .ws-receiving-actions .ws-primary{grid-column:1/-1;grid-row:1}
 .ws-receiving-screen .ws-receiving-tabs button{flex-direction:column;align-items:flex-start;gap:5px;padding:12px 10px}
 .ws-receiving-screen .ws-receiving-toolbar input{font-size:16px}
 .ws-receiving-screen .ws-receiving-card-top{flex-wrap:wrap}
 .ws-receiving-screen .ws-receiving-card-meta{grid-template-columns:minmax(0,1fr);gap:12px}
 .ws-receiving-screen .ws-receiving-card-bottom{flex-direction:column;align-items:stretch;gap:12px}
 .ws-receiving-screen .ws-receiving-card-bottom>div{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px}
 .ws-receiving-screen .ws-receiving-card-bottom button{width:100%;min-height:46px}
 .ws-receiving-screen .ws-receiving-item-identity>strong{font-size:14px}
 .ws-receiving-screen .ws-receiving-quantity{min-width:64px;padding:9px}
 .ws-receiving-screen .ws-receiving-quantity>strong{font-size:24px}
}
@media(max-width:640px){
 .ws.ws-receiving-screen{padding:16px 12px 12px}
 .ws-receiving-screen+.ws-receive-manual{width:calc(100% - 24px)}
 .ws-receiving-screen+.ws-receive-manual>summary{padding:14px 16px}
}