/* Shared 3C list/detail geometry; rollout is explicitly scoped per verified page. */
@layer danfeng-reference {
 body.design-reference:is([data-page="new-products"],[data-page="ops-demand"]) .design-b-reading:not(.design-b-detail-closed){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
 body.design-reference:is([data-page="new-products"],[data-page="ops-demand"]) .design-b-inspector{position:static!important;top:auto!important;right:auto!important;bottom:auto!important;width:auto!important;max-height:none!important;padding:0!important;overflow:hidden!important;font-size:14px!important;line-height:21px!important;box-shadow:none!important}
 body.design-reference:is([data-page="new-products"],[data-page="ops-demand"]) .design-b-inspector>h3{font-size:14px;margin:0;padding:16px;border-bottom:1px solid var(--b-line)}
 body.design-reference:is([data-page="new-products"],[data-page="ops-demand"]) .design-b-inspector>p{margin:0;padding:16px;color:var(--b-muted)}
 @media(max-width:900px){html body #modal#modal#modal#modal#modal#modal.record-pane-editor .form-grid{grid-template-columns:minmax(0,1fr)!important}}
}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor:not(.hidden){position:static!important;display:block!important;inset:auto!important;width:100%!important;height:auto!important;padding:0!important;background:none!important;z-index:auto!important;overflow:visible!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor>.modal{width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;transform:none!important;display:flex!important;flex-direction:column!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor .modal-head{padding:14px 16px!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor #modalTitle{font-size:14px!important;line-height:21px!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor #modalForm{display:flex!important;flex-direction:column!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor #modalBody{padding:16px!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor .form-section{grid-column:1/-1!important;min-width:0!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor .modal-foot{padding:12px 16px!important;flex-wrap:wrap!important}
html body #modal#modal#modal#modal#modal#modal.record-pane-editor .design-b-form-nav{display:none!important}

@layer danfeng-reference {
 body.design-reference:is([data-page="new-products"],[data-page="ops-demand"]) .record-pane-list{min-width:0;border:1px solid var(--b-line);border-radius:8px;background:#fff;overflow:hidden}
 body.design-reference:is([data-page="new-products"],[data-page="ops-demand"]) .record-pane-list .ref-operation-bar{padding:12px!important;margin:0!important;border:0!important;gap:8px!important}
 body.design-reference:is([data-page="new-products"],[data-page="ops-demand"]) .record-pane-list .ref-selection-controls{padding:0 12px 8px!important}
 body.design-reference:is([data-page="new-products"],[data-page="ops-demand"]) .record-pane-list .cw-footer{padding:12px!important}
 body.design-reference:is([data-page="new-products"],[data-page="ops-demand"]) .record-pane-list .ref-main-actions{margin-left:auto!important;flex-wrap:wrap!important}
}

.record-pane-editor .record-sku-details section+section{margin-top:16px}
.record-pane-editor .record-sku-details h3{font-size:14px;line-height:21px;margin:12px 0}
.record-pane-editor .record-sku-details dl{display:grid;grid-template-columns:minmax(100px,35%) minmax(0,1fr);margin:0;border:1px solid var(--b-line);font-size:13px;line-height:21px}
.record-pane-editor .record-sku-details dt,.record-pane-editor .record-sku-details dd{margin:0;padding:8px 10px;border-bottom:1px solid var(--b-line);overflow-wrap:anywhere}
.record-pane-editor .record-sku-details dt{color:var(--b-muted);background:var(--b-bg)}

.record-pane-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;align-items:start}.record-pane-workspace>.sb-panel{margin:0}.record-pane-link{border:0;background:none;padding:0;color:var(--b-accent);font:inherit;text-align:left;cursor:pointer}.record-pane-workspace .sb-toolbar form{flex-wrap:wrap}.record-pane-workspace .sb-panel{min-width:0}

.record-pane-workspace .sb-toolbar form{display:contents}.record-pane-workspace .sb-toolbar input{width:180px;flex:1 1 180px;min-width:140px}.record-pane-workspace .sb-toolbar>.primary{margin-left:auto}

/* Product list stays primary; the side panel is a record view and editor. */
@layer danfeng-reference {
 body.design-reference[data-page="new-products"] .design-b-reading:not(.design-b-detail-closed){grid-template-columns:minmax(0,1fr) minmax(320px,40%)!important}
 body.design-reference[data-page="new-products"] .cw-fixed-product{min-width:650px!important}
 body.design-reference[data-page="new-products"] .cw-fixed-product>colgroup>col:nth-child(6),
 body.design-reference[data-page="new-products"] .cw-fixed-product>colgroup>col:nth-child(7),
 body.design-reference[data-page="new-products"] .cw-fixed-product>colgroup>col:nth-child(8),
 body.design-reference[data-page="new-products"] .cw-fixed-product>thead>tr>th:nth-child(6),
 body.design-reference[data-page="new-products"] .cw-fixed-product>thead>tr>th:nth-child(7),
 body.design-reference[data-page="new-products"] .cw-fixed-product>thead>tr>th:nth-child(8),
 body.design-reference[data-page="new-products"] .cw-fixed-product>tbody>tr:not(.cw-detail-row)>td:nth-child(6),
 body.design-reference[data-page="new-products"] .cw-fixed-product>tbody>tr:not(.cw-detail-row)>td:nth-child(7),
 body.design-reference[data-page="new-products"] .cw-fixed-product>tbody>tr:not(.cw-detail-row)>td:nth-child(8){display:none!important}
 body.design-reference .record-summary-title{font-weight:600;overflow-wrap:anywhere}
 body.design-reference .record-summary-fields{padding:0 16px;margin:0;font-size:13px;line-height:20px}
 body.design-reference .record-summary-fields dt{color:var(--b-muted);margin-top:12px}
 body.design-reference .record-summary-fields dd{margin:4px 0 12px;white-space:pre-line;overflow-wrap:anywhere}
 body.design-reference .record-summary-actions{display:flex;gap:8px;flex-wrap:wrap;padding:16px}
}

@layer danfeng-reference {
 body.design-reference[data-page="new-products"] .cw-entry-cards{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
 body.design-reference[data-page="new-products"] .cw-entry-cards>button{flex:1 1 115px!important;min-width:105px!important}
 body.design-reference[data-page="new-products"] .cw-workspace>.ref-operation-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important;padding:12px!important;margin:0 0 12px!important;background:var(--b-surface)!important;border:1px solid var(--b-line)!important;border-radius:8px!important}
 body.design-reference[data-page="new-products"] .cw-workspace>.ref-operation-bar .ref-main-actions{margin-left:auto!important}
}

/* Batch 1 only. Delivery planning is deliberately excluded. */
@layer danfeng-reference {
 body.design-reference:is([data-page="artwork-center"],[data-page="lifecycle-center"],[data-page="stagnant-center"]) .batch-summary-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,27%);gap:12px;align-items:start;margin:12px 0}
 body.design-reference .batch-summary-layout>.panel{min-width:0;margin:0!important}
 body.design-reference .batch-summary-aside{min-width:0;background:var(--b-surface);border:1px solid var(--b-line);border-radius:8px}
 body.design-reference .batch-summary-aside h3{font-size:14px;line-height:21px;margin:0;padding:16px;border-bottom:1px solid var(--b-line)}
 body.design-reference .batch-summary-aside>p{padding:16px;margin:0;color:var(--b-muted)}
 body.design-reference:is([data-page="artwork-center"],[data-page="lifecycle-center"],[data-page="stagnant-center"]) .business-toolbar{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}
}

@layer danfeng-reference {
body.design-reference[data-page="artwork-center"] .batch-summary-layout table>thead>tr>th:nth-child(5),body.design-reference[data-page="artwork-center"] .batch-summary-layout table>tbody>tr:not(:has(td[colspan]))>td:nth-child(5),body.design-reference[data-page="artwork-center"] .batch-summary-layout table>thead>tr>th:nth-child(6),body.design-reference[data-page="artwork-center"] .batch-summary-layout table>tbody>tr:not(:has(td[colspan]))>td:nth-child(6),body.design-reference[data-page="artwork-center"] .batch-summary-layout table>thead>tr>th:nth-child(7),body.design-reference[data-page="artwork-center"] .batch-summary-layout table>tbody>tr:not(:has(td[colspan]))>td:nth-child(7),body.design-reference[data-page="artwork-center"] .batch-summary-layout table>thead>tr>th:nth-child(8),body.design-reference[data-page="artwork-center"] .batch-summary-layout table>tbody>tr:not(:has(td[colspan]))>td:nth-child(8),body.design-reference[data-page="artwork-center"] .batch-summary-layout table>thead>tr>th:nth-child(9),body.design-reference[data-page="artwork-center"] .batch-summary-layout table>tbody>tr:not(:has(td[colspan]))>td:nth-child(9),body.design-reference[data-page="artwork-center"] .batch-summary-layout table>thead>tr>th:nth-child(10),body.design-reference[data-page="artwork-center"] .batch-summary-layout table>tbody>tr:not(:has(td[colspan]))>td:nth-child(10){display:none!important}
body.design-reference[data-page="lifecycle-center"] .batch-summary-layout table>thead>tr>th:nth-child(3),body.design-reference[data-page="lifecycle-center"] .batch-summary-layout table>tbody>tr:not(:has(td[colspan]))>td:nth-child(3),body.design-reference[data-page="lifecycle-center"] .batch-summary-layout table>thead>tr>th:nth-child(4),body.design-reference[data-page="lifecycle-center"] .batch-summary-layout table>tbody>tr:not(:has(td[colspan]))>td:nth-child(4),body.design-reference[data-page="lifecycle-center"] .batch-summary-layout table>thead>tr>th:nth-child(5),body.design-reference[data-page="lifecycle-center"] .batch-summary-layout table>tbody>tr:not(:has(td[colspan]))>td:nth-child(5),body.design-reference[data-page="lifecycle-center"] .batch-summary-layout table>thead>tr>th:nth-child(8),body.design-reference[data-page="lifecycle-center"] .batch-summary-layout table>tbody>tr:not(:has(td[colspan]))>td:nth-child(8),body.design-reference[data-page="lifecycle-center"] .batch-summary-layout table>thead>tr>th:nth-child(10),body.design-reference[data-page="lifecycle-center"] .batch-summary-layout table>tbody>tr:not(:has(td[colspan]))>td:nth-child(10){display:none!important}
body.design-reference[data-page="stagnant-center"] .batch-summary-layout table:has(thead th:nth-child(10))>thead>tr>th:nth-child(2),body.design-reference[data-page="stagnant-center"] .batch-summary-layout table:has(thead th:nth-child(10))>tbody>tr:not(:has(td[colspan]))>td:nth-child(2),body.design-reference[data-page="stagnant-center"] .batch-summary-layout table:has(thead th:nth-child(10))>thead>tr>th:nth-child(4),body.design-reference[data-page="stagnant-center"] .batch-summary-layout table:has(thead th:nth-child(10))>tbody>tr:not(:has(td[colspan]))>td:nth-child(4),body.design-reference[data-page="stagnant-center"] .batch-summary-layout table:has(thead th:nth-child(10))>thead>tr>th:nth-child(5),body.design-reference[data-page="stagnant-center"] .batch-summary-layout table:has(thead th:nth-child(10))>tbody>tr:not(:has(td[colspan]))>td:nth-child(5),body.design-reference[data-page="stagnant-center"] .batch-summary-layout table:has(thead th:nth-child(10))>thead>tr>th:nth-child(6),body.design-reference[data-page="stagnant-center"] .batch-summary-layout table:has(thead th:nth-child(10))>tbody>tr:not(:has(td[colspan]))>td:nth-child(6),body.design-reference[data-page="stagnant-center"] .batch-summary-layout table:has(thead th:nth-child(10))>thead>tr>th:nth-child(9),body.design-reference[data-page="stagnant-center"] .batch-summary-layout table:has(thead th:nth-child(10))>tbody>tr:not(:has(td[colspan]))>td:nth-child(9){display:none!important}
body.design-reference .batch-summary-layout table{min-width:0!important;width:100%!important;table-layout:fixed!important}
body.design-reference .batch-summary-layout .record-summary-fields{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;padding:12px 16px}
body.design-reference .batch-summary-layout .record-summary-fields :is(dt,dd){margin:0!important}
body.design-reference .batch-summary-layout :is(.table-wrap,.smart-table-wrap,.paged-data-grid){height:auto!important;max-height:none!important;overflow-y:hidden!important}
body.design-reference[data-page="artwork-center"] .batch-summary-layout table>thead>tr>th:first-child,
body.design-reference[data-page="artwork-center"] .batch-summary-layout table>tbody>tr:not(:has(td[colspan]))>td:first-child,
body.design-reference[data-page="stagnant-center"] .batch-summary-layout table:has(thead th:nth-child(10))>thead>tr>th:nth-child(7),
body.design-reference[data-page="stagnant-center"] .batch-summary-layout table:has(thead th:nth-child(10))>tbody>tr:not(:has(td[colspan]))>td:nth-child(7){display:none!important}
}
/* Empty secondary tables need no empty summary column. */
.batch-summary-aside[hidden]{display:none!important}
body[data-page="stagnant-center"] .batch-summary-layout table:not(:has(thead th:nth-child(8))) :is(th,td):nth-child(1):not([colspan]),
body[data-page="stagnant-center"] .batch-summary-layout table:not(:has(thead th:nth-child(8))) :is(th,td):nth-child(6):not([colspan]){display:none}
/* Batch 2 uses the accepted shared list/summary layout. */
@layer danfeng-reference {
body.design-reference:is([data-page="sample-center"],[data-page="supplier-center"],[data-page="policy-center"]) .batch-summary-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,27%);gap:12px;align-items:start;margin:12px 0}
body.design-reference .batch-summary-layout .batch-secondary-cell{display:none!important}
body.design-reference .batch-summary-layout table :is(th,td){height:auto;overflow-wrap:break-word}
body.design-reference .batch-summary-layout .actions{display:flex;flex-wrap:wrap;gap:6px}
}

@layer danfeng-reference {
body.design-reference .batch-summary-layout table[data-compact-columns="sample-center"]>thead>tr>th:nth-child(1),body.design-reference .batch-summary-layout table[data-compact-columns="sample-center"]>tbody>tr:not(:has(td[colspan]))>td:nth-child(1){display:none!important}
body.design-reference .batch-summary-layout table[data-compact-columns="sample-center"]>thead>tr>th:nth-child(3),body.design-reference .batch-summary-layout table[data-compact-columns="sample-center"]>tbody>tr:not(:has(td[colspan]))>td:nth-child(3){display:none!important}
body.design-reference .batch-summary-layout table[data-compact-columns="sample-center"]>thead>tr>th:nth-child(5),body.design-reference .batch-summary-layout table[data-compact-columns="sample-center"]>tbody>tr:not(:has(td[colspan]))>td:nth-child(5){display:none!important}
body.design-reference .batch-summary-layout table[data-compact-columns="sample-center"]>thead>tr>th:nth-child(6),body.design-reference .batch-summary-layout table[data-compact-columns="sample-center"]>tbody>tr:not(:has(td[colspan]))>td:nth-child(6){display:none!important}
body.design-reference .batch-summary-layout table[data-compact-columns="sample-center"]>thead>tr>th:nth-child(8),body.design-reference .batch-summary-layout table[data-compact-columns="sample-center"]>tbody>tr:not(:has(td[colspan]))>td:nth-child(8){display:none!important}
body.design-reference .batch-summary-layout table[data-compact-columns="abandon"]>thead>tr>th:nth-child(1),body.design-reference .batch-summary-layout table[data-compact-columns="abandon"]>tbody>tr:not(:has(td[colspan]))>td:nth-child(1){display:none!important}
body.design-reference .batch-summary-layout table[data-compact-columns="abandon"]>thead>tr>th:nth-child(4),body.design-reference .batch-summary-layout table[data-compact-columns="abandon"]>tbody>tr:not(:has(td[colspan]))>td:nth-child(4){display:none!important}
body.design-reference .batch-summary-layout table[data-compact-columns="abandon"]>thead>tr>th:nth-child(6),body.design-reference .batch-summary-layout table[data-compact-columns="abandon"]>tbody>tr:not(:has(td[colspan]))>td:nth-child(6){display:none!important}
}


@layer danfeng-reference {
body.design-reference .batch-summary-layout table[data-compact-columns="supplier-center"]>thead>tr>th:nth-child(1),body.design-reference .batch-summary-layout table[data-compact-columns="supplier-center"]>tbody>tr:not(:has(td[colspan]))>td:nth-child(1){display:none!important}
body.design-reference .batch-summary-layout table[data-compact-columns="supplier-center"]>thead>tr>th:nth-child(3),body.design-reference .batch-summary-layout table[data-compact-columns="supplier-center"]>tbody>tr:not(:has(td[colspan]))>td:nth-child(3){display:none!important}
body.design-reference .batch-summary-layout table[data-compact-columns="supplier-center"]>thead>tr>th:nth-child(4),body.design-reference .batch-summary-layout table[data-compact-columns="supplier-center"]>tbody>tr:not(:has(td[colspan]))>td:nth-child(4){display:none!important}
body.design-reference .batch-summary-layout table[data-compact-columns="supplier-center"]>thead>tr>th:nth-child(6),body.design-reference .batch-summary-layout table[data-compact-columns="supplier-center"]>tbody>tr:not(:has(td[colspan]))>td:nth-child(6){display:none!important}
body.design-reference .batch-summary-layout table[data-compact-columns="policy-center"]>thead>tr>th:nth-child(3),body.design-reference .batch-summary-layout table[data-compact-columns="policy-center"]>tbody>tr:not(:has(td[colspan]))>td:nth-child(3){display:none!important}
body.design-reference .batch-summary-layout table[data-compact-columns="policy-center"]>thead>tr>th:nth-child(4),body.design-reference .batch-summary-layout table[data-compact-columns="policy-center"]>tbody>tr:not(:has(td[colspan]))>td:nth-child(4){display:none!important}
body.design-reference .batch-summary-layout table[data-compact-columns="policy-center"]>thead>tr>th:nth-child(5),body.design-reference .batch-summary-layout table[data-compact-columns="policy-center"]>tbody>tr:not(:has(td[colspan]))>td:nth-child(5){display:none!important}
body.design-reference .batch-summary-layout table[data-compact-columns="policy-center"]>thead>tr>th:nth-child(7),body.design-reference .batch-summary-layout table[data-compact-columns="policy-center"]>tbody>tr:not(:has(td[colspan]))>td:nth-child(7){display:none!important}
}

/* New-product review only: distinct image/model and embedded original forms. */
body.design-reference[data-page="new-products"] .cw-fixed-product .record-image-cell img{width:44px;height:44px;object-fit:contain;display:block}
body.design-reference[data-page="new-products"] .cw-fixed-product tr.record-selected>td{background:var(--b-accent-soft,#e4f1f2)!important}
body.design-reference[data-page="new-products"] .cw-fixed-product>colgroup>col:nth-child(2){width:64px!important}
body.design-reference[data-page="new-products"] .cw-fixed-product>colgroup>col:nth-child(3){width:28%!important}
body.design-reference[data-page="new-products"] #modal.record-pane-editor #modalBody{max-height:none!important;overflow:visible!important}
body.design-reference[data-page="new-products"] #modal.record-pane-editor .form-grid{grid-template-columns:minmax(0,1fr)!important}

@layer danfeng-reference {
body.design-reference[data-page="new-products"] #content .cw-fixed-product>colgroup>col:nth-child(1),body.design-reference[data-page="new-products"] #content .cw-fixed-product>thead>tr>th:nth-child(1),body.design-reference[data-page="new-products"] #content .cw-fixed-product>tbody>tr:not(.cw-detail-row)>td:nth-child(1){width:36px!important;min-width:0!important}
body.design-reference[data-page="new-products"] #content .cw-fixed-product>colgroup>col:nth-child(2),body.design-reference[data-page="new-products"] #content .cw-fixed-product>thead>tr>th:nth-child(2),body.design-reference[data-page="new-products"] #content .cw-fixed-product>tbody>tr:not(.cw-detail-row)>td:nth-child(2){width:64px!important;min-width:0!important}
body.design-reference[data-page="new-products"] #content .cw-fixed-product>colgroup>col:nth-child(3),body.design-reference[data-page="new-products"] #content .cw-fixed-product>thead>tr>th:nth-child(3),body.design-reference[data-page="new-products"] #content .cw-fixed-product>tbody>tr:not(.cw-detail-row)>td:nth-child(3){width:30%!important;min-width:0!important}
body.design-reference[data-page="new-products"] #content .cw-fixed-product>colgroup>col:nth-child(4),body.design-reference[data-page="new-products"] #content .cw-fixed-product>thead>tr>th:nth-child(4),body.design-reference[data-page="new-products"] #content .cw-fixed-product>tbody>tr:not(.cw-detail-row)>td:nth-child(4){width:18%!important;min-width:0!important}
body.design-reference[data-page="new-products"] #content .cw-fixed-product>colgroup>col:nth-child(5),body.design-reference[data-page="new-products"] #content .cw-fixed-product>thead>tr>th:nth-child(5),body.design-reference[data-page="new-products"] #content .cw-fixed-product>tbody>tr:not(.cw-detail-row)>td:nth-child(5){width:80px!important;min-width:0!important}
body.design-reference[data-page="new-products"] #content .cw-fixed-product>colgroup>col:nth-child(9),body.design-reference[data-page="new-products"] #content .cw-fixed-product>thead>tr>th:nth-child(9),body.design-reference[data-page="new-products"] #content .cw-fixed-product>tbody>tr:not(.cw-detail-row)>td:nth-child(9){width:150px!important;min-width:0!important}

}

/* Six catalogue subviews share the selected-record presentation; no fixed vertical viewport. */
@layer danfeng-reference {
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product){min-width:0!important;width:100%!important;table-layout:fixed!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product)>colgroup{display:none!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product)>thead>tr>th,
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product)>tbody>tr>td{width:auto!important;min-width:0!important;white-space:normal!important;overflow-wrap:break-word!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product)>tbody>tr.record-selected>td{background:var(--b-accent-soft,#e4f1f2)!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product)>thead>tr>th:first-child,
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product)>tbody>tr>td:first-child{width:34%!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product)>thead>tr>th:last-child,
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product)>tbody>tr>td:last-child{width:22%!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-fixed-feedback>thead>tr>th:nth-child(4),body.design-reference[data-page="new-products"] #content .record-pane-list .cw-fixed-feedback>tbody>tr:not(:has(td[colspan]))>td:nth-child(4){display:none!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-fixed-feedback>thead>tr>th:nth-child(5),body.design-reference[data-page="new-products"] #content .record-pane-list .cw-fixed-feedback>tbody>tr:not(:has(td[colspan]))>td:nth-child(5){display:none!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-fixed-feedback>thead>tr>th:nth-child(6),body.design-reference[data-page="new-products"] #content .record-pane-list .cw-fixed-feedback>tbody>tr:not(:has(td[colspan]))>td:nth-child(6){display:none!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product):not(.cw-fixed-feedback)>thead>tr>th:nth-child(3),body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product):not(.cw-fixed-feedback)>tbody>tr:not(:has(td[colspan]))>td:nth-child(3){display:none!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product):not(.cw-fixed-feedback)>thead>tr>th:nth-child(5),body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product):not(.cw-fixed-feedback)>tbody>tr:not(:has(td[colspan]))>td:nth-child(5){display:none!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product):not(.cw-fixed-feedback)>thead>tr>th:nth-child(6),body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product):not(.cw-fixed-feedback)>tbody>tr:not(:has(td[colspan]))>td:nth-child(6){display:none!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product):not(.cw-fixed-feedback)>thead>tr>th:nth-child(7),body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product):not(.cw-fixed-feedback)>tbody>tr:not(:has(td[colspan]))>td:nth-child(7){display:none!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-scroll{height:auto!important;max-height:none!important}
body.design-reference[data-page="new-products"] .design-b-inspector>h3{padding:14px 16px;margin:0;border-bottom:1px solid var(--b-line)}
body.design-reference[data-page="new-products"] .design-b-inspector>.record-summary-fields{padding:16px;white-space:pre-line}
body.design-reference[data-page="new-products"] .design-b-inspector>.record-summary-actions{padding:0 16px 16px;display:flex;flex-wrap:wrap;gap:8px}
}

body.design-reference[data-page="new-products"] .design-b-inspector>.record-summary-fields{display:grid;grid-template-columns:minmax(90px,30%) minmax(0,1fr);margin:0;gap:0;font-size:13px;line-height:1.6}
body.design-reference[data-page="new-products"] .design-b-inspector>.record-summary-fields dt,body.design-reference[data-page="new-products"] .design-b-inspector>.record-summary-fields dd{margin:0;padding:8px;border-bottom:1px solid var(--b-line);overflow-wrap:anywhere}
body.design-reference[data-page="new-products"] .design-b-inspector>.record-summary-fields dt{color:var(--b-muted);background:var(--b-bg)}

@layer danfeng-reference {
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product) .cw-operation .cw-actions{display:inline-flex!important;width:auto!important;gap:6px!important;vertical-align:middle!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product) .cw-operation button{display:inline-flex!important;width:auto!important;max-width:100%!important;margin:2px!important}
}

@layer danfeng-reference {
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product) .cw-operation .cw-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:6px 10px!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product) .cw-operation button{flex:0 0 auto!important;width:auto!important;min-width:0!important;padding:2px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;line-height:20px!important;white-space:nowrap!important;color:var(--b-accent,#327c85)!important}
}

body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product):not(.cw-fixed-feedback) tbody td:nth-child(4){--df-table-secondary:13px}

/* Stage actions can wrap without being clipped by the standard two-line cell. */
@layer danfeng-reference {
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product) td.cw-operation>.ref-cell{height:auto!important;max-height:none!important;min-height:54px!important;overflow:visible!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product) .cw-operation .cw-actions{height:auto!important;min-height:0!important;gap:2px 10px!important;padding:2px 0!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product) .cw-operation .cw-actions>button{min-height:24px!important;height:auto!important;margin:0!important;padding:2px 0!important;box-sizing:border-box!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product):not(.cw-fixed-feedback) tbody td:nth-child(4) .ref-cell> :is(.ref-cell-text,small){font-family:inherit!important;font-size:13px!important;font-weight:400!important;line-height:20px!important;color:var(--b-ink)!important}
}

/* Operations selection: seven stages, compact source columns and page scrolling. */
@layer danfeng-reference {
body.design-reference[data-page="ops-demand"] #content .sb-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
body.design-reference[data-page="ops-demand"] #content .sb-table-scroll{height:auto!important;max-height:none!important;overflow:visible!important}
body.design-reference[data-page="ops-demand"] #content .sb-table th{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
body.design-reference[data-page="ops-demand"] #content .sb-table td{overflow-wrap:anywhere!important}
body.design-reference[data-page="ops-demand"] .sb-table img{object-fit:contain}
body.design-reference[data-page="ops-demand"] #content .sb-table tr.record-selected>td{background:var(--b-accent-soft,#e4f1f2)!important}
body.design-reference[data-page="ops-demand"] .sb-toolbar{margin:12px 0!important;flex-wrap:wrap!important;background:#fff;border:1px solid var(--b-line);border-radius:8px;padding:12px!important}
body.design-reference[data-page="ops-demand"] .sb-toolbar form{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
body.design-reference[data-page="ops-demand"] .sb-footer{flex-wrap:wrap;gap:8px}
body.design-reference[data-page="ops-demand"] .sb-footer>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
body.design-reference[data-page="ops-demand"] #modal.record-pane-editor #modalBody{max-height:none!important;overflow:visible!important}
body.design-reference[data-page="ops-demand"] #modal.record-pane-editor .form-grid{grid-template-columns:minmax(0,1fr)!important}
}
body[data-page="ops-demand"] .record-summary-fields{display:grid;grid-template-columns:110px minmax(0,1fr);margin:0;padding:16px;font-size:13px;line-height:21px}
body[data-page="ops-demand"] .record-summary-fields dt,body[data-page="ops-demand"] .record-summary-fields dd{margin:0;padding:8px;border-bottom:1px solid var(--b-line);overflow-wrap:anywhere}
body[data-page="ops-demand"] .record-summary-fields dt{background:var(--b-bg);color:var(--b-muted)}
body[data-page="ops-demand"] .sb-detail-extra{padding:0 16px 12px;overflow-wrap:anywhere}
body[data-page="ops-demand"] .record-summary-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}

@layer danfeng-reference {
body.design-reference[data-page="ops-demand"] #content .design-b-reading:not(.design-b-detail-closed) .design-b-inspector{position:static!important;inset:auto!important;width:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;z-index:auto!important;box-shadow:none!important}
body.design-reference[data-page="ops-demand"] #content .design-b-reading{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important}
body.design-reference[data-page="ops-demand"] #content .sb-table-scroll{overflow:visible!important}
}

/* Columns must fit the actual side-panel viewport, including user zoom. */
@layer danfeng-reference {
body.design-reference[data-page="ops-demand"] #content .sb-table :is(th,td){min-width:0!important;width:auto!important;padding:8px 5px!important;box-sizing:border-box!important;overflow:hidden!important}
body.design-reference[data-page="ops-demand"] #content .sb-table th{word-break:normal!important;overflow-wrap:break-word!important;line-height:20px!important;height:auto!important}
body.design-reference[data-page="ops-demand"] #content .sb-table .record-pane-link{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:20px!important}
body.design-reference[data-page="ops-demand"] #content .sb-table td:nth-child(3) .record-pane-link{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;text-overflow:ellipsis!important}
body.design-reference[data-page="ops-demand"] #content .sb-table td:last-child .record-pane-link{white-space:normal!important;word-break:normal!important}
body.design-reference[data-page="ops-demand"] #content .sb-table img{width:32px!important;max-width:100%!important;height:36px!important}
body.design-reference[data-page="ops-demand"] #content .sb-table tbody tr:not(.record-selected):hover>td{background:transparent!important}
body.design-reference[data-page="ops-demand"] #content .sb-metric[aria-pressed="true"]{background:var(--b-accent-soft,#e4f1f2)!important;border-color:#87bec2!important}
body.design-reference[data-page="ops-demand"] #content .sb-toolbar input{width:220px;flex:1 1 180px;min-width:0}
body.design-reference[data-page="ops-demand"] #content .sb-toolbar form{flex:1 1 280px}
body.design-reference[data-page="ops-demand"] #content .sb-toolbar>.primary{flex:0 0 auto}
}
body[data-page="ops-demand"] .record-summary-fields{grid-template-columns:minmax(70px,32%) minmax(0,1fr);padding:12px}

/* Match the accepted catalogue entry strip and remove the forced blank toolbar row. */
@layer danfeng-reference {
body.design-reference[data-page="ops-demand"] header.topbar{display:flex!important;flex-wrap:wrap!important;min-height:0!important;height:auto!important;padding:10px 12px!important;gap:8px 12px!important;align-items:center!important}
body.design-reference[data-page="ops-demand"] header.topbar>div:first-child{flex:0 1 auto!important;margin-right:auto!important}
body.design-reference[data-page="ops-demand"] header.topbar .top-actions{order:0!important;flex:0 1 auto!important;margin:0!important;justify-content:flex-end!important;gap:6px!important}
body.design-reference[data-page="ops-demand"] header.topbar :is(.ref-help-trigger,.ref-environment){position:static!important;inset:auto!important;margin:0!important;flex:0 0 auto!important}
body.design-reference[data-page="ops-demand"] #content .sb-metrics{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important}
body.design-reference[data-page="ops-demand"] #content .sb-metrics>button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:84px!important;padding:10px 5px!important;border-radius:5px!important;color:var(--b-ink)!important;background:#fff!important;border:1px solid var(--b-line)!important}
body.design-reference[data-page="ops-demand"] #content .sb-metrics>button[aria-pressed="true"]{background:var(--b-tint)!important;border-color:#87bec2!important;color:var(--b-accent)!important}
body.design-reference[data-page="ops-demand"] #content .sb-metrics>button:hover{background:#eef8f8!important;border-color:#9cc8cb!important}
body.design-reference[data-page="ops-demand"] #content .sb-icon{width:20px!important;height:20px!important;flex:0 0 20px!important;border-radius:0!important;background:none!important;color:inherit!important}
body.design-reference[data-page="ops-demand"] #content .sb-icon svg{width:20px!important;height:20px!important;color:inherit!important}
body.design-reference[data-page="ops-demand"] #content .sb-metric-text{align-items:center!important;gap:5px!important;font-size:13px!important;font-weight:500!important;line-height:18px!important;color:inherit!important}
body.design-reference[data-page="ops-demand"] #content .sb-count{font-size:19px!important;font-weight:600!important;line-height:24px!important;color:var(--b-title)!important}
@media(max-width:1100px){body.design-reference[data-page="ops-demand"] #content .sb-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:600px){body.design-reference[data-page="ops-demand"] #content .sb-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
}
/* Use the catalogue palette throughout selection details, including legacy form content. */
@layer danfeng-reference {
body.design-reference[data-page="ops-demand"] #content .design-b-inspector{color:var(--b-ink)!important;background:var(--b-surface)!important;border-color:var(--b-line)!important}
body.design-reference[data-page="ops-demand"] #content .design-b-inspector :is(.record-summary-fields dd,.sb-detail-extra,.sb-detail-extra p,.sb-detail-extra summary,.pf-detail,.pf-detail p,#modalBody,label,input,select,textarea){color:var(--b-ink)!important}
body.design-reference[data-page="ops-demand"] #content .design-b-inspector .record-summary-fields dt{color:var(--b-muted)!important;background:var(--b-bg)!important}
body.design-reference[data-page="ops-demand"] #content .design-b-inspector :is(h2,h3,h4){color:var(--b-title)!important}
body.design-reference[data-page="ops-demand"] #content .design-b-inspector :is(a,.btn:not(.primary):not(.danger):not(#submitModal)){color:var(--b-accent)!important}
body.design-reference[data-page="ops-demand"] #content .design-b-inspector .btn:not(.primary):not(.danger):not(#submitModal){background:var(--b-surface)!important;border-color:var(--b-line)!important}
}

/* Stage tables keep four balanced visible columns, including empty results. */
@layer danfeng-reference {
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product):not(.cw-fixed-feedback)>thead>tr>th,body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product):not(.cw-fixed-feedback)>tbody>tr:not(:has(td[colspan]))>td{width:auto!important;min-width:0!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product):not(.cw-fixed-feedback)>thead>tr>th:nth-child(1){width:34%!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product):not(.cw-fixed-feedback)>thead>tr>th:nth-child(2){width:24%!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product):not(.cw-fixed-feedback)>thead>tr>th:nth-child(4){width:20%!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table:not(.cw-fixed-product):not(.cw-fixed-feedback)>thead>tr>th:nth-child(8){width:22%!important}
body.design-reference[data-page="new-products"] #content .cw-template-table tr[data-cw="sku-details"]{cursor:pointer}
body.design-reference[data-page="new-products"] #content .cw-template-table tr.record-sku-selected>td{background:var(--b-tint)!important;color:var(--b-ink)!important}
body.design-reference[data-page="new-products"] .record-empty-state{min-height:88px;box-sizing:border-box;line-height:1.7}
}
/* Catalog selection stays beside the record, never above its name/SKU. */
@layer danfeng-reference {
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table>tbody>tr>td>.ref-cell:has(>[data-cw-task-check]){display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;grid-template-rows:22px 18px!important;column-gap:8px!important;align-content:center!important;justify-content:normal!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table [data-cw-task-check]{grid-column:1!important;grid-row:1 / 3!important;align-self:center!important;margin:0!important;width:16px!important;height:16px!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table .ref-cell:has(>[data-cw-task-check])>.ref-cell-text{grid-column:2!important;grid-row:1!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table .ref-cell:has(>[data-cw-task-check])>small{grid-column:2!important;grid-row:2!important;min-width:0!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-fixed-feedback>tbody>tr>td>.ref-cell:has(>[data-cw-feedback-check]){display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;column-gap:8px!important;align-items:center!important;justify-content:normal!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-fixed-feedback [data-cw-feedback-check]{margin:0!important;width:16px!important;height:16px!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table th:has([data-cw-task-all]),
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table th:has([data-cw-feedback-all]){text-align:left!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table th>label:has(input[type="checkbox"]){display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;white-space:nowrap!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-table th>label>input[type="checkbox"]{margin:0!important;width:16px!important;height:16px!important;flex:0 0 16px!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .ref-selection-controls{justify-content:flex-start!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .ref-selection-controls>.cw-selection-actions{margin-left:0!important;justify-content:flex-start!important;flex-wrap:wrap!important}
body.design-reference[data-page="new-products"] #content .record-pane-list .cw-selection-actions>span{min-width:76px!important;font-variant-numeric:tabular-nums}

}

/* Read-only product inspector has no dismiss action; edit forms retain cancel. */
body[data-page="new-products"] #modal.record-pane-product-readonly #closeModal,
body[data-page="new-products"] #modal.record-pane-product-readonly #cancelModal,
body[data-page="new-products"] #modal.record-pane-product-readonly #submitModal { display:none !important; }