/* Keep one overview per product; independent saved variants retain their own edit action. */
.order-piece-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.order-piece-card{min-width:0;border:1px solid #d9e5de;border-radius:14px;background:#fff;overflow:hidden}
.order-piece-heading{display:flex;align-items:center;gap:12px;padding:14px;background:#f6f9f5}
.order-piece-heading>div{min-width:0;flex:1}.order-piece-heading h3{font-size:17px;line-height:1.3;margin:0;overflow-wrap:anywhere}
.order-piece-heading p{font-size:12px;color:#536c62;margin:5px 0 0;line-height:1.5}
.order-piece-heading .order-product-thumb{width:60px;height:60px}
.order-piece-variant{padding:12px 14px;display:grid;gap:10px;min-width:0}.order-piece-variant+.order-piece-variant{border-top:1px solid #dce7e0}
.order-piece-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.order-piece-status strong{font-size:12px;flex:1}.order-piece-status .status-pill{font-size:11px}
.order-piece-variant>.button{justify-self:start;min-height:40px;padding:9px 15px;font-size:12px;line-height:1.4;text-align:center}
.order-piece-details{min-width:0;background:#f8faf8;border:1px solid #e2e9e2;border-radius:9px}
.order-piece-details>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:9px 12px;box-sizing:border-box;font-weight:650;font-size:13px;cursor:pointer;list-style:none}
.order-piece-details>summary::-webkit-details-marker{display:none}.order-piece-details[open]>summary span{transform:rotate(45deg)}
.order-piece-content{padding:0 12px 12px;min-width:0;font-size:12px}.order-piece-content>details{margin:12px 0 0}.order-piece-content summary{cursor:pointer;font-weight:600}
.order-piece-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px}.order-piece-previews figure{margin:0;min-width:0;text-align:center;background:#fff;border:1px solid #e0e8df;border-radius:8px;padding:10px}
.order-piece-previews img{max-width:100%;height:170px;object-fit:contain}.order-piece-previews figcaption{font-size:11px;line-height:1.5;margin-top:6px}.order-piece-previews ul{list-style:none;padding:0;margin:4px 0 0;color:#526b60;overflow-wrap:anywhere}
.order-piece-help{font-size:12px;color:#66786c;margin:0;line-height:1.5}.order-piece-fields dl{font-size:12px;overflow-wrap:anywhere}
.operations-table .order-piece-list{grid-template-columns:minmax(0,1fr)}.operations-table .order-piece-heading .order-product-thumb{width:44px;height:44px}
@media(max-width:700px){.order-piece-list{grid-template-columns:minmax(0,1fr)}.order-piece-heading{padding:12px;gap:10px}.order-piece-heading h3{font-size:16px}.order-piece-variant{padding:10px 12px}.order-piece-variant>.button{width:100%;justify-self:stretch}.order-piece-previews img{height:150px}}

.order-piece-variant{grid-template-columns:minmax(0,1fr) auto;align-items:start}.order-piece-status{grid-column:1/-1}.order-piece-details{grid-column:1}.order-piece-variant>.button{grid-column:2;justify-self:end}.order-piece-details[open]{grid-column:1/-1}.order-piece-details[open]+.button{grid-column:1/-1}.order-piece-status+.button{grid-column:1/-1}
@media(max-width:700px){.order-piece-variant>.button{width:auto;font-size:12px;padding-inline:12px}.order-piece-status+.button{width:100%;justify-self:stretch}.order-piece-details>summary{font-size:12px;padding-inline:10px}}