#productReferenceLibrarySection { display: grid; gap: 10px; max-width: 100%; min-width: 0; padding: 8px 0 18px; color: var(--tg-ink, #1d1d1f); font-family: var(--tg-font, inherit); }
#productReferenceLibrarySection, #productReferenceLibrarySection *, #productReferenceLibrarySection *::before, #productReferenceLibrarySection *::after { box-shadow: none !important; text-shadow: none !important; }
#productReferenceLibrarySection[hidden] { display: none !important; }
#productReferenceLibrarySection .reference-heading h1 { margin: 0; font-size: 22px; font-weight: 600; }
#productReferenceLibrarySection p { margin: 6px 0; overflow-wrap: anywhere; }
#productReferenceLibrarySection .reference-heading p, #productReferenceLibrarySection small, #productReferenceLibrarySection .reference-footnote { color: var(--tg-muted, #6e6e73); font-size: 12px; }
#productReferenceLibrarySection .reference-sample-notice { margin: 0; color: #8a632c; font-size: 12px; }
#productReferenceLibrarySection .reference-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 12px; border: var(--tg-hair, 1px solid #dedee3); border-radius: 16px; background: rgba(255,255,255,.46); }
#productReferenceLibrarySection input, #productReferenceLibrarySection select, #productReferenceLibrarySection button { min-width: 0; max-width: 100%; height: 32px; padding: 0 10px; border: var(--tg-trigger-border, 1px solid #d6d6dc); border-radius: 9px; color: inherit; background: rgba(255,255,255,.8); font: inherit; }
#productReferenceLibrarySection input { flex: 1; min-width: 170px; }
#productReferenceLibrarySection button { cursor: pointer; }
#productReferenceLibrarySection button:hover { background: rgba(0,0,0,.05); }
#productReferenceLibrarySection button:disabled { opacity: .45; cursor: default; }
#productReferenceLibrarySection [data-reference-action="search"], #productReferenceLibrarySection [data-reference-action="search"]:hover { color: white; background: #1d1d1f; border-color: #1d1d1f; }
#productReferenceLibrarySection .reference-status, #productReferenceLibrarySection .reference-pagination { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--tg-muted, #6e6e73); font-size: 12px; }

#productReferenceLibrarySection .reference-warehouse-scope-notice {
  margin: 0 0 8px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #fff6e5;
  color: #8a5a00;
  font-size: 12px;
  line-height: 1.5;
}
#productReferenceLibrarySection .reference-material.is-warehouse-scope-pending td {
  background: #fffaf0;
}
#productReferenceLibrarySection .reference-status-pending {
  color: #8a5a00;
  font-weight: 600;
  white-space: normal;
  max-width: 220px;
}

#productReferenceLibrarySection .reference-pagination { justify-content: flex-end; }
#productReferenceLibrarySection .reference-pagination > span { margin-right: auto; }
#productReferenceLibrarySection details { min-width: 0; }
#productReferenceLibrarySection summary { cursor: pointer; white-space: nowrap; }
#productReferenceLibrarySection .reference-source-details[open] { padding: 8px; border: var(--tg-hair, 1px solid #dedee3); border-radius: 9px; background: rgba(255,255,255,.7); }
#productReferenceLibrarySection table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; border: var(--tg-hair, 1px solid #dedee3); border-radius: 16px; overflow: hidden; background: rgba(255,255,255,.58); text-align: left; }
#productReferenceLibrarySection th { padding: 10px 12px; color: var(--tg-muted, #6e6e73); font-size: 12px; font-weight: 500; background: rgba(255,255,255,.4); }
#productReferenceLibrarySection td { padding: 8px 12px; border-top: var(--tg-hair, 1px solid #e8e8ed); font-size: 13px; line-height: 1.5; vertical-align: top; overflow-wrap: anywhere; }
#productReferenceLibrarySection .reference-products > thead th:nth-child(1) { width: 6%; }
#productReferenceLibrarySection .reference-products > thead th:nth-child(2) { width: 14%; }
#productReferenceLibrarySection .reference-products > thead th:nth-child(3) { width: 10%; }
#productReferenceLibrarySection .reference-products > thead th:nth-child(4) { width: 28%; }
#productReferenceLibrarySection .reference-products > thead th:nth-child(5) { width: 16%; }
#productReferenceLibrarySection .reference-products > thead th:nth-child(6) { width: 14%; }
#productReferenceLibrarySection .reference-products > thead th:nth-child(7) { width: 12%; }
@media (min-width: 769px) {
  #productReferenceLibrarySection .reference-products > tbody > .reference-product > td,
  #productReferenceLibrarySection .reference-components > tbody > .reference-component > td { height: 88px; box-sizing: border-box; vertical-align: middle; }
}
#productReferenceLibrarySection .reference-product { cursor: pointer; }
#productReferenceLibrarySection .reference-product:hover, #productReferenceLibrarySection .reference-product.is-expanded { background: rgba(255,255,255,.6); }
#productReferenceLibrarySection .reference-product [data-reference-action="detail"] { height: auto; min-height: 28px; padding: 0; border: 0; border-radius: 4px; color: var(--tg-blue, #0071e3); background: transparent; font-weight: 600; text-align: left; }
#productReferenceLibrarySection .reference-expanded-row > td { padding: 0 12px 8px; }
#productReferenceLibrarySection .reference-detail { min-width: 0; max-width: 100%; padding: 4px 0; }
#productReferenceLibrarySection .reference-detail-loading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#productReferenceLibrarySection .reference-materials { min-width: 0; max-width: 100%; padding: 4px 0 8px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
#productReferenceLibrarySection .reference-material-table { min-width: 1200px; table-layout: auto; border: 0; border-radius: 0; background: transparent; }
#productReferenceLibrarySection .reference-material-table th, #productReferenceLibrarySection .reference-material-table td { padding: 4px 8px; white-space: nowrap; line-height: 1.6; }
#productReferenceLibrarySection .reference-material-table td { font-size: 13px; }
#productReferenceLibrarySection .reference-material-table td.reference-amount-different,
#productReferenceLibrarySection .reference-material-table td.reference-amount-different small { color: #b42318; background: #fff1f0; font-weight: 600; }
#productReferenceLibrarySection .reference-material-table td.reference-amount-original-higher,
#productReferenceLibrarySection .reference-material-table td.reference-amount-original-higher small { color: #175cd3; background: #eff8ff; }
#productReferenceLibrarySection .reference-material-table th:nth-child(1) { width: 160px; }
#productReferenceLibrarySection .reference-material-table th:nth-child(2) { width: 85px; }
#productReferenceLibrarySection .reference-material-table th:nth-child(3) { width: 215px; }
#productReferenceLibrarySection .reference-material-table th:nth-child(4) { width: 105px; }
#productReferenceLibrarySection .reference-material-table th:nth-child(5) { width: 125px; }
#productReferenceLibrarySection .reference-material-table th:nth-child(6) { width: 220px; }
#productReferenceLibrarySection .reference-material-table th:nth-child(7),
#productReferenceLibrarySection .reference-material-table th:nth-child(8) { width: 120px; }
#productReferenceLibrarySection .reference-material-table th:nth-child(9) { width: 180px; }
#productReferenceLibrarySection .reference-detail-controls { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 18px; margin-top: 3px; font-size: 13px; }
#productReferenceLibrarySection .reference-detail-controls > details[open] { flex-basis: 100%; order: 1; }
#productReferenceLibrarySection .reference-full-fields { min-width: 0; margin-top: 12px; border-top: 1px solid #dedee3; padding-top: 12px; }
#productReferenceLibrarySection .reference-full-fields header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
#productReferenceLibrarySection .reference-full-fields dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 24px; }
#productReferenceLibrarySection .reference-full-fields dt { color: var(--tg-muted, #6e6e73); margin-bottom: 4px; }
#productReferenceLibrarySection .reference-full-fields dd { margin: 0; white-space: pre-wrap; }
#productReferenceLibrarySection .reference-full-fields dt, #productReferenceLibrarySection .reference-full-fields dd { overflow-wrap: anywhere; }
#productReferenceLibrarySection .reference-full-fields small { display: block; margin-top: 4px; color: var(--tg-muted, #6e6e73); }
#productReferenceLibrarySection .reference-detail-controls > button { width: auto; flex: 0 0 auto; height: 26px; padding: 0 6px; margin-left: auto; border: 0; color: var(--tg-muted, #6e6e73); background: transparent; }
#productReferenceLibrarySection .reference-production { max-width: 100%; margin: 8px 0; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 13px; line-height: 1.6; }
#productReferenceLibrarySection .reference-exception { color: #8a632c; }
#productReferenceLibrarySection .reference-provenance { color: var(--tg-muted, #6e6e73); }
@media (max-width: 768px) {
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-full-fields dl { grid-template-columns: minmax(0,1fr); }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection { padding: 10px; gap: 8px; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-heading h1 { font-size: 20px; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-filters { display: grid; grid-template-columns: minmax(0,1fr) auto; padding: 10px; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection input { min-width: 0; width: 100%; grid-column: 1 / -1; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection select { width: 100%; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection [data-reference-action="refresh"] { grid-column: 1 / -1; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-status { align-items: flex-start; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection table, html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection tbody { display: block; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection thead { display: none; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-product { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.4fr); padding: 8px 10px; gap: 3px 10px; border-top: 1px solid #e8e8ed; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-product > td { padding: 0; border: 0; font-size: 12px; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-product > td:nth-child(2)::before { content: '直播价（元） '; color: #6e6e73; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-product > td:nth-child(4)::before { content: '金属配件 '; color: #6e6e73; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-product > td:nth-child(5)::before { content: '规格 '; color: #6e6e73; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-product > td:nth-child(6)::before { content: '长度 '; color: #6e6e73; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-expanded-row, html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-expanded-row > td { display: block; padding: 0; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-detail { padding: 4px 10px 8px; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-material-table { display: table; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-material-table thead { display: table-header-group; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-material-table tbody { display: table-row-group; }
}

/* Product-reference lazy thumbs: URL only, never inline blobs */
.reference-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;background:#f3f4f6;display:block}
td[data-label="图片"]{width:52px;vertical-align:middle}

#productReferenceLibrarySection .reference-image-open { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; height: auto; min-height: 44px; box-sizing: border-box; vertical-align: top; border: 0; background: transparent; padding: 4px 2px; cursor: pointer; color: inherit; }
#productReferenceLibrarySection .reference-image-count { flex: 0 0 auto; font-size: 11px; line-height: 16px; white-space: nowrap; }
#productReferenceLibrarySection .reference-gallery-backdrop { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 12px; box-sizing: border-box; background: rgba(0,0,0,.6); }
#productReferenceLibrarySection .reference-gallery { width: min(880px,100%); max-height: calc(100dvh - 24px); overflow: auto; box-sizing: border-box; padding: 16px; border-radius: 16px; background: #fff; color: #1d1d1f; }
#productReferenceLibrarySection .reference-gallery header, #productReferenceLibrarySection .reference-gallery footer { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
#productReferenceLibrarySection .reference-gallery button { min-height: 44px; padding: 8px 14px; border: 1px solid #d2d2d7; border-radius: 10px; background: #f5f5f7; color: #1d1d1f; cursor: pointer; }
#productReferenceLibrarySection .reference-gallery button:disabled { opacity: .45; cursor: default; }
#productReferenceLibrarySection .reference-gallery-stage { display: grid; place-items: center; min-height: 160px; gap: 8px; padding: 12px 0; }
#productReferenceLibrarySection .reference-gallery-stage img.reference-thumb { width: auto; height: auto; max-width: 100%; max-height: 65dvh; object-fit: contain; border-radius: 0; }
#productReferenceLibrarySection .reference-gallery button:focus-visible, #productReferenceLibrarySection .reference-image-open:focus-visible { outline: 2px solid #2277d8; outline-offset: 2px; }

#productReferenceLibrarySection .reference-image-open .reference-thumb { flex: 0 0 40px; }

/* Source field grid: keep scrolling within the business panel. */
#productReferenceLibrarySection .reference-source-scroll { overflow-x: auto; max-width: 100%; min-width: 0; container-type: inline-size; overscroll-behavior-x: contain; border: 1px solid #dedee3; border-radius: 12px; }
#productReferenceLibrarySection .reference-source-grid { width: max-content; min-width: 100%; table-layout: fixed; overflow: visible; border: 0; border-radius: 0; }
#productReferenceLibrarySection .reference-source-grid > thead th,
#productReferenceLibrarySection .reference-source-grid > tbody > .reference-product > td { box-sizing: border-box; width: 160px; min-width: 160px; max-width: 160px; padding: 8px 10px; border-right: 1px solid #e8e8ed; }
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="D"] { width: 240px; min-width: 240px; max-width: 240px; }
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="livePrice"],
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="Q"] { width: 96px; min-width: 96px; max-width: 96px; }
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="Br"],
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="Bs"],
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="grossMargin"],
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="Bu"] { width: 104px; min-width: 104px; max-width: 104px; }
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="Bt"] { width: 80px; min-width: 80px; max-width: 80px; }
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="Jb"],
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="CZ"] { width: 120px; min-width: 120px; max-width: 120px; }
#productReferenceLibrarySection .reference-source-grid.reference-products[data-reference-catalog="dami"] [data-reference-field="CZ"],
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="Km"] { width: 88px; min-width: 88px; max-width: 88px; }
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="Ja"],
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="Kn"] { width: 112px; min-width: 112px; max-width: 112px; }
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="b"] { width: 260px; min-width: 260px; max-width: 260px; }
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="B"] { position: sticky; left: 0; z-index: 2; width: 126px; min-width: 126px; max-width: 126px; background: #fafafa; }
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="F"] { position: sticky; left: 126px; z-index: 2; width: 74px; min-width: 74px; max-width: 74px; background: #fafafa; }
#productReferenceLibrarySection .reference-source-grid .reference-source-value { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; white-space: pre-wrap; overflow-wrap: anywhere; }
#productReferenceLibrarySection .reference-source-grid.reference-products [data-reference-field="D"] .reference-source-value { -webkit-line-clamp: 2; line-height: 1.5; }
#productReferenceLibrarySection .reference-source-grid small { display: block; }
#productReferenceLibrarySection .reference-source-grid .reference-detail,
#productReferenceLibrarySection .reference-source-grid .reference-detail-loading { position: sticky; left: 12px; width: calc(100cqw - 24px); box-sizing: border-box; }
@media (max-width: 768px) {
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-source-grid { display: table; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-source-grid > thead { display: table-header-group; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-source-grid > tbody { display: table-row-group; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-source-grid > tbody > tr { display: table-row; padding: 0; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-source-grid > tbody > tr > td { display: table-cell; padding: 8px 10px; border-top: 1px solid #e8e8ed; vertical-align: middle; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-source-grid > tbody > .reference-product > td::before { content: none; }
  html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-source-grid > tbody > .reference-expanded-row > td { padding: 0 12px 8px; }
}

#productReferenceLibrarySection .reference-source-grid.reference-master-grid.reference-products [data-master-field] { width: var(--master-column-width,160px); min-width: var(--master-column-width,160px); max-width: var(--master-column-width,160px); vertical-align: middle; white-space: normal; overflow-wrap: anywhere; }
#productReferenceLibrarySection .reference-master-grid [data-master-field="code"] { --master-column-width: 126px; }
#productReferenceLibrarySection .reference-master-grid .reference-master-actions { display: flex; align-items: center; gap: 4px; margin: 5px 0 0 -4px; }
#productReferenceLibrarySection .reference-master-grid .reference-master-actions button { display: inline-flex; align-items: center; justify-content: center; flex: none; height: 28px; min-height: 28px; margin: 0; padding: 3px 4px; border: 0; border-radius: 4px; background: transparent; box-shadow: none; color: #62626a; font-size: 12px; font-weight: 400; line-height: 20px; white-space: nowrap; }
#productReferenceLibrarySection .reference-master-grid .reference-master-actions button + button { position: relative; margin-left: 5px; }
#productReferenceLibrarySection .reference-master-grid .reference-master-actions button + button::before { content: ''; position: absolute; left: -5px; top: 8px; height: 12px; width: 1px; background: #dedee3; pointer-events: none; }
#productReferenceLibrarySection .reference-master-grid .reference-master-actions button:hover { color: #202024; background: #ececef; }
#productReferenceLibrarySection .reference-master-grid .reference-master-actions button:focus-visible { outline: 1px solid #8d8d93; outline-offset: 1px; color: #202024; }
#productReferenceLibrarySection .reference-master-grid [data-master-field="images"] { --master-column-width: 74px; }
#productReferenceLibrarySection .reference-master-grid [data-master-field="anchors"],
#productReferenceLibrarySection .reference-master-grid [data-master-field="size"] { --master-column-width: 112px; }
#productReferenceLibrarySection .reference-master-grid [data-master-field="name"] { --master-column-width: 180px; }
#productReferenceLibrarySection .reference-master-grid [data-master-field="livePrice"],
#productReferenceLibrarySection .reference-master-grid [data-master-field="materialCost"],
#productReferenceLibrarySection .reference-master-grid [data-master-field="accessoryCost"],
#productReferenceLibrarySection .reference-master-grid [data-master-field="productCost"],
#productReferenceLibrarySection .reference-master-grid [data-master-field="grossMargin"] { --master-column-width: 104px; }
#productReferenceLibrarySection .reference-master-grid [data-master-field="metal"] { --master-column-width: 96px; }
#productReferenceLibrarySection .reference-master-grid [data-master-field="length"],
#productReferenceLibrarySection .reference-master-grid [data-master-field="origin"] { --master-column-width: 100px; }
#productReferenceLibrarySection .reference-master-grid [data-master-field="laborCost"] { --master-column-width: 80px; }
#productReferenceLibrarySection .reference-master-grid [data-master-field="production"] { --master-column-width: 260px; }
#productReferenceLibrarySection .reference-master-grid [data-master-field="anchors"] button { display: block; text-align: left; }
#productReferenceLibrarySection .reference-master-grid .reference-master-value { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; white-space: pre-wrap; overflow-wrap: anywhere; }
#productReferenceLibrarySection .reference-master-grid [data-master-field="name"] .reference-master-value { display: block; -webkit-line-clamp: unset; overflow: visible; }
#productReferenceLibrarySection .reference-master-grid [data-master-field="production"] .reference-master-value { -webkit-line-clamp: 4; }
#productReferenceLibrarySection .reference-master-production > summary { display: block; list-style: none; cursor: default; }
#productReferenceLibrarySection .reference-master-production.is-overflowing > summary { cursor: pointer; }
#productReferenceLibrarySection .reference-master-production > summary::-webkit-details-marker { display: none; }
#productReferenceLibrarySection .reference-master-production > summary:focus-visible { outline: 1px solid #8d8d93; outline-offset: 2px; border-radius: 3px; }
#productReferenceLibrarySection .reference-master-production .reference-production-expand,
#productReferenceLibrarySection .reference-master-production .reference-production-collapse { display: inline-block; margin-top: 3px; color: #666; font-size: 12px; line-height: 18px; }
#productReferenceLibrarySection .reference-master-production .reference-production-collapse,
#productReferenceLibrarySection .reference-master-production:not(.is-overflowing) .reference-production-expand,
#productReferenceLibrarySection .reference-master-production[open] .reference-production-expand { display: none; }
#productReferenceLibrarySection .reference-master-production[open] .reference-production-collapse { display: inline-block; }
#productReferenceLibrarySection .reference-master-grid .reference-master-production[open] .reference-master-value { display: block; -webkit-line-clamp: unset; overflow: visible; }
#productReferenceLibrarySection .reference-master-variant + .reference-master-variant { margin-top: 6px; padding-top: 6px; border-top: 1px solid #e8e8ed; }
#productReferenceLibrarySection .reference-master-source { color: #777; margin-bottom: 3px; }

/* Fill catalog image cells without enlarging the existing compact rows. */
#productReferenceLibrarySection .reference-source-grid.reference-products > tbody > .reference-product > td:is([data-reference-field="F"], [data-master-field="images"]) { padding: 0; }
#productReferenceLibrarySection .reference-source-grid.reference-products > tbody > .reference-product > td:is([data-reference-field="F"], [data-master-field="images"]) .reference-image-open { display: flex; width: 100%; height: 86px; padding: 0; border-radius: 0; }
#productReferenceLibrarySection .reference-source-grid.reference-products > tbody > .reference-product > td:is([data-reference-field="F"], [data-master-field="images"]) .reference-thumb { width: 100%; height: 86px; flex: 0 0 86px; object-fit: cover; border-radius: 0; }

/* Shared editor; all business values are held by the product-reference state domain. */
#productReferenceLibrarySection .reference-table-wrap{position:relative;min-width:0;max-width:100%}
#productReferenceLibrarySection .reference-table-wrap>.reference-source-scroll{scrollbar-width:none}
#productReferenceLibrarySection .reference-table-wrap>.reference-source-scroll::-webkit-scrollbar{display:none}
#productReferenceLibrarySection .reference-scroll-bottom{position:sticky;bottom:0;z-index:5;height:18px;overflow-x:scroll;overflow-y:hidden;background:#f6f6f8;overscroll-behavior-x:contain;scrollbar-color:#aaaab2 #eeeef1;scrollbar-width:auto;outline:none}
#productReferenceLibrarySection .reference-scroll-bottom:focus-visible{outline:1px solid #c5c5cd;outline-offset:-1px}
#productReferenceLibrarySection .reference-scroll-bottom>div{height:1px}
#productReferenceLibrarySection .reference-scroll-bottom::-webkit-scrollbar{height:14px}
#productReferenceLibrarySection .reference-scroll-bottom::-webkit-scrollbar-track{background:#eeeef1}
#productReferenceLibrarySection .reference-scroll-bottom::-webkit-scrollbar-thumb{background:#aaaab2;border:3px solid #eeeef1;border-radius:7px}
#productReferenceLibrarySection .reference-editor-overlay{position:fixed;inset:0;z-index:1400;background:rgba(20,20,24,.30);display:flex;align-items:center;justify-content:center;padding:28px;box-sizing:border-box}
#productReferenceLibrarySection .reference-editor{display:flex;flex-direction:column;background:#fff;border:1px solid #dedee2;border-radius:18px;width:min(1300px,100%);max-height:calc(100dvh - 56px);overflow:hidden;box-sizing:border-box;color:#26262a;font-size:13px;line-height:1.5;box-shadow:0 16px 56px rgba(0,0,0,.12)}
#productReferenceLibrarySection .reference-editor-header,#productReferenceLibrarySection .reference-editor-footer{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:#fff}
#productReferenceLibrarySection .reference-editor-header{border-bottom:1px solid #e9e9ec}
#productReferenceLibrarySection .reference-editor h2{font-size:20px;line-height:1.4;margin:0;font-weight:650}
#productReferenceLibrarySection .reference-editor-note{color:#76767d;font-size:12px;margin:6px 0 0}
#productReferenceLibrarySection .reference-editor-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:14px 24px;scrollbar-gutter:stable;background:#fff}
#productReferenceLibrarySection .reference-editor-scope{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#77777e;margin-bottom:12px;font-size:12px}
#productReferenceLibrarySection .reference-editor-host{padding:0 2px;color:#44444a}
#productReferenceLibrarySection .reference-editor-group+ .reference-editor-group{margin-top:14px}
#productReferenceLibrarySection .reference-editor-fields{display:table;width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;background:#fff}
#productReferenceLibrarySection .reference-editor-fields caption{text-align:left;font-size:13px;font-weight:650;padding:10px 10px 6px;background:#fff;border:0;border-bottom:1px solid #dcdce1;color:#48484f}
#productReferenceLibrarySection .reference-editor-fields .reference-editor-field{height:auto;background:#fff}
#productReferenceLibrarySection .reference-editor-fields th,#productReferenceLibrarySection .reference-editor-fields td{position:static;height:auto;padding:5px 10px;border:0;border-bottom:1px solid #eeeef1;vertical-align:top;text-align:left;white-space:normal;overflow-wrap:anywhere}
#productReferenceLibrarySection .reference-editor-fields .reference-editor-field-title{width:112px;background:#fff;font-weight:400;padding-top:10px}
#productReferenceLibrarySection .reference-editor-field-title label{display:block;font-size:13px;font-weight:500;margin:0}
#productReferenceLibrarySection .reference-editor-change{display:inline-block;font-size:11px;color:#52525b;background:#eeeef1;border-radius:3px;padding:0 4px;margin-top:2px}
#productReferenceLibrarySection .reference-editor-comparison-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;margin:8px 0 4px;overscroll-behavior-x:contain}
#productReferenceLibrarySection .reference-editor .reference-editor-comparison{display:table;table-layout:fixed;width:100%;border-collapse:collapse;background:#fff;color:#33333a;font-size:12px;line-height:1.6}
#productReferenceLibrarySection .reference-editor .reference-editor-comparison th,#productReferenceLibrarySection .reference-editor .reference-editor-comparison td{position:static;width:auto;height:auto;padding:8px 12px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid #eeeef1;border-right:1px solid #eeeef1;white-space:pre-wrap;overflow-wrap:anywhere;background:transparent}
#productReferenceLibrarySection .reference-editor .reference-editor-comparison th{font-weight:600;color:#55555e;background:#f5f5f7;white-space:normal}
#productReferenceLibrarySection .reference-editor .reference-editor-comparison th:last-child,#productReferenceLibrarySection .reference-editor .reference-editor-comparison td:last-child{border-right:0}
#productReferenceLibrarySection .reference-editor .reference-editor-comparison .reference-editor-unknown{color:#85858e;font-size:11px}
#productReferenceLibrarySection .reference-editor-diff-text{color:#b42318;font-weight:400}
#productReferenceLibrarySection .reference-editor textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;margin:0;min-height:30px;max-height:none;border:0;border-radius:0;padding:5px 0;font:inherit;line-height:20px;color:#252529;background:transparent;resize:none;overflow:hidden;box-shadow:none}
#productReferenceLibrarySection .reference-editor-field-value:focus-within{background:#f8f8fa}
#productReferenceLibrarySection .reference-editor textarea:focus{outline:none;box-shadow:none}
#productReferenceLibrarySection .reference-editor textarea::placeholder{color:#a2a2aa;font-size:12px}
#productReferenceLibrarySection .reference-editor textarea:disabled{background:#f4f4f6}
#productReferenceLibrarySection .reference-editor-inline .reference-editor-content-line{min-height:20px;line-height:20px;white-space:pre-wrap}
#productReferenceLibrarySection .reference-editor-field-value>.reference-editor-comparison-scroll{margin:0}
#productReferenceLibrarySection .reference-editor .reference-editor-inline th,#productReferenceLibrarySection .reference-editor .reference-editor-inline td{padding:4px 8px}
#productReferenceLibrarySection .reference-editor-inline-input{position:relative;min-height:30px}
#productReferenceLibrarySection .reference-editor-inline-input textarea{position:absolute;inset:0;min-height:100%;padding:0;opacity:0;cursor:text}
#productReferenceLibrarySection .reference-editor-inline-input:focus-within textarea,#productReferenceLibrarySection .is-modified .reference-editor-inline-input textarea{position:relative;inset:auto;min-height:30px;opacity:1}
#productReferenceLibrarySection .reference-editor-inline-input:focus-within .reference-editor-inline-preview,#productReferenceLibrarySection .is-modified .reference-editor-inline-preview{display:none}
#productReferenceLibrarySection .reference-editor-inline-input:focus-within{background:#f8f8fa}
#productReferenceLibrarySection .reference-editor-sheet-body{padding-top:0;overflow:auto}
#productReferenceLibrarySection .reference-editor-sheet{border-collapse:separate;border-spacing:0;overflow:visible;border:0;border-radius:0}
#productReferenceLibrarySection .reference-editor-sheet>thead>tr>th{position:sticky;top:0;z-index:2;background:#f5f5f7;font-weight:600;padding:10px 8px;border-bottom:1px solid #dedee3}
#productReferenceLibrarySection .reference-editor-sheet>thead>tr>th:first-child{width:112px;box-sizing:border-box}
#productReferenceLibrarySection .reference-editor-sheet .reference-editor-group-heading>th{padding:14px 8px 6px;font-weight:600;color:#606068;background:#fff}
#productReferenceLibrarySection .reference-editor-sheet .reference-editor-field-value{border-right:1px solid #eeeef1}
#productReferenceLibrarySection .reference-editor-sheet .reference-editor-field-value:last-child{border-right:0}
#productReferenceLibrarySection .reference-editor-fields .reference-editor-field-tools{display:flex;align-items:flex-start;gap:12px}
#productReferenceLibrarySection .reference-editor-field-tools:not(:has(details)):not(:has(button:not([hidden]))){display:none}
#productReferenceLibrarySection .reference-editor-field-tools .reference-editor-sources{flex:1;min-width:0}
#productReferenceLibrarySection .reference-editor button{display:inline-flex;align-items:center;justify-content:center;width:auto;flex:0 0 auto;border:1px solid #dcdce1;background:#fff;color:#44444c;border-radius:8px;padding:0 14px;font:inherit;line-height:1.4;cursor:pointer;box-shadow:none}
#productReferenceLibrarySection .reference-editor button[hidden],#productReferenceLibrarySection .reference-editor [hidden]{display:none}
#productReferenceLibrarySection .reference-editor button[data-write-reset]{padding:2px 4px;border:0;color:#6a6a74;background:transparent;font-size:12px}
#productReferenceLibrarySection .reference-editor button:disabled{opacity:.45;cursor:default}
#productReferenceLibrarySection .reference-editor button[data-write-action=save],#productReferenceLibrarySection .reference-editor button[data-write-action=confirm]{background:#202022;color:#fff;border-color:#202022;padding:0 20px}
#productReferenceLibrarySection .reference-editor-footer{border-top:1px solid #e5e5e9;padding-top:16px;padding-bottom:16px}
#productReferenceLibrarySection .reference-editor-footer strong{display:block;font-size:13px;font-weight:500}
#productReferenceLibrarySection .reference-editor-footer small{display:block;font-size:11px;color:#93939b;margin-top:3px}
#productReferenceLibrarySection .reference-editor-review{padding:18px;background:#fff;border:1px solid #e5e5e9;border-radius:10px;margin-top:12px;overflow-wrap:anywhere;white-space:pre-wrap}
#productReferenceLibrarySection .reference-editor-status{padding:24px 0;color:#777}
#productReferenceLibrarySection .reference-editor-error{color:#a51c1c}
#productReferenceLibrarySection button[data-reference-action=edit]{display:block;font-size:11px;color:#666;margin-top:4px}
@media(max-width:768px){
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-overlay{padding:8px;top:56px}
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor{max-height:calc(100dvh - 72px);border-radius:12px}
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-header,
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-footer{padding:14px;gap:10px}
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor h2{font-size:17px}
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-body{padding:10px}
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-sheet{display:table}
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-sheet>thead{display:table-header-group}
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-sheet>tbody{display:table-row-group}
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-sheet tr{display:table-row}
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-sheet th,
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-sheet td{display:table-cell}
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-sheet-body{padding-top:0}
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-fields th,
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-fields td{width:auto;padding:5px}
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-comparison{display:table}
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-comparison>thead{display:table-header-group}
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-comparison>tbody{display:table-row-group}
 html body.is-mobile-viewport:not(.is-dashboard-login-page) #productReferenceLibrarySection .reference-editor-footer{flex-wrap:wrap}
}