/* A reference image, clear variant fields, and one quantity check per original order line. */
.atelier-sheet{margin:18px 0;color:#234b3c}
.atelier-sheet>h3{font:700 18px/1.5 system-ui;margin:0 0 14px;color:#234b3c}
.atelier-product-list{display:grid;gap:12px}
.atelier-product{container-type:inline-size;display:grid;grid-template-columns:150px minmax(0,1fr);grid-template-rows:auto auto;gap:6px 18px;padding:16px;border:1px solid #d8e2dc;border-radius:10px;background:#fff;min-width:0}
.test-order-shell .atelier-product .work-product-header{display:contents}
.test-order-shell .atelier-product .work-product-identity{grid-column:2;grid-row:1;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;min-width:0;padding:0 0 10px;border-bottom:1px solid #e3eae5;align-self:end}
.test-order-shell .atelier-product .work-product-identity h4{font:700 18px/1.4 system-ui;margin:0;overflow-wrap:anywhere;color:#234b3c}
.atelier-product .work-product-eyebrow{display:none!important}
.work-product-alloy{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid #e3d8bf;border-radius:6px;background:#fcf9f1;color:#675329;font:500 12px/1.5 system-ui}
.work-product-alloy strong{font-size:14px;font-weight:750;color:#59451f}
.test-order-shell .atelier-product .work-product-facts{display:flex;flex-wrap:wrap;gap:8px 20px;flex-basis:100%;margin:0;padding:0;font:13px/1.5 system-ui;color:#607568}
.atelier-product .work-product-facts>div{display:flex;gap:7px;align-items:baseline}
.atelier-product .work-product-facts dt,.atelier-product .work-product-facts dd{font:inherit;margin:0}
.atelier-product .work-product-facts dd{font-weight:650;color:#355846}
.test-order-shell .atelier-product .test-order-photo,.test-order-shell .atelier-product .test-photo-unavailable{grid-column:1;grid-row:1 / span 2;align-self:center;width:150px;max-width:100%;height:174px;min-width:0;margin:0;padding:0;border-radius:8px;box-sizing:border-box;flex-shrink:0}
.test-order-shell .atelier-product .test-order-photo:hover{border-color:#729d86;box-shadow:0 2px 8px #1b5f4c12}
.atelier-product .test-photo-unavailable{padding:14px!important;font:13px/1.6 system-ui;color:#607467;text-align:center}
.atelier-product-lines{grid-column:2;grid-row:2;min-width:0;align-self:start}
.atelier-size-row.work-check-line{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:8px 12px;padding:12px 0;margin:0;border:0;border-bottom:1px solid #e2e9e4;background:#fff;min-width:0}
.atelier-size-row.work-check-line:last-child{border-bottom:0;padding-bottom:0}
.atelier-line-reference{grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:0;border:0;font:500 12px/1.5 system-ui;color:#63786b}
.atelier-line-reference>strong{font-size:13px;font-weight:700;color:#345643;overflow-wrap:anywhere}
.atelier-karat{grid-column:span 2;display:grid;align-content:start;gap:5px;min-width:0}
.atelier-karat>strong{justify-self:start;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-height:44px;padding:6px 10px;border:1px solid #dfcfaa;border-radius:6px;background:#fbf7ec;color:#634c20;font:700 18px/1.4 system-ui;overflow-wrap:anywhere}
.atelier-size-description{grid-column:span 2;display:grid;align-content:start;gap:5px;min-width:0}
.atelier-colour{grid-column:span 2;display:grid;align-content:start;gap:5px;min-width:0}
.atelier-colour>strong{display:flex;align-items:center;min-height:44px;font:650 18px/1.4 system-ui;color:#345643;overflow-wrap:anywhere}
.atelier-size{display:flex;align-items:center;gap:6px;min-height:44px;font:700 18px/1.4 system-ui;color:#234b3c}
.atelier-size-detail{font:400 13px/1.6 system-ui;color:#526b5c;overflow-wrap:anywhere}
.atelier-size-text{display:flex;align-items:center;flex-wrap:wrap;gap:0 4px;min-height:44px;font:650 18px/1.4 system-ui;color:#345643;overflow-wrap:anywhere}
.atelier-size-detail{white-space:pre-wrap}
.atelier-quantity{grid-column:span 2;display:grid;align-content:start;gap:6px;min-width:0}
.atelier-quantity>strong{min-height:44px;display:flex;align-items:center;font:700 18px/1.4 system-ui;color:#234b3c;font-variant-numeric:tabular-nums}
.atelier-field-label{display:block;font:500 12px/1.5 system-ui;color:#5d7366;min-height:18px}
.portal-experience .atelier-size-row .atelier-prepared{grid-column:span 2;margin:0;display:grid;gap:6px;min-width:0}
.portal-experience .atelier-size-row input[data-work-prepared]{box-sizing:border-box;width:100%;max-width:96px;min-width:0;height:44px;min-height:44px;padding:6px 8px;border:1px solid #90b39e;border-radius:7px;font:700 18px/1.4 system-ui;text-align:center;background:#fff;color:#234b3c}
.atelier-size-row input[data-work-prepared]:focus-visible{outline:2px solid #397d5d;outline-offset:2px}
.atelier-size-row.has-error input[data-work-prepared]{border-color:#b13e32;background:#fff8f6;outline-color:#b13e32}
.atelier-input-error{grid-column:1 / -1;box-sizing:border-box;max-width:100%;padding:9px 12px;border:1px solid #e8c5bd;border-radius:6px;background:#fff7f4;font:500 13px/1.6 system-ui;color:#94382d;overflow-wrap:anywhere}
.atelier-input-error[hidden]{display:none}
.atelier-control,.portal-experience .atelier-size-row .atelier-control{grid-column:1 / -1;display:flex;align-items:flex-start;gap:8px;margin:0;padding:8px 0 0;border-top:1px solid #e5ebe7;font:500 13px/1.6 system-ui;color:#355c46;min-width:0}
.atelier-control input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:#25624a}
.atelier-control-copy{display:grid;gap:3px}
.portal-experience .atelier-control-copy,.portal-experience .atelier-control-copy>span,.portal-experience .atelier-control-copy>small{margin:0}
.atelier-control-copy small{font:12px/1.5 system-ui;color:#657a6d}
.atelier-control input:not(:disabled)~.atelier-control-copy small{display:none}
.atelier-control input:disabled{opacity:.45}
.atelier-control-status{align-items:center}
.atelier-size-row.complete{background:#f4faf5}
.atelier-size-row.complete .atelier-control{color:#25624a}
.atelier-size-row.complete .atelier-size:before{content:'✓';font:700 17px system-ui;margin-right:7px;color:#32775b}
.atelier-size-row.is-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 12px;padding:10px 0}
.atelier-size-row.is-preview .atelier-karat,.atelier-size-row.is-preview .atelier-size-description,.atelier-size-row.is-preview .atelier-colour,.atelier-size-row.is-preview .atelier-quantity{grid-column:auto}
.atelier-size-row.is-preview>div:not(.atelier-line-reference){gap:4px}
.atelier-size-row.is-preview .atelier-karat>strong,.atelier-size-row.is-preview .atelier-size,.atelier-size-row.is-preview .atelier-size-text,.atelier-size-row.is-preview .atelier-colour>strong,.atelier-size-row.is-preview .atelier-quantity>strong{min-height:36px}
.atelier-size-row.is-preview .atelier-karat>strong{padding:4px 9px}
.atelier-save.work-save-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;background:#f5f9f5;border:1px solid #d1dfd5;border-radius:8px;margin-top:18px}
.atelier-save .work-save-status{font-size:14px;line-height:1.6;margin:0;flex:1}
.portal-experience .atelier-save .button{width:auto;margin:0;font-size:14px;flex-shrink:0;min-height:46px}
@container(min-width:700px){
 .test-order-shell .atelier-product .work-product-facts{flex-basis:auto;margin-left:auto;gap:8px 16px}
}
@container(min-width:850px){
 .atelier-size-row.work-check-line:not(.is-preview){grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 12px}
 .atelier-size-row:not(.is-preview)>.atelier-karat,.atelier-size-row:not(.is-preview)>.atelier-size-description,.atelier-size-row:not(.is-preview)>.atelier-colour,.atelier-size-row:not(.is-preview)>.atelier-quantity,.portal-experience .atelier-size-row:not(.is-preview)>.atelier-prepared{grid-column:auto}
 .atelier-size-row:not(.is-preview) .atelier-field-label{min-height:36px;line-height:18px}
 .atelier-size-row:not(.is-preview)>.atelier-quantity,.atelier-size-row:not(.is-preview)>.atelier-prepared{text-align:center}
 .atelier-size-row:not(.is-preview) .atelier-quantity>strong{justify-content:center}
}
@media(max-width:700px){
 .atelier-product{grid-template-columns:104px minmax(0,1fr);gap:12px;padding:14px}
 .test-order-shell .atelier-product .test-order-photo,.test-order-shell .atelier-product .test-photo-unavailable{grid-row:1;width:104px;height:128px}
 .test-order-shell .atelier-product .work-product-identity{align-self:center;display:flex;border:0;padding:0;gap:8px}
 .test-order-shell .atelier-product .work-product-identity h4{font-size:18px;flex-basis:100%}
 .test-order-shell .atelier-product .work-product-facts{font-size:12px;gap:6px;flex-basis:100%;margin-left:0}
 .atelier-product .work-product-facts>div{flex-wrap:wrap;gap:2px 6px}
 .atelier-product-lines{grid-column:1 / -1;grid-row:2;border-top:1px solid #e2e9e4}
 .atelier-size-row.work-check-line{gap:8px 12px;padding-top:12px}
 .atelier-size-row.is-preview{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .atelier-size-row.is-preview>.atelier-quantity{grid-column:auto;display:grid;padding:0;border:0}
 .atelier-size-row.is-preview>.atelier-quantity>strong{min-height:36px}
 .atelier-size-detail{font-size:13px}
 .atelier-size-text{font-size:18px}
 .atelier-field-label{font-size:12px;min-height:36px;line-height:18px}
 .atelier-save.work-save-bar{flex-direction:column;align-items:stretch;gap:12px}
 .portal-experience .atelier-save .button{width:100%}
}
@media(max-width:380px){
 .atelier-product{grid-template-columns:96px minmax(0,1fr);padding:12px;gap:12px}
 .test-order-shell .atelier-product .test-order-photo,.test-order-shell .atelier-product .test-photo-unavailable{width:96px;height:120px}
 .atelier-quantity>strong{font-size:18px}
 .portal-experience .atelier-size-row input[data-work-prepared]{padding:6px 5px;font-size:18px}
}

.atelier-product .test-photo-open{font-size:12px;line-height:1.4;padding:6px;gap:5px}
.atelier-product .test-photo-open svg{width:15px;height:15px}
.atelier-karat>strong>span{min-width:0;overflow-wrap:anywhere;font-size:14px}