/* Product archives share the existing DS-2.0 rows, with a slightly wider image column. */
html body #app#app#app#app#app#app#app#app :is(.page-products .biz-product-sidebar,.page-completed .cat-completed-list) .cat-product-item{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:var(--s-2);width:100%;min-width:0;padding:var(--s-2);border:0;box-shadow:none;border-radius:var(--r-sm);background:transparent;white-space:normal;text-align:left;}
html body #app#app#app#app#app#app#app#app :is(.page-products .biz-product-sidebar,.page-completed .cat-completed-list) .cat-product-item:is(:hover,:focus-visible){background:var(--surface-hover);}
html body #app#app#app#app#app#app#app#app :is(.page-products .biz-product-sidebar,.page-completed .cat-completed-list) .cat-product-item.active{background:var(--surface-selected);color:var(--accent-text);}
html body #app#app#app#app#app#app#app#app :is(.page-products .biz-product-sidebar,.page-completed .cat-completed-list) .cat-product-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
html body #app#app#app#app#app#app#app#app :is(.page-products .biz-product-sidebar,.page-completed .cat-completed-list) .cat-product-item :is(.cat-thumb,.cat-thumb-none){width:100%;height:auto;aspect-ratio:1.08;min-height:72px;object-fit:contain;border:0;border-radius:var(--r-sm);background:var(--surface-2);}
html body #app#app#app#app#app#app#app#app :is(.page-products .biz-product-sidebar,.page-completed .cat-completed-list) .cat-product-name{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2);min-width:0;overflow-wrap:anywhere;}
html body #app#app#app#app#app#app#app#app :is(.page-products .biz-product-sidebar,.page-completed .cat-completed-list) .cat-product-name strong{font-size:var(--fs-md);font-weight:600;white-space:normal;overflow-wrap:anywhere;}
html body #app#app#app#app#app#app#app#app .page-products [data-library-asset]{cursor:grab;}
html body #app#app#app#app#app#app#app#app .page-products .library-dragging{opacity:.55;cursor:grabbing;}
html body #app#app#app#app#app#app#app#app .page-products .library-drop-before{outline:2px solid var(--accent);outline-offset:2px;border-inline-start:4px solid var(--accent);}
html body #app#app#app#app#app#app#app#app .page-products .library-drop-after{outline:2px solid var(--accent);outline-offset:2px;border-inline-end:4px solid var(--accent);}
/* Existing hover caption and focus behavior also control move/delete actions. */
html body #app#app#app#app#app#app#app#app .image-page-v3 .biz-image-result .result-purpose{pointer-events:none;}
html body #app#app#app#app#app#app#app#app .image-page-v3 .biz-image-result:is(:hover,:has(:focus-visible):not(:root[data-ui-input="pointer"] *)) .result-purpose{pointer-events:auto;}
html body #app#app#app#app#app#app#app#app .image-page-v3 .biz-image-result .result-purpose>button{min-width:0;white-space:normal;}
html body #app#app#app#app#app#app#app#app .page-products .material-visual>.ui-image-caption{max-width:calc(100% - var(--s-2));}
html body #app#app#app#app#app#app#app#app .page-products .ui-image-caption .row-actions{flex-wrap:wrap;}
@media(max-width:1050px){html body #app#app#app#app#app#app#app#app :is(.page-products .biz-product-sidebar,.page-completed .cat-completed-list) .cat-product-list{display:flex;overflow:auto;}html body #app#app#app#app#app#app#app#app :is(.page-products .biz-product-sidebar,.page-completed .cat-completed-list) .cat-product-item{min-width:230px;}}
@media(hover:none){html body #app#app#app#app#app#app#app#app .image-page-v3 .biz-image-result .result-purpose{pointer-events:auto;}}
@media(prefers-reduced-motion:reduce){html body #app#app#app#app#app#app#app#app .page-products .product-library-upload{transition:none!important;}}
html[data-motion=reduce] body #app#app#app#app#app#app#app#app .page-products .product-library-upload{transition:none!important;}

/* Product archive and completed products share compact, vertically scrollable lists. */
html body #app#app#app#app#app#app#app#app :is(.page-products .biz-product-sidebar,.page-completed .cat-completed-list) .cat-product-item{grid-template-columns:48px minmax(0,1fr);min-height:64px;min-width:0;flex-shrink:0;}
html body #app#app#app#app#app#app#app#app :is(.page-products .biz-product-sidebar,.page-completed .cat-completed-list) .cat-product-item :is(.cat-thumb,.cat-thumb-none){width:48px;height:48px;min-height:0;aspect-ratio:1;object-fit:contain;}
html body #app#app#app#app#app#app#app#app :is(.page-products .biz-product-sidebar,.page-completed .cat-completed-list) .cat-product-name{gap:0;}

html body #app#app#app#app#app#app#app#app :is(.page-products .biz-product-sidebar,.page-completed .cat-completed-list) .cat-product-list{display:flex;flex-direction:column;gap:var(--s-3);max-height:440px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;}
html body #app#app#app#app#app#app#app#app :is(.page-products .biz-product-sidebar,.page-completed .cat-completed-list) .cat-product-item[hidden]{display:none;}
html body #app#app#app#app#app#app#app#app .page-completed .cat-completed-list{min-height:0;}

/* v6: image and text areas use the confirmed slight image emphasis. */
html body #app#app#app#app#app#app#app#app :is(.page-products .biz-product-sidebar,.page-completed .cat-completed-list) .cat-product-item{grid-template-columns:1.08fr 1fr;}
html body #app#app#app#app#app#app#app#app :is(.page-products .biz-product-sidebar,.page-completed .cat-completed-list) .cat-product-item :is(.cat-thumb,.cat-thumb-none){width:100%;height:auto;min-height:72px;max-height:128px;aspect-ratio:1.08;object-fit:contain;}