*{box-sizing:border-box}body{margin:0;background:#f5f7f6;color:#223b33;font:14px -apple-system,BlinkMacSystemFont,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:245px;background:#18362d;color:#f1f6f2;padding:28px 20px;overflow:auto}aside h1{letter-spacing:1px}aside p,aside a{color:#acbfb3}aside h3{margin-top:35px;font-size:12px}aside button{width:100%;text-align:left;margin:5px 0;background:#2b4b3e;color:white;border:0}main{margin-left:245px;padding:32px 40px;max-width:1700px}.notice{padding:14px;background:#fff3d8;border:1px solid #ecdfc0;border-radius:9px;font-size:12px;color:#82612f}header{display:flex;justify-content:space-between;align-items:center;margin:35px 0}small{letter-spacing:2px;color:#7b9586}h2{font-size:28px;margin:12px 0}p{line-height:1.8;color:#72837b}.panel{background:white;border:1px solid #dde5df;border-radius:12px;padding:25px;margin:18px 0;overflow:auto}.drop{display:grid;place-items:center;padding:40px;border:2px dashed #b5cabe;border-radius:10px;background:#f5f9f5;gap:20px;font-size:18px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #cdd9d0;border-radius:7px;padding:10px 15px;background:white;color:#25493a}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#246148;color:white;border-color:#246148}input,select{padding:9px;border:1px solid #ccd9cf;border-radius:5px;background:white;max-width:100%}label{display:grid;gap:9px}label.check{display:flex;align-items:center;margin-top:15px}.tools,.actions{display:flex;align-items:end;gap:15px;flex-wrap:wrap}.actions{justify-content:flex-end;margin-top:20px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;vertical-align:top;padding:13px 10px;border-bottom:1px solid #e4eae5}th{background:#f3f7f3;color:#75887b;font-size:12px}.scroll{overflow:auto;max-height:490px}.warning{color:#a36b23;font-size:12px;max-width:250px;white-space:normal}.pill{display:inline-block;background:#e9f3e8;border-radius:20px;font-size:12px;padding:5px 9px}.stats{display:flex;gap:15px;margin:20px 0}.stats div{flex:1;background:white;border:1px solid #dbe4db;padding:20px;border-radius:10px}.stats b{display:block;font-size:26px;margin-top:10px}.thumb{width:85px;height:85px;object-fit:contain;background:#f1f4f0;border-radius:6px}.photoEmpty{width:85px;height:85px;display:grid;place-items:center;background:#f1f4f0;color:#9aa99d;font-size:12px;border-radius:6px}.itemName{max-width:330px;white-space:normal;font-weight:600;line-height:1.6}.sub{display:block;font-size:12px;color:#819184;line-height:1.8;white-space:normal;max-width:330px}.links a{display:block;color:#306b4e;line-height:1.9}dialog{width:540px;max-width:95vw;border:1px solid #d2dfd4;border-radius:12px;padding:28px}dialog::backdrop{background:#123c2855}#photoForm label{margin:18px 0}#photoPreview{max-width:180px;max-height:200px}#status,#photoError{color:#9b6024}#history small{letter-spacing:0;display:block;color:#adc0b2;margin-top:6px}a{color:#346747}@media(max-width:850px){aside{position:relative;width:auto}main{margin:0;padding:20px}.grid{grid-template-columns:1fr 1fr}header{display:block}header button{margin-top:10px}.stats{flex-wrap:wrap}}

[hidden]{display:none!important}
main{max-width:1600px;padding:30px 38px}.hero{padding:36px 10px}.hero h2{font-size:36px;letter-spacing:-1px}.po-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.po-list button{text-align:left;padding:25px;background:#fafcfb}.pohead,.product-heading{display:flex;align-items:center;gap:20px;justify-content:space-between}.pohead{margin:25px 0}.pohead h2{margin:8px 0}.product-heading{justify-content:flex-start;margin-bottom:24px}.product-heading>div:nth-child(2){flex:1}.product-heading h3{font-size:21px;margin:8px 0}.steps{display:flex;gap:10px;margin-bottom:20px}.steps button{flex:1;background:#eaf0ec}.product-grid{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:18px}.product-grid label{font-size:12px;color:#71857a}.product-grid input,.product-grid select{width:100%;font-size:14px;color:#203c30}.secondary{margin:22px 0;font-size:12px;color:#71857a}.variants{max-height:none}.variants input{width:110px}.variants .itemName{max-width:350px;min-width:220px;font-weight:400}.variants th{position:sticky;top:0}.product{padding:28px}textarea{font:inherit;border:1px solid #ccd9cf;border-radius:7px;padding:12px;resize:vertical;width:100%;line-height:1.6}details{margin:16px 0}summary{cursor:pointer;color:#52745f}.connection{padding:20px;background:#f4f7f5;border-radius:10px}.panel>form>button{margin-top:25px}.notice{background:#edf2ee;border-color:#d4e0d8;color:#5c7868}header{margin:25px 0}header h2{font-size:21px}#status:not(:empty){position:sticky;top:0;z-index:5;background:#fff3d8;padding:14px;border-radius:8px}.thumb{flex-shrink:0}@media(max-width:1100px){.product-grid{grid-template-columns:1fr 1fr}}@media print{aside,header,.notice,button,nav,#status{display:none!important}main{margin:0;padding:0}.scroll{max-height:none;overflow:visible}table{white-space:normal;font-size:10px}.panel{border:none;padding:0}.thumb{width:45px;height:45px}}
.product-list{padding:18px}.list-scroll{max-height:72vh;margin-top:16px}.product-list table{font-size:13px}.product-list th{position:sticky;top:0;z-index:2;background:#eaf0ec}.product-list td{padding:10px;vertical-align:top}.product-list .style-start td{border-top:2px solid #cad9cf}.product-list td[rowspan]{background:#fafcfb}.product-list label{font-size:0;gap:0}.product-list input,.product-list select{font-size:13px;width:115px;max-width:none}.product-list .name-cell input{width:240px}.product-list .name-cell .sub{width:240px;font-size:11px}.product-list .thumb,.product-list .photoEmpty{width:60px;height:60px;margin:8px 0}.product-list .itemName{min-width:140px;max-width:180px;font-weight:400}.product-list details{font-size:12px}.product-list .source-links{width:240px;white-space:normal}.product-list .source-links input{width:100%}.product-list .tools{align-items:center}
.product-list .code-cell{min-width:170px;max-width:220px;white-space:normal;overflow-wrap:anywhere}.product-list .code-cell .sub{font-size:11px}
#libraries{margin:30px 0;border-top:1px solid #dde5df;padding-top:8px}#libraries .grid{grid-template-columns:1fr 1fr}#libraries input{width:100%}#libraries button{margin-top:12px}.library-scroll{max-height:420px}#libraries th{position:sticky;top:0;background:#edf3ee}#libraries td{padding:8px}#libraries h3{margin-top:28px}

.product-list input[type="checkbox"]{width:18px;height:18px;min-width:18px;cursor:pointer}.product-list .selection-cell{min-width:40px;width:40px;text-align:center}.bulk-brand{padding:10px 0}.bulk-brand select{min-width:180px}

.product-list .currency-input{position:relative;display:block;font-size:13px}.product-list .currency-symbol{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#72837b;pointer-events:none;font-size:14px}.product-list .currency-input input{padding-left:28px;width:100%}

.product-list .currency-input{width:max-content}.product-list .currency-input input{min-width:0;padding-right:12px;font-variant-numeric:tabular-nums}.product-list [data-money],.product-list .money-cell{min-width:135px;white-space:nowrap;font-variant-numeric:tabular-nums}

.product-list .photo-column{min-width:220px;width:220px;max-width:220px;white-space:normal;overflow-wrap:anywhere}.product-list .photo-column .source-links{width:200px}.product-list .photo-column button{padding:9px 10px}.product-list.photos-pinned td.photo-column{position:sticky;left:0;z-index:3;background:#fafcfb;box-shadow:3px 0 5px -3px #72837b}.product-list.photos-pinned th.photo-column{left:0;z-index:4;box-shadow:3px 0 5px -3px #72837b}#pinPhotos[aria-pressed="true"]{background:#e9f3e8;border-color:#739a83}@media print{.product-list.photos-pinned .photo-column{position:static;box-shadow:none}}

/* Keep the pinned product column focused on the image. */
.product-list .photo-column .color-photo{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:10px 0 16px}
.product-list .photo-column .thumb{display:block;width:190px;height:230px;object-fit:contain;margin:0;background:#f1f4f0}
.product-list .photo-column .photoEmpty{width:190px;height:150px;margin:0;font-size:11px}
.product-list .photo-column .color-photo>strong{font-size:11px;font-weight:600;line-height:1.4}
.product-list .photo-column .sub{font-size:10px;line-height:1.5;max-width:190px}
.product-list .photo-column button{font-size:11px;padding:5px 8px;line-height:1.4}
.product-list .photo-column>small{font-size:10px;letter-spacing:1px}
.product-list .photo-column details{font-size:11px;margin:8px 0}
.product-list .photo-column .pill{font-size:10px;padding:3px 6px}
@media print{.product-list .photo-column .thumb{width:70px;height:85px}.product-list .photo-column .photoEmpty{width:70px;height:55px}}

.screenshot-paste{border:2px dashed #aac4b4;border-radius:10px;padding:28px 16px;text-align:center;background:#f3f8f4;color:#466b57;cursor:text}.screenshot-paste:focus{outline:2px solid #246148;outline-offset:3px}#photoPreview{display:block;max-width:100%;max-height:380px;margin:18px auto;object-fit:contain}#photoDialog details{margin:18px 0}#photoDialog details input{margin-top:12px}

/* Compact purchasing workspace header and controls. */
main{padding-top:16px}
main>.notice{padding:5px 10px;font-size:11px;border-radius:5px;line-height:1.5}
header.app-toolbar{display:flex;align-items:center;justify-content:space-between;margin:10px 0 12px;gap:12px}
header.app-toolbar h2{font-size:17px;margin:0;line-height:1.4}
header.app-toolbar button{font-size:12px;padding:6px 12px;margin:0}
#status:empty{display:none}
.pohead{margin:10px 0;gap:12px}.po-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;min-width:0}.po-summary h2{font-size:20px;margin:0;overflow-wrap:anywhere}.po-summary p{font-size:12px;margin:0;line-height:1.5}.pohead>.pill{font-size:10px;flex-shrink:0}
.steps{gap:6px;margin-bottom:10px}.steps button{padding:7px 10px;font-size:12px}
.po-controls{padding:12px 14px;margin:10px 0}.po-controls .tools{gap:8px 14px}.po-controls label{font-size:11px;gap:4px}.po-controls input{padding:6px 8px;font-size:12px;width:175px}.po-controls input[type="date"]{width:145px}.po-controls button{font-size:12px;padding:7px 10px}.po-controls .secondary{margin:10px 0 0;align-items:center}.po-controls #aiMessage:empty{display:none}.po-controls .workflow-help{margin:8px 0 0;font-size:11px}.po-controls .workflow-help p{margin:6px 0 0;font-size:11px;max-width:850px}
.product-list{margin-top:10px;padding:12px 14px}.product-list>.tools{gap:8px 12px}.product-list>.tools h3{font-size:14px;margin:0}.product-list>.tools button{font-size:12px;padding:7px 10px}.product-list .bulk-brand{padding:8px 0 0;font-size:12px}.product-list .bulk-brand select{font-size:12px;padding:6px 8px}.product-list .list-scroll{margin-top:10px}
@media(max-width:650px){.steps{flex-wrap:wrap}.steps button{flex:1 1 40%}.pohead{align-items:flex-start}.po-controls input{width:150px}main{padding:14px}}

.product-list .product-direct-link{display:inline-block;font-size:12px;font-weight:600;padding:4px 0;text-underline-offset:3px}

/* Compact SKU rows: photos scale with the number of sizes instead of stretching rows. */
.product-list tbody td{padding:5px 8px;line-height:1.4}
.product-list thead th{padding:8px}
.product-list tbody input,.product-list tbody select{padding-top:5px;padding-bottom:5px;line-height:1.3}
.product-list .photo-column .color-photo{display:grid;grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:start;gap:3px 8px;margin:6px 0}
.product-list .photo-column .color-photo>.thumb,.product-list .photo-column .color-photo>.photoEmpty{grid-column:1;grid-row:1 / 4;width:100px;height:var(--color-photo-height,80px);object-fit:contain;margin:0}
.product-list .photo-column .color-photo>strong{grid-column:2;grid-row:1}
.product-list .photo-column .color-photo>.sub{grid-column:2;grid-row:2;font-size:10px;line-height:1.35;max-width:92px}
.product-list .photo-column .color-photo>button{grid-column:2;grid-row:3;justify-self:start;font-size:10px;padding:4px 6px}
.product-list .photo-column details{margin:3px 0}.product-list .product-direct-link{padding:2px 0;font-size:11px}

.product-list [data-retail-display]{display:block;padding:6px 0;white-space:nowrap;font-variant-numeric:tabular-nums}

#result img.thumb{cursor:zoom-in}#result img.thumb:focus-visible{outline:2px solid #246148;outline-offset:3px}
#photoZoomDialog{width:96vw;max-width:1200px;max-height:96vh;padding:46px 16px 12px;border:0;background:#f7f9f7;text-align:center;overflow:auto}
#photoZoomDialog::backdrop{background:rgba(0,0,0,.78)}
#closePhotoZoom{position:absolute;right:12px;top:8px;padding:6px 12px;font-size:13px}
#photoZoomImage{display:block;max-width:100%;max-height:calc(90vh - 90px);width:auto;height:auto;object-fit:contain;margin:0 auto}
#photoZoomCaption{font-size:12px;margin:8px 0 0;line-height:1.4}

/* Align content vertically across SKU rows and shared style cells. */
.product-list thead th,.product-list tbody td{vertical-align:middle}
.product-list tbody td>label{margin:0}
.product-list tbody input,.product-list tbody select{margin-top:0;margin-bottom:0;vertical-align:middle}
.product-list .retail-cell [data-retail-display]{position:relative;padding:6px 12px 6px 28px;line-height:1.3}
.product-list .retail-cell [data-retail-display]::before{content:attr(data-currency);position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:14px;color:#72837b}

/* Uniform column gutters; content-sized controls use one width per field. */
.product-list table{width:max-content;min-width:100%}
.product-list thead th,.product-list tbody td{padding-left:10px;padding-right:10px}
.product-list [data-money],.product-list .money-cell,.product-list .code-cell{min-width:0;max-width:none;white-space:nowrap}
.product-list .name-cell .sub{max-width:none}
.product-list .currency-input{min-width:0}
.product-list input[data-shared],.product-list select[data-shared],.product-list input[data-variant]{min-width:0;max-width:none}

/* Source specs are read-only; photo details sit in a compact caption below. */
.product-list .source-spec-value{white-space:nowrap;color:#354d43;font-variant-numeric:tabular-nums}
.product-list .photo-column .color-photo{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:8px 0 12px;background:#f0f4f1;border:1px solid #e0e8e2;border-radius:8px;overflow:hidden}
.product-list .photo-column .color-photo>.thumb,.product-list .photo-column .color-photo>.photoEmpty{width:100%;height:var(--color-photo-height,80px);object-fit:contain;border-radius:0;background:#f3f5f3}
.product-list .photo-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 6px;padding:6px 8px;background:#fafcfb}
.product-list .photo-caption strong{font-size:11px;font-weight:600}
.product-list .photo-caption button{font-size:10px;padding:3px 6px;line-height:1.3;background:transparent;border-color:#d3dfd6}
.product-list .photo-caption .sub{grid-column:1 / -1;max-width:none;font-size:10px;line-height:1.3;color:#7b8d81}

.product-list .photo-column .source-links{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.product-list .photo-column .source-links>.product-direct-link{flex-shrink:0}
.product-list .photo-column .source-links>details{margin:0;min-width:0;flex:1}
.product-list .photo-column .source-links>details>summary{white-space:nowrap;font-size:10px}
.product-list .photo-column .source-links>details input{margin-top:6px;min-width:0;font-size:11px}
.product-list .photo-column .source-links>details>a{white-space:normal;font-size:10px}
.product-list textarea.composition-editor{font-size:13px;line-height:1.5;color:#223b33;min-width:180px;max-width:420px;padding:8px 10px;min-height:76px;max-height:180px;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #ccd9cf;border-radius:5px}

/* Narrow photo cards while keeping the link actions on one line. */
.product-list .photo-column{min-width:170px;width:170px;max-width:170px}
.product-list .photo-column .source-links{width:150px;gap:6px}
.product-list .photo-column .product-direct-link{font-size:10px}
.product-list .photo-column .source-links>details>summary{font-size:9px;letter-spacing:-.3px}
.product-list .photo-column .photo-caption{padding:5px 6px;gap:3px}
.product-list .photo-column .photo-caption button{padding:3px 5px;font-size:10px}

/* NSELECT purchasing · NONE OS macOS material and visual tokens. */
:root{color-scheme:light;--surface:#fff;--canvas:#f6f7f9;--ink:#1d1d1f;--muted:#737780;--line:#e2e7ef;--accent:#007aff;--accent-soft:#eaf3ff;--sidebar:220px}
body{background:radial-gradient(ellipse at 0 5%,#e3eafa 0,transparent 42%),radial-gradient(ellipse at 95% 90%,#ece7f6 0,transparent 48%),var(--canvas);background-attachment:fixed;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#b8d9ff;color:#111}
main{margin-left:var(--sidebar);max-width:none;padding:18px 24px 28px}
aside{width:var(--sidebar);padding:28px 16px;background:linear-gradient(145deg,#f5f8ffb5,#e7ecf5a8);backdrop-filter:blur(40px) saturate(155%);-webkit-backdrop-filter:blur(40px) saturate(155%);color:#424650;border-right:1px solid #505a6e1f;box-shadow:inset -1px 0 #ffffffc4}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#4f9cff,#007aff);color:white;font-weight:650;font-size:21px;box-shadow:0 3px 8px #007aff20;margin-bottom:12px}
aside h1{font-size:17px;font-weight:650;letter-spacing:1px;margin:0 8px 0 0}
aside>p{color:var(--muted);font-size:11px;margin:5px 0 24px;letter-spacing:.3px}
aside h3{font-size:10px;font-weight:600;letter-spacing:.6px;color:#86868b;margin:26px 10px 8px}
aside button{background:transparent;border:1px solid transparent;color:#424247;border-radius:10px;padding:10px 12px;font-size:12px;box-shadow:none;margin:2px 0;line-height:1.5}
aside button:hover:not(:disabled){background:#dedee580;border-color:transparent}
aside button.nav-selected{background:linear-gradient(180deg,#3999ff,#0877f3);color:white;font-weight:600;border-color:#0b79ed;box-shadow:inset 0 1px #ffffff50,0 3px 8px #007aff24}
#history{border-top:1px solid #dcdce2;padding-top:8px}
#history button{background:#ffffff45;border:1px solid #ffffff65;margin:4px 0}
#history small{color:var(--muted);font-size:10px}
a{color:#0067d5;text-decoration:none}a:hover{text-decoration:underline}p,.sub,.secondary,small{color:var(--muted)}small{font-size:10px;letter-spacing:1.2px}
main>.notice{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;color:#86868b;padding:0 0 9px;font-size:10px}
header.app-toolbar{margin:12px 0 18px}header.app-toolbar h2{font-size:17px;font-weight:600;letter-spacing:-.4px}
button{background:linear-gradient(#fff,#fafafa);color:#343438;border:1px solid #ccd6e77d;border-radius:9px;box-shadow:inset 0 1px #fff,0 1px 3px #334e7410;font-weight:500;transition:background .12s,border-color .12s,box-shadow .12s}
button:hover:not(:disabled){background:#f0f0f3;border-color:#bfc0c6}button:active:not(:disabled){background:#e8e8ed;box-shadow:inset 0 1px 2px #0000000c}
button.primary{background:linear-gradient(#3499ff,#087cf4);border-color:#0b79ed;color:#fff;box-shadow:0 1px 3px #007aff24}button.primary:hover:not(:disabled){background:linear-gradient(#258fff,#006fed);border-color:#0065d5}
button:disabled{opacity:.4;box-shadow:none}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #007aff50;outline-offset:2px}
input,select,textarea,.product-list textarea.composition-editor{color:var(--ink);background:#fff;border-color:#dce4ef;border-radius:8px;box-shadow:inset 0 1px 2px #00000003}
input::placeholder,textarea::placeholder{color:#a0a0a5}
input:focus,select:focus,textarea:focus{outline:0;border-color:#5aa6ff;box-shadow:0 0 0 3px #007aff1f}
input[type=checkbox]{accent-color:var(--accent);box-shadow:none}
input:disabled{background:#f7f7f9;color:#98989d}
.panel{background:linear-gradient(145deg,#fff,#fdfdffed);border-color:#dce3ee85;border-radius:18px;box-shadow:inset 0 1px #fff,0 2px 4px #40577a03,0 12px 32px #40577a03}
.pohead{margin:10px 0 14px}.po-summary h2{font-size:21px;font-weight:650;letter-spacing:-.5px}.po-summary p{color:#86868b;font-size:11px}
.pill{background:#eeeef2;color:#68686d;border-radius:6px;font-size:10px;font-weight:500}
.steps{background:#e4e9f180;border:1px solid #d5dde888;box-shadow:inset 0 1px 3px #3b527a08;padding:3px;border-radius:10px;gap:3px;margin-bottom:12px;width:max-content;max-width:100%}
.steps button{background:transparent;border-color:transparent;box-shadow:none;border-radius:5px;color:#6a6a70;padding:6px 20px;font-size:11px;white-space:nowrap}
.steps button.tab-selected{background:#fff;border-color:#dcdce2;color:#202024;box-shadow:0 1px 3px #00000012;font-weight:600}
.po-controls{padding:12px 14px;background:#fdfdfd}.po-controls label{color:#7a7a80;font-size:10px}.po-controls .secondary{padding-top:10px;border-top:1px solid #f0f0f3}.po-controls .workflow-help summary{color:#86868b;font-size:10px}
summary{color:#737378}
.product-list{box-shadow:0 3px 14px #00000003;overflow:hidden}
.product-list>.tools h3{font-size:13px;font-weight:650;letter-spacing:-.2px}
.product-list .bulk-brand{color:#737378}.product-list .list-scroll{border:1px solid var(--line);border-radius:8px;background:white;scrollbar-color:#c4c4ca transparent;scrollbar-width:thin}
.product-list table{color:#303034}
.product-list thead th{background:#f2f5fa;color:#77849a;font-weight:600;font-size:11px;border-bottom:1px solid #dcdce2;padding-top:9px;padding-bottom:9px}
.product-list tbody td{border-bottom-color:#ededf1;background:#fff}
.product-list td[rowspan]{background:#fff}
.product-list .style-start td{border-top:2px solid #dcdce3}
.product-list tbody tr:hover>td{background:#f0f6ff}
.product-list.photos-pinned td.photo-column{background:#f9fbfe;box-shadow:3px 0 7px -5px #00000040;border-right:1px solid #e5e5eb}
.product-list.photos-pinned th.photo-column{background:#f2f5fa;box-shadow:3px 0 7px -5px #00000040;border-right:1px solid #e5e5eb}
.product-list .source-spec-value{color:#55555b}.product-list .currency-symbol,.product-list .retail-cell [data-retail-display]::before{color:#8b8b90}
#pinPhotos[aria-pressed=true]{background:var(--accent-soft);border-color:#c7dfff;color:#0064cc}
.product-list .photo-column>small{color:#8c8c94;font-weight:500;font-size:9px}
.product-list .photo-column .color-photo{border-color:#e0e0e6;background:#f4f4f6;border-radius:8px;box-shadow:0 1px 2px #00000003}
.product-list .photo-column .color-photo>.thumb,.product-list .photo-column .color-photo>.photoEmpty{background:#f1f4f8;color:#8992a1}
.product-list .photo-caption{background:#fff}.product-list .photo-caption strong{color:#49494f;font-size:10px}.product-list .photo-caption button{background:#f7f7fa;border-color:#e0e0e6;color:#63636b;font-size:9px}
.product-list .photo-column .source-links>details>summary{color:#88888e}.product-list .product-direct-link{color:#0071e3;font-weight:500}
#result img.thumb:focus-visible{outline-color:var(--accent)}
.warning{color:#a46510}.connection{background:#f5f5f8;border:1px solid #e7e7ec}
.stats div{border-color:var(--line);border-radius:12px;color:#86868b;box-shadow:0 2px 7px #00000003;font-size:12px}.stats b{color:var(--ink);font-size:30px;font-weight:600;letter-spacing:-1px}
.hero{padding:28px 4px}.hero h2{font-size:30px;font-weight:650;letter-spacing:-1px}.hero p{font-size:13px}
.po-list button{background:#fafafc;border-color:var(--line);border-radius:10px;padding:20px}.po-list h3{font-weight:600;color:var(--ink)}.po-list small{color:#0071e3}.po-list button:hover{background:#f3f7ff;border-color:#cbdff8}
.drop{background:#f8faff;border-color:#c4d7f0;color:#4870a4;border-radius:12px;font-size:15px}
#libraries{border-color:var(--line)}#libraries th{background:#f2f2f5;color:#737378}
dialog{background:linear-gradient(150deg,#fffffffa,#f9fbfff5);border:1px solid #fff;border-radius:24px;box-shadow:0 20px 70px #1b355a2a,inset 0 1px #fff;color:var(--ink)}dialog::backdrop{background:#25395921;backdrop-filter:blur(9px) saturate(.9)}dialog h2{font-size:19px;letter-spacing:-.4px}dialog p{font-size:12px}dialog label{font-size:12px}
.screenshot-paste{background:#f0f6ff;border-color:#b9d6fb;color:#4b77ae;font-size:12px}.screenshot-paste:focus{outline-color:var(--accent)}
#photoZoomDialog{background:#f7f7fa}#photoZoomCaption{color:#86868b}
#status:not(:empty){background:#fff6df;border:1px solid #f2dfac;color:#805d18;font-size:12px}
#photoError{color:#a56b13}
@media(max-width:850px){aside{position:relative;width:auto;padding:16px;border-right:0;border-bottom:1px solid #dcdce2}.brand-mark{display:none}aside>p{margin:3px 0 10px}aside>button{width:auto;margin-right:4px}aside h3{margin:12px 0 6px}#history{display:flex;gap:6px;overflow:auto}#history button{min-width:160px;width:auto}main{margin-left:0;padding:14px}.steps{width:100%}.steps button{padding:6px 10px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
@media print{main{margin:0;padding:0}.panel{box-shadow:none;border:0}.product-list{overflow:visible}.product-list .list-scroll{border:0;overflow:visible}.product-list.photos-pinned td.photo-column,.product-list.photos-pinned th.photo-column{position:static;box-shadow:none}}
/* Factory handoff and paper packing list. */
.factory-work{padding:20px}.factory-work input[type=number]{width:82px}.factory-work textarea{display:block;width:100%;min-height:65px;margin:8px 0 16px}.factory-work td{vertical-align:middle;padding:10px}.factory-photo{width:64px;height:80px;object-fit:contain}.factory-work table{width:100%;font-size:12px}.factory-work th{background:#f2f5fa;color:#77849a;font-size:11px;padding:10px}.factory-instructions{white-space:pre-wrap}.factory-import{font-size:11px}.factory-import input{display:block;width:190px;font-size:11px}.paper-only{display:none}#factoryCreate{border:1px solid #e2e7ef;border-radius:12px;padding:16px;margin:12px 0}#factorySheet h2{font-size:20px}#factorySheet .sub{font-size:10px;letter-spacing:0}
@media print{body.printing-factory{background:white}.printing-factory aside,.printing-factory main>.notice,.printing-factory .app-toolbar,.printing-factory #status,.printing-factory .pohead,.printing-factory .steps,.printing-factory .no-print{display:none!important}.printing-factory main{margin:0;padding:0}.printing-factory .panel{border:0;padding:0;box-shadow:none;background:white}.printing-factory .scroll{overflow:visible}.printing-factory table{width:100%;font-size:10px}.printing-factory th,.printing-factory td{padding:6px;border-bottom:1px solid #bbb}.printing-factory tr{break-inside:avoid}.printing-factory thead{display:table-header-group}.printing-factory input{border:0;box-shadow:none;width:60px!important;padding:0}.printing-factory .paper-only{display:table-cell}.printing-factory p.paper-only{display:block;margin-top:22px}.printing-factory .factory-photo{width:50px;height:64px}}
#factoryCreate table{min-width:100%;width:max-content}#factoryCreate td,#factoryCreate th{padding:10px 14px;white-space:nowrap}#factoryCreate .handoff-col{min-width:110px}#factoryCreate .handoff-col span{display:block;font-size:10px;font-weight:400;margin-top:4px;color:#77849a}#factoryCreate .handoff-qty{text-align:center;font-variant-numeric:tabular-nums}#factoryCreate img.factory-photo{width:64px;height:80px;max-width:64px;object-fit:contain;cursor:zoom-in;border-radius:6px;background:#f3f5f8}
#factoryCreate .handoff-col input[type=date]{display:block;width:137px;font-size:11px;margin-top:6px;padding:6px}#factoryCreate [data-final-qty]{color:#007aff}#factoryGrandTotal{font-weight:600;color:#253751}
.factory-edit{width:min(720px,92vw);max-height:85vh;padding:24px}.factory-edit label{display:block;margin:10px 0}.factory-edit label input,.factory-edit textarea{display:block;width:100%;margin-top:5px}.factory-edit textarea{min-height:70px}.factory-edit table{width:100%;font-size:12px}.factory-edit td{padding:8px}.factory-edit input[type=number]{width:90px}.factory-edit .edit-error{color:#b45309}
/* A PO has one ledger; each handoff is a dated column. */
.factory-overview .tools>div:first-child{margin-right:auto}.factory-overview .sub{font-size:11px;letter-spacing:0}.factory-overview #handoffTable{width:max-content;min-width:100%;border-collapse:collapse}.factory-overview th,.factory-overview td{padding:12px 14px;vertical-align:middle}.factory-overview .handoff-column{min-width:165px;text-align:center}.handoff-column>span,.handoff-column>strong{display:block;margin:5px 0}.handoff-actions{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin-top:9px}.handoff-actions button{padding:4px 6px;font-size:10px;white-space:nowrap}.handoff-number{text-align:center;font-variant-numeric:tabular-nums}.factory-overview .handoff-total{background:#eef5ff;color:#086bcc;font-weight:650;text-align:center}.factory-overview .handoff-new{background:#f7faff;text-align:center}.handoff-column input[type=date]{width:145px;font-size:12px;margin:8px 0}.handoff-entry{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:18px}.handoff-entry label{font-size:11px}.handoff-entry input{display:block;margin-top:6px}.handoff-entry .handoff-instructions{flex:1;min-width:220px}.handoff-entry textarea{min-height:55px;margin:6px 0}.factory-overview tfoot td,.factory-overview tfoot th{border-top:2px solid #dce4ef;font-weight:600}.factory-summary{font-size:14px;color:#34465f}.factory-summary strong{color:#007aff}#factoryPrintSheet{display:none}
@media print{body.printing-handoff>aside,body.printing-handoff>main,body.printing-handoff>dialog{display:none!important}body.printing-handoff{background:#fff;color:#111}.printing-handoff #factoryPrintSheet{display:block;padding:0}.printing-handoff #factoryPrintSheet h1{font-size:20px}.printing-handoff #factoryPrintSheet table{width:100%;border-collapse:collapse;font-size:11px}.printing-handoff #factoryPrintSheet td,.printing-handoff #factoryPrintSheet th{padding:8px;border-bottom:1px solid #aaa;vertical-align:middle;text-align:left}.printing-handoff #factoryPrintSheet thead{display:table-header-group}.printing-handoff #factoryPrintSheet tr{break-inside:avoid}.printing-handoff #factoryPrintSheet .factory-photo{width:55px;height:75px;object-fit:contain}.printing-handoff #factoryPrintSheet small{font-size:9px;letter-spacing:0}.printing-handoff #factoryPrintSheet p{font-size:12px}}
#shipmentTable{width:max-content;min-width:100%;border-collapse:collapse}#shipmentTable .handoff-column{min-width:200px}#shipmentTable .sub{font-size:10px}.shipment-dialog{width:min(1000px,94vw);max-height:88vh;padding:24px}.shipment-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shipment-dialog label{display:block;font-size:12px;margin:10px 0}.shipment-dialog label input,.shipment-dialog label select,.shipment-dialog textarea{display:block;width:100%;margin-top:5px}.shipment-dialog textarea{min-height:55px}.shipment-dialog table{width:100%;font-size:12px}.shipment-dialog td,.shipment-dialog th{padding:8px;vertical-align:middle}.shipment-dialog input[type=number]{width:90px}.shipment-dialog [data-ship-box]{width:90px}.shipment-dialog .ship-error{color:#b45309}.shipment-dialog .scroll{max-height:360px}.shipment-dialog .factory-photo{width:50px;height:65px}

/* Eddie's arrival and label tools */
.arrival-totals{display:flex;gap:28px;flex-wrap:wrap;padding:12px 0 20px;color:#6e7583}.arrival-totals strong{font-size:21px;color:#20242e;margin:0 4px}.arrival-warning{padding:12px 16px;background:#fff5df;border-radius:12px;color:#80581c;font-size:13px}.arrival-note{grid-column:span 2}.label-fields{display:flex;flex-wrap:wrap;gap:10px 28px;color:#737b8c;font-size:13px}.label-panel select{min-width:260px}.label-panel .tools{align-items:end}.label-panel #labelFeedback{white-space:pre-line;font-size:14px;color:#31518b}.arrival-dialog input[type=number]{width:95px}#arrivalTable th.handoff-column{min-width:140px}#arrivalTable th.handoff-column>span{max-width:220px;white-space:normal}

#arrivalTable .warning{display:block;margin-top:4px}

/* Keep the purchasing actions on one horizontal line. */
.po-controls .po-toolbar,.product-list .product-toolbar{flex-wrap:nowrap;align-items:center;gap:12px;overflow-x:auto;padding:3px 1px 6px;scrollbar-width:thin}
.po-toolbar>*,.product-toolbar>*{flex-shrink:0;white-space:nowrap}
.po-controls .po-toolbar label{display:flex;align-items:center;gap:8px;margin:0}
.po-controls .po-toolbar .workflow-help{margin:0}
.po-toolbar .workflow-help p{white-space:normal;min-width:280px;max-width:440px}
.product-toolbar #selectionCount{font-size:12px;color:#737378}
.product-toolbar #bulkBrand{width:145px;font-size:12px;padding:6px 8px}
.toolbar-divider{align-self:center;width:1px;height:24px;background:#e5e8ef;margin:0 2px}
.eddie-handoff-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.eddie-handoff{display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid #e4e9f2;border-radius:10px;font-size:12px}.eddie-handoff .sub{font-size:11px}.eddie-handoff button{font-size:11px;padding:5px 9px}.shipment-dialog [data-send-qty]{width:90px}

.packing-tools{display:flex;align-items:center;gap:12px;margin:20px 0;flex-wrap:wrap}.packing-tools strong{margin-right:auto}.packing-table{width:100%;border-collapse:collapse}.packing-table td,.packing-table th{padding:12px;vertical-align:middle;white-space:nowrap}.packing-table td:first-child{display:flex;align-items:center;gap:12px}.packing-table img{width:54px;height:68px;object-fit:contain;border-radius:8px}.packing-table input{width:78px!important;min-width:60px}.packing-table .sub,.packing-summary-box .sub{display:block;color:#808896;font-size:12px}.packing-details{margin:16px 0;color:#657184}.packing-boxes{display:flex;gap:16px;overflow:auto;padding:14px 0}.packing-boxes>div{border:1px solid #e0e5ee;border-radius:14px;padding:14px;min-width:220px}.packing-boxes label{display:inline-flex;flex-direction:column;width:95px;margin:8px 4px}.packing-boxes input{width:90px!important}.packing-summary-box{border:1px solid #e0e5ee;border-radius:14px;padding:16px;margin:16px 0}.packing-summary-box table{width:100%;border-collapse:collapse}.packing-summary-box td,.packing-summary-box th{padding:10px;text-align:left;border-bottom:1px solid #eceef3}.shipment-dialog{max-height:90vh;overflow:auto}.packing-tools [role=alert]{color:#b65a16}

/* Daily operations dashboard */
.desk-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:20px 0 28px}.desk-head small{font-size:11px;letter-spacing:2px;color:#8b919d}.desk-head h2{font-size:30px;margin:10px 0}.desk-head p,.desk-foot{color:#818793;font-size:13px}.desk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.desk-stat{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:22px!important;background:rgba(255,255,255,.86)!important;border-radius:20px!important;color:#6d7482!important}.desk-stat strong{font-size:34px;color:#20232b;margin:12px 0;line-height:1.2}.desk-stat small{font-size:12px;font-weight:400;margin-left:8px;color:#9197a1}.desk-stat-link{font-size:11px;color:#007aff}.desk-stat.selected{border-color:#89b8ff!important;background:#f5f9ff!important}.desk-list{padding:24px!important}.desk-list-head,.desk-po-head,.desk-po-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}.desk-filters{display:flex;gap:5px;background:#f0f2f7;border-radius:12px;padding:4px}.desk-filters button{border:0!important;background:transparent;box-shadow:none;padding:9px 16px!important;font-size:13px}.desk-filters button.selected{background:#fff;box-shadow:0 2px 6px #202a3b12}.desk-list-head input{width:220px}.desk-po{border:1px solid #e4e7ee;border-radius:18px;padding:22px;margin-top:16px;background:#fff}.desk-po-head>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.desk-po h3{margin:0;font-size:20px}.desk-badge{background:#edf4ff;color:#2673cb;border-radius:7px;padding:5px 9px;font-size:11px}.desk-badge.done{background:#eaf7ef;color:#258750}.desk-progress{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin:26px 0 14px}.desk-progress div{display:flex;flex-direction:column;gap:7px}.desk-progress span{font-size:12px;color:#858c99}.desk-progress strong{font-size:20px;font-variant-numeric:tabular-nums}.desk-progress small{font-size:11px;font-weight:400;color:#959ba4}.desk-progress-line{height:4px;background:#eef1f6;border-radius:4px;overflow:hidden;margin-bottom:20px}.desk-progress-line>span{display:block;height:100%;background:#3e9aff}.desk-tasks{display:flex;gap:8px;flex-wrap:wrap}.desk-tasks button{font-size:12px;background:#f5f7fa;border:0;box-shadow:none;padding:8px 11px!important}.desk-tasks b{margin-left:10px;color:#246bbf;font-weight:500}.desk-plain{white-space:nowrap;border:0!important;box-shadow:none;background:transparent;color:#007aff;font-size:12px}.desk-alert{font-size:12px;color:#a36712;background:#fff8e9;padding:10px;border-radius:8px}.desk-alert button{padding:4px 10px!important;margin-left:10px}.desk-empty{text-align:center;padding:45px;color:#8a909b}.desk-foot{padding:0 5px;line-height:1.7}@media(max-width:900px){.desk-head,.desk-list-head,.desk-po-head{align-items:flex-start;flex-direction:column}.desk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.desk-progress{overflow-x:auto;grid-template-columns:repeat(7,minmax(85px,1fr))}.desk-po-bottom{align-items:flex-start}.desk-list-head input{width:100%}}

.packing-direct{margin:20px 0;padding:16px;border:1px solid #e2e7f0;border-radius:14px;background:#fafbfe}.packing-direct .packing-tools{margin:0 0 10px}.packing-direct .packing-tools label{display:flex;align-items:center;gap:10px;font-size:13px}.packing-direct [data-carton-count]{width:75px!important}.packing-direct-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:14px 0;border-top:1px solid #e8ebf1}.packing-direct-row>strong{min-width:55px}.packing-direct-row label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#758093}.packing-direct-row input{width:110px!important}.packing-direct-row select{min-width:195px;width:auto}.packing-direct-row label strong{font-size:16px;color:#252d39}.packing-custom{display:flex;gap:12px}.packing-custom[hidden]{display:none}

.desk-progress{grid-template-columns:repeat(7,minmax(0,1fr))}@media(max-width:900px){.desk-progress{grid-template-columns:repeat(7,minmax(85px,1fr))}}

.po-navigation{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.po-navigation .steps{margin:0}.po-navigation>button{white-space:nowrap}

.packing-document-tools{margin:14px 0}.packing-document-tools .handoff-actions{display:flex;flex-wrap:wrap;gap:8px}.packing-document-tools .sub{margin-right:8px}

.factory-overview .packed-quantity-column{text-align:left;min-width:165px}.packed-quantity-column>span{display:block;margin-top:5px}

.production-editor .prod-tabs{margin:24px 0}.production-editor td input{width:110px}.production-editor td textarea{min-width:220px;min-height:60px}.production-editor .tools label{font-size:12px}.production-editor .scroll{max-height:60vh;margin:16px 0}.production-editor .tools input{max-width:190px}
aside button.nav-selected:hover:not(:disabled){background:linear-gradient(180deg,#3999ff,#0877f3);border-color:#0b79ed;color:#fff}
.production-editor [data-field="name"],.production-editor [data-field="en"]{width:230px}.production-editor [data-field="composition"]{min-width:180px;width:180px}.production-editor td{vertical-align:top}.production-editor tr.style-start td{border-top:2px solid #e1e7f0}.production-editor .warning{display:block;white-space:normal;min-width:140px}

/* Price fields accept direct entry without native increment controls. */
input[data-field="retail_price"]::-webkit-inner-spin-button,
input[data-field="retail_price"]::-webkit-outer-spin-button {
 -webkit-appearance:none;
 margin:0;
}
input[data-field="retail_price"] {
 -moz-appearance:textfield;
 appearance:textfield;
}

/* Design production: keep the photo visible during horizontal scrolling. */
.production-editor.photos-pinned td.photo-column,
.production-editor.photos-pinned th.photo-column {position:sticky;left:0;z-index:3;background:#fafcfb;box-shadow:3px 0 5px -3px #72837b}
.production-editor.photos-pinned th.photo-column {z-index:4;background:#f1f6f3}
#prodPinPhotos[aria-pressed="true"] {background:#e9f3e8;border-color:#739a83}
@media print {.production-editor.photos-pinned .photo-column {position:static;box-shadow:none}}

.production-editor .prod-currency-input{display:inline-flex;align-items:center;position:relative}
.production-editor .prod-currency-input>span{position:absolute;left:12px;color:#8b8b90}
.production-editor .prod-currency-input input{padding-left:30px;min-width:140px;font-variant-numeric:tabular-nums}
.production-editor [data-prod-retail]{display:block;padding:12px 0;white-space:nowrap;font-variant-numeric:tabular-nums}

/* Separate PO navigation for purchasing and design production. */
aside{display:flex;flex-direction:column}
aside>.brand-mark,aside>h1,aside>p{flex-shrink:0}
.sidebar-modules{flex:1 0 auto;margin-top:18px}
.sidebar-module{margin-bottom:22px}
aside .module-po-list{margin:8px 0 0 12px;padding-left:10px;border-left:1px solid #dce3ef}
aside .module-po-list button{padding:12px;font-size:13px;overflow-wrap:anywhere}
aside .module-po-list small{display:block;margin-top:6px;letter-spacing:0;font-size:11px;color:#868b94}
aside .module-po-list p{font-size:12px;padding:0 10px}
.sidebar-admin{margin-top:auto;padding-top:20px;border-top:1px solid #dce3ef;flex-shrink:0}
aside .module-po-list .po-selected{border:1px solid #8bbdff;background:#e7f1ff}
.planning-preview main{margin:0 auto;max-width:1600px}.planning-preview td input{width:130px}.planning-preview .thumb{width:100px;height:120px;object-fit:contain}.planning-preview td{white-space:normal;min-width:100px}.planning-preview .scroll{max-height:65vh}

/* Keep catalog product photos visible while browsing wide SKU details. */
.catalog-table th.photo-column,.catalog-table td.photo-column{position:sticky;left:0;z-index:3;background:#f9fbfe;box-shadow:3px 0 7px -5px #00000040;border-right:1px solid #e5e5eb}
.catalog-table th.photo-column{z-index:4;background:#f2f5fa}
@media print{.catalog-table th.photo-column,.catalog-table td.photo-column{position:static;box-shadow:none}}

.catalog-list .catalog-composition{min-width:180px;max-width:280px;white-space:normal}.catalog-list .name-cell{min-width:240px;max-width:400px;white-space:normal}.catalog-list td{vertical-align:top}.catalog-list .photo-column .thumb{cursor:zoom-in}