/* Scoped catalog views: preserve original filter/row nodes and their behavior. */
#page-catalog .dc-view-bar{display:flex;align-items:center;gap:16px;margin:0 0 12px;flex-wrap:wrap}
#page-catalog .dc-segmented{display:inline-flex;background:#e9edf4;border-radius:8px;padding:3px;gap:3px}
#page-catalog .dc-segmented button{border:0;background:transparent;color:var(--muted);padding:8px 22px;border-radius:6px;min-height:36px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
#page-catalog .dc-segmented button.active{background:var(--brand);color:#fff}
#page-catalog .dc-view-caption{font-size:13px;color:var(--muted)}
#page-catalog .dc-filters{margin-bottom:12px;padding:14px 16px}
#page-catalog .dc-filters .dh-filter-head{display:none}
#page-catalog .dc-filters .dh-filter-grid{grid-template-columns:minmax(190px,1.35fr) repeat(4,minmax(135px,1fr));gap:12px;align-items:end}
#page-catalog .dc-filters .dh-field{grid-column:auto;min-width:0}
#page-catalog .dc-filters .dh-field[hidden],#page-catalog .dh-kpi-grid[hidden]{display:none!important}
#page-catalog .dc-filters .dh-field label{font-size:12px;margin-bottom:5px}
#page-catalog .dc-filters .dh-select,#page-catalog .dc-filters .dh-input{min-height:40px;height:40px;font-size:13px}
#page-catalog .dc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px;align-items:stretch}
#page-catalog .dc-kpis .dh-kpi{--dh-accent:var(--dc-accent)!important;min-width:0;padding:16px 18px;background:linear-gradient(125deg,color-mix(in srgb,var(--dh-accent) 7%,white),#fff 82%);border-color:color-mix(in srgb,var(--dh-accent) 24%,var(--line));box-shadow:0 3px 12px color-mix(in srgb,var(--dh-accent) 6%,transparent)}
#page-catalog .dc-kpis .dh-kpi::before{background:var(--dh-accent)!important;width:4px}
#page-catalog .dc-kpis .dh-kpi-top{gap:8px;align-items:center}
#page-catalog .dc-kpis .dh-kpi-label{font-size:12px;line-height:1.4}
#page-catalog .dc-kpis .dh-kpi-value{font-size:28px;line-height:1.25;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;color:var(--dh-accent);font-weight:750}
#page-catalog .dc-kpis .dh-kpi-icon{flex-shrink:0;color:var(--dh-accent)!important;background:color-mix(in srgb,var(--dh-accent) 12%,white)!important}
#page-catalog .dc-kpis .dh-kpi-foot{display:block;font-size:11px;color:var(--muted);margin-top:6px;line-height:1.4}
#page-catalog .dc-quantity-kpi .dh-kpi-value{font-size:14px}
#page-catalog .dc-quantity-kpi .dh-kpi-foot{display:block!important}
#page-catalog .dc-kpi-quantities{display:grid;grid-template-columns:1fr;gap:3px;margin:0}
#page-catalog .dc-kpi-quantities>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
#page-catalog .dc-kpi-quantities dt{font-size:11px;color:var(--muted);font-weight:400}
#page-catalog .dc-kpi-quantities dd{margin:0;font-size:15px;font-weight:750;color:var(--dh-accent);white-space:nowrap;overflow-wrap:normal}
#page-catalog .dc-table{min-width:1000px;table-layout:auto}
#page-catalog .dc-table th,#page-catalog .dc-table td{padding:12px 10px;vertical-align:middle;font-size:14px;width:auto;max-width:none}
#page-catalog .dc-table th{font-size:12px;letter-spacing:.02em;white-space:normal}
#page-catalog .dc-table td:first-child,#page-catalog .dc-table th:first-child{width:36px}
#page-catalog .dc-table .dc-name{min-width:180px;max-width:260px}
#page-catalog .dc-table .dh-product-link{display:block;padding:0;min-height:0;max-width:100%;line-height:1.4;text-align:left;white-space:normal;overflow-wrap:anywhere}
#page-catalog .dc-table .dh-product-link strong{font-size:14px;line-height:1.4}
#page-catalog .dc-table small{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:400;line-height:1.4}
#page-catalog .dc-code{font-size:12px;white-space:nowrap}
#page-catalog .dc-supplier{max-width:185px;line-height:1.4}
#page-catalog .dc-table td.dh-right{white-space:nowrap;font-variant-numeric:tabular-nums}
#page-catalog .dc-category,#page-catalog .dc-variation{display:inline-flex;padding:3px 7px;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap}
#page-catalog .dc-category.food{background:var(--green-soft);color:var(--green)}
#page-catalog .dc-category.beverage{background:var(--brand-soft);color:var(--brand)}
#page-catalog .dc-category.other,#page-catalog .dc-variation.flat{background:#eff1f4;color:var(--muted)}
#page-catalog .dc-variation.up{background:var(--red-soft);color:var(--red)}
#page-catalog .dc-variation.down{background:var(--green-soft);color:var(--green)}
#page-catalog .dc-diagram{display:inline-flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}
#page-catalog .dc-diagram svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.7}
#page-catalog .dc-empty{text-align:center;color:var(--muted);padding:28px}
#page-catalog .dc-prices-table{min-width:850px}
#page-catalog .dc-prices-table th,#page-catalog .dc-prices-table td{padding:11px 9px}
#page-catalog .dc-prices-table .dc-name{min-width:165px;max-width:215px}
#page-catalog .dc-prices-table .dc-supplier{min-width:140px;max-width:190px;font-size:12px}
#page-catalog .dc-prices-table .dc-category-cell{max-width:150px}
#page-catalog .dc-prices-table .dc-category-cell>small{font-size:10px;line-height:1.45}
#page-catalog .dc-prices-table .dc-product-code{font-size:10px;line-height:1.35;overflow-wrap:anywhere;color:#7a879e}
#page-catalog .dc-prices-table .dc-original-format{font-size:10px;line-height:1.45;color:#75829a}
#page-catalog .dc-price-amount{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:3px;white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}
#page-catalog .dc-current-price{font-weight:700;color:#263a61}
#page-catalog .dc-price-unit{font-size:11px;font-weight:400;color:#6f7e96}
#page-catalog .dc-prices-table .dc-price-date{font-size:10px;line-height:1.45;color:#8290a6;margin-top:4px}
#page-catalog .dc-prices-table .dc-diagram{font-size:11px;gap:4px}
#page-catalog .dc-prices-table .dc-diagram svg{width:16px;height:16px}
/* Leave room for the history action in the V3 volume table. */
#page-catalog .dc-table:not(.dc-prices-table):not(.dc-v2-table) .dc-name{min-width:155px;max-width:205px}
#page-catalog .dc-table:not(.dc-prices-table):not(.dc-v2-table) .dc-code{max-width:100px;font-size:11px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;color:var(--muted)}
#page-catalog .dc-table:not(.dc-prices-table):not(.dc-v2-table) .dc-supplier{max-width:160px;font-size:12px;white-space:normal;overflow-wrap:anywhere}
#page-catalog .dc-table:not(.dc-prices-table):not(.dc-v2-table) td.dh-right{font-size:13px}
#page-catalog .dc-table:not(.dc-prices-table):not(.dc-v2-table) td small{font-size:10px;white-space:normal}
#page-catalog .dc-table:not(.dc-prices-table):not(.dc-v2-table) .dc-diagram{font-size:11px;gap:4px}
#page-catalog .dc-table:not(.dc-prices-table):not(.dc-v2-table) .dc-diagram svg{width:16px;height:16px}
#page-catalog .dc-group-chip{background:#f2edff;border-color:#d6c9f3;color:#66509a}
/* V2 is a read-only catalog: both views use the same compact product identity. */
#page-catalog.dc-v2-catalog #du-actions-catalog,#page-catalog.dc-v2-catalog #catalogSelectionBar,#page-catalog.dc-v2-catalog .du-selection{display:none!important}
#page-catalog .dc-v2-table{min-width:850px}
#page-catalog .dc-v2-table th,#page-catalog .dc-v2-table td{padding:11px 9px;font-size:13px}
#page-catalog .dc-v2-table th:first-child,#page-catalog .dc-v2-table td:first-child{display:table-cell!important;width:auto}
#page-catalog .dc-v2-table .dc-name{min-width:165px;max-width:215px}
#page-catalog .dc-v2-table .dc-supplier{min-width:140px;max-width:190px;font-size:12px}
#page-catalog .dc-v2-table .dc-product-code{font-size:10px;line-height:1.35;overflow-wrap:anywhere;color:#7a879e}
#page-catalog .dc-v2-table .dc-original-format{font-size:10px;line-height:1.45;color:#75829a}
#page-catalog .dc-openable-row{cursor:pointer}
#page-catalog .dc-openable-row:hover>td{background:#f6f7ff}
#page-catalog .dc-openable-row:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;background:#f0f2ff}
#page-catalog .dc-filters .dh-filter-grid.has-inline-reset{--dc-filter-extra:4;grid-template-columns:minmax(160px,1.3fr) repeat(var(--dc-filter-extra),minmax(110px,1fr)) auto;gap:10px}
#page-catalog .dc-filters .dh-filter-grid:has(#du-group-filter){--dc-filter-extra:5}
#page-catalog .dc-filters #resetCatalogFilters{grid-column:-2/-1;grid-row:1}
@media(max-width:1250px){#page-catalog .dc-filters .dh-filter-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}}
@media(max-width:1250px){#page-catalog .dc-filters .dh-filter-grid.has-inline-reset{grid-template-columns:repeat(3,minmax(0,1fr))}#page-catalog .dc-filters #resetCatalogFilters{grid-column:auto;grid-row:auto}}
@media(max-width:1050px){#page-catalog .dc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row;grid-auto-columns:auto;width:100%;margin:0 0 18px!important;padding:0;overflow:visible;scroll-snap-type:none}}
@media(max-width:600px){#page-catalog .dc-view-bar{gap:9px}#page-catalog .dc-segmented{width:100%}#page-catalog .dc-segmented button{flex:1;padding:8px 10px;font-size:12px;line-height:1.4}}
@media(max-width:700px){#page-catalog .dc-filters .dh-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#page-catalog .dc-filters .dh-field:first-child{grid-column:1/-1}#page-catalog .dc-view-caption{font-size:12px}#page-catalog .dc-kpis{gap:8px}#page-catalog .dc-kpis .dh-kpi{padding:12px}#page-catalog .dc-kpis .dh-kpi-icon{height:30px;width:30px;border-radius:8px}#page-catalog .dc-kpis .dh-kpi-icon svg{height:20px;width:20px}#page-catalog .dc-kpis .dh-kpi-value{font-size:22px}#page-catalog .dc-kpi-quantities{grid-template-columns:1fr;gap:3px}#page-catalog .dc-kpi-quantities>div{flex-direction:row;justify-content:space-between;align-items:center}#page-catalog .dc-kpi-quantities dd{font-size:14px}}
@media(max-width:700px){#page-catalog .dc-filters .dh-filter-grid.has-inline-reset{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Both catalog views use the compact volume-card dimensions. */
#page-catalog .dc-kpis{gap:10px;margin-bottom:14px}
#page-catalog .dc-kpis .dh-kpi{padding:12px 14px;min-height:110px}
#page-catalog .dc-kpis .dh-kpi-top{gap:6px}
#page-catalog .dc-kpis .dh-kpi-icon{width:28px;height:28px;border-radius:8px}
#page-catalog .dc-kpis .dh-kpi-icon svg{width:19px;height:19px}
#page-catalog .dc-kpis .dh-kpi-value{font-size:24px;line-height:1.2;margin-top:5px}
#page-catalog .dc-kpis .dc-quantity-kpi .dh-kpi-value{font-size:13px}
#page-catalog .dc-kpis .dc-quantity-kpi .dh-kpi-foot{font-size:10px;line-height:1.25;margin-top:5px}
@media(min-width:701px){#page-catalog .dc-kpi-quantities{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}#page-catalog .dc-kpi-quantities>div{flex-direction:column;align-items:flex-start;gap:3px}#page-catalog .dc-kpi-quantities dd{font-size:13px;letter-spacing:-.035em}}
@media(max-width:700px){#page-catalog .dc-kpis{gap:8px}#page-catalog .dc-kpis .dh-kpi{padding:11px;min-height:148px}#page-catalog .dc-kpis .dh-kpi-value{font-size:21px}#page-catalog .dc-kpis .dc-quantity-kpi .dh-kpi-value{font-size:13px}#page-catalog .dc-kpi-quantities{gap:2px}#page-catalog .dc-kpi-quantities dd{font-size:13px}}