/* Unified supply catalogue: compact actions and on-demand review, no hero. */
.unified-catalog-review { padding: 20px; scroll-margin-top: 160px; }
.unified-catalog-review[hidden] { display: none; }
.unified-catalog-review summary { cursor: pointer; font-weight: 650; font-size: 15px; }
.unified-catalog-review p { font-size: 13px; line-height: 1.65; color: var(--muted); }
.unified-catalog-review .table-container { max-height: 320px; overflow: auto; margin: 16px 0; }
.catalog-review-note { color: #a15c0a !important; max-width: 260px; white-space: normal; }
.catalog-row-more { position: relative; font-size: 12px; }
.catalog-row-more summary { cursor: pointer; color: var(--muted); padding: 7px 9px; border: 1px solid var(--line); border-radius: 8px; }
.catalog-row-more > .row-actions { margin-top: 8px; max-width: 190px; }
#supplyOffersView .actions-cell > .row-actions { max-width: 220px; }
#supplyOffersView .filter-row { flex-wrap: wrap; }
/* Product Cost Center premium experience layer.
 * Loaded after the shared brand system and intentionally scoped to Product.
 */
body[data-admin-surface="product"][data-product-experience="premium-v1"] {
  --bg: #f5f5f7;
  --panel: #ffffff;
  --panel-soft: #fafafc;
  --sidebar: #f8f8fa;
  --text: #1d1d1f;
  --muted: #6e6e73;
  --muted-2: #8e8e93;
  --line: #e7e9ee;
  --line-strong: #d8dbe2;
  --accent: #0071e3;
  --accent-strong: #0066cc;
  --accent-soft: #edf6ff;
  --blue: #0071e3;
  --blue-soft: #edf6ff;
  --green: #16833f;
  --green-soft: #edf9f1;
  --amber: #a96500;
  --amber-soft: #fff7e8;
  --red: #c9342d;
  --red-soft: #fff1f0;
  --shadow-sm: 0 1px 3px rgba(25, 35, 55, 0.035);
  --shadow-md: 0 2px 12px rgba(25, 35, 55, 0.04), 0 18px 46px rgba(25, 35, 55, 0.055);
  --shadow-lg: 0 28px 86px rgba(15, 22, 34, 0.22);
  --radius: 18px;
  --radius-sm: 11px;
  --ui-content-max: none;
  --font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
  min-width: 320px;
  color: var(--text);
  background:
    radial-gradient(circle at 80% -15%, rgba(0, 113, 227, 0.045), transparent 38rem),
    var(--bg);
  font-family: var(--font-ui);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body[data-product-experience="premium-v1"].product-domain-authoritative {
  padding-top: 36px;
}

body[data-product-experience="premium-v1"] .product-domain-authoritative-banner {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  min-height: 36px;
  padding: 6px 18px;
  border-bottom: 1px solid rgba(22, 131, 63, 0.13);
  color: #176f39;
  background: rgba(239, 250, 243, 0.94);
  box-shadow: 0 1px 7px rgba(20, 37, 28, 0.035);
  font-size: 11px;
  backdrop-filter: saturate(160%) blur(18px);
  -webkit-backdrop-filter: saturate(160%) blur(18px);
}

body[data-product-experience="premium-v1"] .product-domain-authoritative-banner strong {
  font-size: 11px;
  font-weight: 760;
}

body[data-product-experience="premium-v1"] :is(button, a, input, select, textarea, summary) {
  -webkit-tap-highlight-color: transparent;
}

body[data-product-experience="premium-v1"] :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid rgba(0, 113, 227, 0.2);
  outline-offset: 2px;
}

body[data-product-experience="premium-v1"] .app-shell {
  min-height: calc(100dvh - 36px);
  grid-template-columns: 220px minmax(0, 1fr);
}

body[data-product-experience="premium-v1"] .sidebar {
  inset: 36px auto 0 0;
  width: 220px;
  height: calc(100dvh - 36px);
  padding: 13px 11px 14px;
  border-right: 1px solid var(--line);
  color: var(--text);
  background: rgba(248, 248, 250, 0.92);
  box-shadow: none;
  backdrop-filter: saturate(180%) blur(28px);
  -webkit-backdrop-filter: saturate(180%) blur(28px);
  scrollbar-width: thin;
}

body[data-product-experience="premium-v1"] .brand-block {
  min-height: 58px;
  gap: 10px;
  margin-bottom: 10px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.76);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.74);
  box-shadow: 0 1px 6px rgba(24, 32, 48, 0.035);
}

body[data-product-experience="premium-v1"] .brand-mark {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(145deg, #1c1c1e 0%, #35373c 60%, #006edc 145%);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.18), 0 7px 18px rgba(20, 28, 42, 0.16);
  font-size: 12px;
  letter-spacing: -0.02em;
}

body[data-product-experience="premium-v1"] .brand-copy strong {
  color: var(--text);
  font-size: 14px;
  font-weight: 720;
  letter-spacing: -0.01em;
}

body[data-product-experience="premium-v1"] .brand-copy span {
  color: var(--muted);
  font-size: 10px;
}

body[data-product-experience="premium-v1"] .main-nav {
  gap: 3px;
}

body[data-product-experience="premium-v1"] .nav-label {
  margin: 12px 9px 5px;
  color: #88888d;
  font-size: 9px;
  font-weight: 740;
  letter-spacing: 0.1em;
}

body[data-product-experience="premium-v1"] :is(.nav-item, .sidebar-tool) {
  min-height: 39px;
  gap: 9px;
  padding: 0 9px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #525257;
  background: transparent;
  box-shadow: none;
  font-size: 12.5px;
  font-weight: 620;
  transition: color 150ms ease, background 150ms ease, border-color 150ms ease, transform 150ms ease;
}

body[data-product-experience="premium-v1"] :is(.nav-item, .sidebar-tool) svg {
  width: 16px;
  height: 16px;
  padding: 5px;
  box-sizing: content-box;
  border-radius: 7px;
  color: #636368;
  background: rgba(118, 118, 128, 0.075);
}

body[data-product-experience="premium-v1"] :is(.nav-item, .sidebar-tool):hover {
  color: var(--text);
  border-color: transparent;
  background: rgba(60, 60, 67, 0.055);
  box-shadow: none;
}

body[data-product-experience="premium-v1"] .nav-item.active,
body[data-product-experience="premium-v1"] .sidebar-tool.active {
  color: #0066cc;
  border-color: rgba(0, 113, 227, 0.06);
  background: rgba(0, 113, 227, 0.095);
  box-shadow: inset 2px 0 0 rgba(0, 113, 227, 0.85);
}

body[data-product-experience="premium-v1"] .nav-item.active svg,
body[data-product-experience="premium-v1"] .sidebar-tool.active svg {
  color: #0066cc;
  background: rgba(0, 113, 227, 0.11);
}

body[data-product-experience="premium-v1"] .nav-count {
  color: #74747a;
  background: rgba(118, 118, 128, 0.09);
}

body[data-product-experience="premium-v1"] .nav-sublist {
  gap: 2px;
  margin: -1px 0 5px 34px;
}

body[data-product-experience="premium-v1"] .nav-subitem {
  min-height: 29px;
  padding: 0 9px;
  border-radius: 8px;
  color: #747479;
  font-size: 11.5px;
  font-weight: 600;
}

body[data-product-experience="premium-v1"] .nav-subitem.active {
  color: #0066cc;
  background: rgba(0, 113, 227, 0.075);
}

body[data-product-experience="premium-v1"] .sidebar-tool {
  margin-top: 5px;
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.72);
}

body[data-product-experience="premium-v1"] .sidebar-footer {
  margin-top: 9px;
  padding: 10px 6px 0;
  border-top-color: var(--line);
  color: var(--muted);
}

body[data-product-experience="premium-v1"] .workspace {
  grid-column: 2;
  min-width: 0;
  background: transparent;
}

body[data-product-experience="premium-v1"] .topbar {
  position: sticky !important;
  top: 44px !important;
  z-index: 28;
  min-height: 78px;
  margin: 10px 18px 0;
  padding: 12px 17px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 2px 12px rgba(25, 35, 55, 0.035);
  backdrop-filter: saturate(180%) blur(22px);
  -webkit-backdrop-filter: saturate(180%) blur(22px);
}

body[data-product-experience="premium-v1"] .topbar h1 {
  margin-top: 2px;
  color: var(--text);
  font-size: clamp(21px, 1.7vw, 27px);
  font-weight: 690;
  letter-spacing: -0.035em;
}

body[data-product-experience="premium-v1"] :is(.eyebrow, .section-kicker, .hero-kicker) {
  color: #737378;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.12em;
}

body[data-product-experience="premium-v1"] .page-description {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}

body[data-product-experience="premium-v1"] .topbar-actions {
  gap: 8px;
}

body[data-product-experience="premium-v1"] .quick-find-button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 8px;
  padding: 0 8px 0 11px;
  border: 1px solid var(--line);
  border-radius: 11px;
  color: #4f4f54;
  background: var(--panel-soft);
  box-shadow: var(--shadow-sm);
  font: inherit;
  cursor: pointer;
  transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

body[data-product-experience="premium-v1"] .quick-find-button:hover {
  border-color: var(--line-strong);
  background: #fff;
  box-shadow: 0 6px 18px rgba(20, 27, 40, 0.07);
  transform: translateY(-1px);
}

body[data-product-experience="premium-v1"] .quick-find-button svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}

body[data-product-experience="premium-v1"] .quick-find-button span {
  font-size: 11px;
  font-weight: 650;
}

body[data-product-experience="premium-v1"] .quick-find-button kbd {
  min-width: 30px;
  padding: 3px 6px;
  border: 1px solid #dddfe5;
  border-radius: 6px;
  color: #77777c;
  background: #fff;
  box-shadow: 0 1px 0 #d7d9df;
  font-family: inherit;
  font-size: 9px;
  text-align: center;
}

body[data-product-experience="premium-v1"] .content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 18px 20px 44px;
}

body[data-product-experience="premium-v1"] .view.active {
  animation: productSurfaceIn 180ms ease both;
}

@keyframes productSurfaceIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: none; }
}

body[data-product-experience="premium-v1"] .button {
  min-height: 40px;
  border-radius: 11px;
  font-size: 12px;
  font-weight: 680;
}

body[data-product-experience="premium-v1"] .button.primary,
body[data-product-experience="premium-v1"] .row-button.primary-action,
body[data-product-experience="premium-v1"] .button.light {
  border-color: rgba(0, 83, 174, 0.42);
  color: #fff;
  background: linear-gradient(180deg, #1582ee, #006edc);
  box-shadow: 0 6px 16px rgba(0, 113, 227, 0.2), inset 0 1px rgba(255, 255, 255, 0.24);
}

body[data-product-experience="premium-v1"] .button.primary:hover,
body[data-product-experience="premium-v1"] .row-button.primary-action:hover,
body[data-product-experience="premium-v1"] .button.light:hover {
  background: linear-gradient(180deg, #218df5, #0071e3);
  box-shadow: 0 8px 20px rgba(0, 113, 227, 0.24), inset 0 1px rgba(255, 255, 255, 0.28);
}

body[data-product-experience="premium-v1"] :is(.button.secondary, .button.ghost, .row-button, .icon-button) {
  border-color: var(--line);
  color: var(--text);
  background: #fff;
  box-shadow: var(--shadow-sm);
}

body[data-product-experience="premium-v1"] :is(.button.secondary, .button.ghost, .row-button, .icon-button):hover {
  border-color: var(--line-strong);
  background: var(--panel-soft);
  box-shadow: 0 5px 14px rgba(25, 35, 55, 0.065);
}

body[data-product-experience="premium-v1"] .hero-panel {
  min-height: 228px;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 0.32fr);
  padding: clamp(24px, 2.4vw, 36px);
  border: 1px solid #dcecfb;
  border-radius: 22px;
  color: var(--text);
  background:
    radial-gradient(circle at 92% 8%, rgba(0, 113, 227, 0.16), transparent 25rem),
    radial-gradient(circle at 62% 126%, rgba(88, 86, 214, 0.08), transparent 24rem),
    linear-gradient(135deg, #fbfdff 0%, #edf6ff 100%);
  box-shadow: var(--shadow-md);
}

body[data-product-experience="premium-v1"] .hero-panel::after {
  display: none;
}

body[data-product-experience="premium-v1"] .hero-panel .hero-kicker {
  border: 0;
  color: var(--blue);
  background: transparent;
}

body[data-product-experience="premium-v1"] .hero-panel h2 {
  margin-top: 10px;
  color: var(--text);
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 700;
  letter-spacing: -0.045em;
}

body[data-product-experience="premium-v1"] .hero-panel p {
  color: #647180;
  font-size: 14px;
}

body[data-product-experience="premium-v1"] .button.text-light {
  color: var(--blue);
}

body[data-product-experience="premium-v1"] .health-card {
  padding: 19px;
  border: 1px solid rgba(255, 255, 255, 0.92);
  border-radius: 18px;
  color: var(--text);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 14px 38px rgba(37, 79, 118, 0.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body[data-product-experience="premium-v1"] .health-card > div:last-child span {
  color: var(--muted);
}

body[data-product-experience="premium-v1"] .health-ring {
  width: 78px;
  height: 78px;
  background: conic-gradient(var(--blue) var(--health), rgba(0, 113, 227, 0.12) 0);
}

body[data-product-experience="premium-v1"] .health-ring::before {
  width: 60px;
  height: 60px;
  background: #fff;
}

body[data-product-experience="premium-v1"] :is(
  .metric-card,
  .mini-metric,
  .panel,
  .recipe-category-board,
  .feature-check-strip,
  .library-intro,
  .cost-detail-panel,
  .data-summary-item,
  .data-action-card,
  .settings-panel
) {
  border-color: var(--line);
  border-radius: 18px;
  background: var(--panel);
  box-shadow: var(--shadow-sm);
}

body[data-product-experience="premium-v1"] :is(.metric-card, .mini-metric) {
  min-height: 98px;
  padding: 15px;
}

body[data-product-experience="premium-v1"] :is(.metric-card, .mini-metric, .overview-jump-card, .clickable-metric, .recipe-category-card, .data-action-card) {
  transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

body[data-product-experience="premium-v1"] :is(.metric-card, .mini-metric, .overview-jump-card, .clickable-metric, .recipe-category-card, .data-action-card):hover {
  border-color: #d5e4f2;
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

body[data-product-experience="premium-v1"] :is(.metric-card, .mini-metric) strong {
  color: var(--text);
  font-size: 24px;
  font-variant-numeric: tabular-nums;
}

body[data-product-experience="premium-v1"] .panel {
  padding: 16px;
}

body[data-product-experience="premium-v1"] :is(.panel-heading h3, .settings-panel h3, .library-intro h2, .recipe-category-heading h3) {
  color: var(--text);
  font-weight: 690;
  letter-spacing: -0.025em;
}

body[data-product-experience="premium-v1"] :is(.data-flow, .pricing-mode-display, .feature-check-strip) {
  background: var(--panel-soft);
}

body[data-product-experience="premium-v1"] .flow-node {
  min-height: 116px;
  border-color: var(--line);
  border-radius: 14px;
  background: #fff;
  box-shadow: none;
}

body[data-product-experience="premium-v1"] .flow-node.result {
  border-color: #cfe4fa;
  background: var(--blue-soft);
}

body[data-product-experience="premium-v1"] .recipe-lifecycle-guide {
  border-color: #dceaf7;
  background: #f8fbff;
}

body[data-product-experience="premium-v1"] .recipe-category-board {
  padding: 15px;
}

body[data-product-experience="premium-v1"] .recipe-category-grid {
  gap: 9px;
}

body[data-product-experience="premium-v1"] .recipe-category-card {
  min-height: 88px;
  border-color: var(--line);
  border-radius: 14px;
  background: #fff;
  box-shadow: none;
}

body[data-product-experience="premium-v1"] .recipe-category-card.active {
  border-color: #b9d9f7;
  background: var(--blue-soft);
  box-shadow: inset 3px 0 0 var(--blue);
}

body[data-product-experience="premium-v1"] .recipe-category-icon {
  border-radius: 10px;
  background: #f1f2f5;
}

body[data-product-experience="premium-v1"] .feature-check-strip {
  gap: 7px 13px;
  padding: 10px 13px;
  border-radius: 14px;
  color: #6f7379;
  font-size: 10.5px;
}

body[data-product-experience="premium-v1"] .table-panel {
  overflow: visible;
}

body[data-product-experience="premium-v1"] .table-toolbar {
  min-height: auto;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
}

body[data-product-experience="premium-v1"] :is(
  .product-library-panel > .advanced-toolbar,
  .library-floating-panel > .table-toolbar,
  .cost-library-panel > .advanced-toolbar
) {
  top: calc(var(--product-sticky-top, 78px) + 54px);
  z-index: 26;
  margin: -1px -1px 12px;
  border-color: rgba(225, 228, 234, 0.96);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 28px rgba(25, 35, 55, 0.075);
  backdrop-filter: saturate(170%) blur(18px);
  -webkit-backdrop-filter: saturate(170%) blur(18px);
}

body[data-product-experience="premium-v1"] .filter-stack {
  flex: 1 1 720px;
}

body[data-product-experience="premium-v1"] .filter-row {
  gap: 8px;
}

body[data-product-experience="premium-v1"] .product-library-panel .filter-row {
  grid-template-columns: minmax(250px, 1.45fr) repeat(4, minmax(126px, 0.58fr));
}

body[data-product-experience="premium-v1"] #costsView .filter-row {
  grid-template-columns: minmax(230px, 1.35fr) repeat(5, minmax(112px, 0.52fr));
}

body[data-product-experience="premium-v1"] :is(
  .search-box,
  .search-box input,
  .select-control,
  .form-grid input,
  .form-grid select,
  .form-grid textarea,
  .settings-grid input,
  .settings-grid select,
  .formula-table input,
  .formula-table select,
  .quote-table input,
  .quote-table select,
  .quote-table textarea,
  .input-prefix
) {
  border-color: var(--line);
  border-radius: 11px;
  color: var(--text);
  background: var(--panel-soft);
}

body[data-product-experience="premium-v1"] :is(.search-box input, .select-control) {
  min-height: 42px;
}

body[data-product-experience="premium-v1"] :is(input, select, textarea):hover {
  border-color: var(--line-strong);
  background: #fff;
}

body[data-product-experience="premium-v1"] :is(input, select, textarea):focus {
  border-color: rgba(0, 113, 227, 0.55) !important;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.09);
}

body[data-product-experience="premium-v1"] .bulk-toolbar-actions {
  gap: 7px;
}

body[data-product-experience="premium-v1"] .selection-summary {
  color: #5b6470;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

body[data-product-experience="premium-v1"] .selected-products-panel {
  border-color: #d6e7f8;
  border-radius: 15px;
  background: linear-gradient(135deg, #f7fbff, #fff);
  box-shadow: 0 7px 20px rgba(31, 65, 114, 0.055);
}

body[data-product-experience="premium-v1"] .selected-product-chip {
  border-color: #d8e3ef;
  border-radius: 11px;
  box-shadow: 0 2px 8px rgba(31, 65, 114, 0.04);
}

body[data-product-experience="premium-v1"].has-product-selection :is(#productSelectedProducts, #costSelectedProducts) {
  left: 238px;
  border-color: rgba(0, 113, 227, 0.23);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.16);
}

body[data-product-experience="premium-v1"] .table-container {
  border-radius: 14px;
}

body[data-product-experience="premium-v1"] :is(table, .responsive-product-table) {
  font-variant-numeric: tabular-nums;
}

@media (min-width: 761px) {
  body[data-product-experience="premium-v1"] #productsTableContainer .responsive-product-table th {
    color: #6f7379 !important;
    background: #f8f9fb !important;
  }

  body[data-product-experience="premium-v1"] #productsTableContainer .responsive-product-table tbody tr:hover td {
    background: #fbfdff !important;
  }
}

body[data-product-experience="premium-v1"] .birthday-fold-row > td {
  border-color: #dceaf7 !important;
  background: #f7fbff !important;
}

body[data-product-experience="premium-v1"] .birthday-fold-row:hover > td,
body[data-product-experience="premium-v1"] .birthday-fold-row.expanded > td {
  background: #eef6ff !important;
}

body[data-product-experience="premium-v1"] .birthday-fold-metric {
  border-color: #dce8f4;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.82);
}

body[data-product-experience="premium-v1"] .birthday-fold-metric.birthday-fold-actual-price {
  border-color: #cce3f8;
  background: #f4faff;
}

body[data-product-experience="premium-v1"] .birthday-fold-metric.birthday-fold-actual-price :is(small, b) {
  color: #005da9;
}

body[data-product-experience="premium-v1"] :is(.status-badge, .pill, .basis-chip, .price-chip) {
  border-radius: 999px;
}

body[data-admin-surface="product"] #productsTableContainer
  .product-cost-actions-cell .row-button > .status-badge {
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.25;
  text-align: center;
}

body[data-product-experience="premium-v1"] :is(.modal, .product-compare-modal, .modal-editor, .new-test-link-modal) {
  border-color: rgba(255, 255, 255, 0.86);
  border-radius: 22px;
  box-shadow: var(--shadow-lg);
}

body[data-product-experience="premium-v1"] .modal-backdrop {
  background: rgba(29, 29, 31, 0.35);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
}

body[data-product-experience="premium-v1"] .modal-header,
body[data-product-experience="premium-v1"] .modal-footer {
  background: rgba(250, 250, 252, 0.9);
}

body[data-product-experience="premium-v1"] .toast {
  border: 1px solid rgba(29, 29, 31, 0.14);
  border-radius: 13px;
  color: #1d1d1f;
  background: #fff;
  box-shadow: 0 16px 42px rgba(16, 24, 40, 0.22);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body[data-product-experience="premium-v1"] .toast strong,
body[data-product-experience="premium-v1"] .toast span {
  color: #1d1d1f;
}

body[data-product-experience="premium-v1"] :is(.metric-card strong, .mini-metric strong, .price-main, .cost-card-metric strong, .birthday-fold-metric b) {
  font-variant-numeric: tabular-nums;
}

@media (min-width: 1700px) {
  body[data-product-experience="premium-v1"] .content {
    padding-right: 26px;
    padding-left: 26px;
  }

  body[data-product-experience="premium-v1"] .topbar {
    margin-right: 24px;
    margin-left: 24px;
  }
}

@media (max-width: 1320px) {
  body[data-product-experience="premium-v1"] .topbar-actions .admin-home-link {
    display: none;
  }

  body[data-product-experience="premium-v1"] .product-library-panel .filter-row,
  body[data-product-experience="premium-v1"] #costsView .filter-row {
    grid-template-columns: minmax(230px, 1fr) repeat(2, minmax(124px, 0.48fr));
  }

  body[data-product-experience="premium-v1"] .product-library-panel .filter-row > .search-box,
  body[data-product-experience="premium-v1"] #costsView .filter-row > .search-box {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 1040px) {
  body[data-product-experience="premium-v1"] .app-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-product-experience="premium-v1"] .workspace {
    grid-column: 1;
  }

  body[data-product-experience="premium-v1"] .sidebar {
    width: min(86vw, 300px);
  }

  body[data-product-experience="premium-v1"].has-product-selection :is(#productSelectedProducts, #costSelectedProducts) {
    left: 18px;
  }
}

@media (max-width: 900px) {
  body[data-product-experience="premium-v1"] .recipe-category-grid {
    display: flex;
    gap: 9px;
    padding: 2px 1px 7px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }

  body[data-product-experience="premium-v1"] .recipe-category-card {
    min-width: min(68vw, 240px);
    flex: 0 0 min(68vw, 240px);
    scroll-snap-align: start;
  }
}

@media (max-width: 760px) {
  body[data-product-experience="premium-v1"].product-domain-authoritative {
    padding-top: 34px;
  }

  body[data-product-experience="premium-v1"] .product-domain-authoritative-banner {
    min-height: 34px;
    padding: 6px 12px;
    justify-content: flex-start;
    text-align: left;
  }

  body[data-product-experience="premium-v1"] .product-domain-authoritative-banner span {
    display: none;
  }

  body[data-product-experience="premium-v1"] .sidebar {
    inset: 34px auto 0 0;
    height: calc(100dvh - 34px);
  }

  body[data-product-experience="premium-v1"] .topbar {
    top: 42px !important;
    min-height: 70px;
    margin: 8px 10px 0;
    padding: 10px 12px;
    border-radius: 16px;
  }

  body[data-product-experience="premium-v1"] .topbar h1 {
    font-size: 20px;
  }

  body[data-product-experience="premium-v1"] .page-description,
  body[data-product-experience="premium-v1"] .quick-find-button span,
  body[data-product-experience="premium-v1"] .quick-find-button kbd,
  body[data-product-experience="premium-v1"] .topbar-actions .admin-home-link {
    display: none;
  }

  body[data-product-experience="premium-v1"] .quick-find-button {
    width: 40px;
    padding: 0;
    justify-content: center;
  }

  body[data-product-experience="premium-v1"] .topbar-actions {
    gap: 6px;
  }

  body[data-product-experience="premium-v1"] .topbar-actions .button {
    min-height: 40px;
    padding-right: 11px;
    padding-left: 11px;
  }

  body[data-product-experience="premium-v1"] .content {
    padding: 12px 10px 34px;
  }

  body[data-product-experience="premium-v1"] .hero-panel {
    padding: 21px;
    border-radius: 19px;
  }

  body[data-product-experience="premium-v1"] .hero-panel h2 {
    font-size: 28px;
  }

  body[data-product-experience="premium-v1"] :is(
    .product-library-panel > .advanced-toolbar,
    .library-floating-panel > .table-toolbar,
    .cost-library-panel > .advanced-toolbar
  ) {
    top: calc(var(--product-sticky-top, 70px) + 48px);
    max-height: calc(100dvh - 136px);
    border-radius: 15px;
  }

  body[data-product-experience="premium-v1"] .product-library-panel .filter-row,
  body[data-product-experience="premium-v1"] #costsView .filter-row {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-product-experience="premium-v1"] .product-library-panel .filter-row > *,
  body[data-product-experience="premium-v1"] #costsView .filter-row > * {
    grid-column: 1;
    width: 100%;
  }

  body[data-product-experience="premium-v1"] .recipe-category-board {
    padding: 13px;
  }

  body[data-product-experience="premium-v1"] .feature-check-strip {
    max-height: 88px;
    overflow: auto;
  }

  body[data-product-experience="premium-v1"] .modal {
    border-radius: 20px 20px 0 0;
  }

  body[data-product-experience="premium-v1"].has-product-selection :is(#productSelectedProducts, #costSelectedProducts) {
    right: 8px;
    bottom: max(8px, env(safe-area-inset-bottom));
    left: 8px;
  }
}

@media (max-width: 480px) {
  body[data-product-experience="premium-v1"] .topbar-actions #topExportBtn {
    display: none;
  }

  body[data-product-experience="premium-v1"] .metric-grid {
    gap: 9px;
  }

  body[data-product-experience="premium-v1"] :is(.metric-card, .mini-metric) {
    min-height: 88px;
    padding: 13px;
  }

  body[data-product-experience="premium-v1"] .recipe-category-card {
    min-width: min(78vw, 230px);
    flex-basis: min(78vw, 230px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-product-experience="premium-v1"] *,
  body[data-product-experience="premium-v1"] *::before,
  body[data-product-experience="premium-v1"] *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}

/* 2026-09-27 · shared Product technology system v2.
 * Keeps the cost workspace light, centered and typographically consistent
 * with the Product shell without adding JavaScript or new network work.
 */
body.product-technology-v2[data-product-experience="premium-v1"] {
  --bg: #f4f7fb;
  --panel: #ffffff;
  --panel-soft: #f8fafc;
  --sidebar: #ffffff;
  --text: #1f1f1f;
  --muted: #5f6368;
  --muted-2: #80868b;
  --line: #e1e7ef;
  --line-strong: #cfd8e5;
  --accent: #0b57d0;
  --accent-strong: #0842a0;
  --accent-soft: #eaf2ff;
  --blue: #0b57d0;
  --blue-soft: #eaf2ff;
  --shadow-sm: 0 1px 2px rgba(22, 34, 51, 0.035), 0 8px 24px rgba(22, 34, 51, 0.045);
  --shadow-md: 0 2px 8px rgba(22, 34, 51, 0.05), 0 20px 50px rgba(22, 34, 51, 0.08);
  --radius: 22px;
  --radius-sm: 14px;
  background:
    radial-gradient(circle at 88% -8%, rgba(11, 87, 208, 0.09), transparent 34rem),
    radial-gradient(circle at 22% 106%, rgba(52, 168, 83, 0.05), transparent 30rem),
    var(--bg);
  font-size: 15px;
  line-height: 1.55;
}

body.product-technology-v2[data-product-experience="premium-v1"] .skip-link {
  position: fixed;
  top: -80px;
  left: 18px;
  z-index: 1200;
  padding: 10px 16px;
  border-radius: 999px;
  color: #fff;
  background: #202124;
}

body.product-technology-v2[data-product-experience="premium-v1"] .skip-link:focus {
  top: 14px;
}

body.product-technology-v2[data-product-experience="premium-v1"] .app-shell {
  grid-template-columns: 274px minmax(0, 1fr);
}

body.product-technology-v2[data-product-experience="premium-v1"] .sidebar {
  inset: 50px auto 14px 14px;
  width: 246px;
  height: auto;
  padding: 15px 13px;
  border: 1px solid rgba(225, 231, 239, 0.96);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.91);
  box-shadow: var(--shadow-sm);
}

body.product-technology-v2[data-product-experience="premium-v1"] .brand-block {
  min-height: 64px;
  margin-bottom: 15px;
  padding: 9px 10px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.product-technology-v2[data-product-experience="premium-v1"] .brand-mark {
  width: 43px;
  height: 43px;
  border-radius: 15px;
  background:
    radial-gradient(circle at 27% 24%, rgba(255,255,255,.36), transparent 24%),
    linear-gradient(145deg, #202124 2%, #303134 54%, #0b57d0 142%);
}

body.product-technology-v2[data-product-experience="premium-v1"] .brand-copy strong {
  font-size: 16px;
  font-weight: 730;
  letter-spacing: -0.025em;
}

body.product-technology-v2[data-product-experience="premium-v1"] .brand-copy span {
  margin-top: 3px;
  font-size: 11px;
}

body.product-technology-v2[data-product-experience="premium-v1"] .nav-label {
  margin: 15px 11px 6px;
  font-size: 10px;
  letter-spacing: 0.12em;
}

body.product-technology-v2[data-product-experience="premium-v1"] :is(.nav-item, .sidebar-tool) {
  min-height: 45px;
  margin: 2px 0;
  padding: 0 11px;
  border-radius: 14px;
  font-size: 13.5px;
  font-weight: 620;
}

body.product-technology-v2[data-product-experience="premium-v1"] :is(.nav-item, .sidebar-tool) svg {
  width: 17px;
  height: 17px;
  padding: 5px;
  border-radius: 9px;
}

body.product-technology-v2[data-product-experience="premium-v1"] .nav-item.active,
body.product-technology-v2[data-product-experience="premium-v1"] .sidebar-tool.active {
  color: var(--accent);
  border-color: #d7e5fb;
  background: var(--accent-soft);
  box-shadow: none;
}

body.product-technology-v2[data-product-experience="premium-v1"] .nav-sublist {
  margin-left: 37px;
}

body.product-technology-v2[data-product-experience="premium-v1"] .nav-subitem {
  min-height: 31px;
  border-radius: 9px;
  font-size: 12px;
}

body.product-technology-v2[data-product-experience="premium-v1"] .workspace {
  grid-column: 2;
}

body.product-technology-v2[data-product-experience="premium-v1"] .topbar {
  top: 50px !important;
  min-height: 94px;
  margin: 14px 24px 0;
  padding: 17px 22px;
  overflow: hidden;
  border-color: rgba(225, 231, 239, 0.95);
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow-sm);
}

body.product-technology-v2[data-product-experience="premium-v1"] .topbar::before {
  content: "";
  position: absolute;
  inset: 0 22px auto;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, #4285f4 0 34%, #34a853 34% 56%, #fbbc04 56% 76%, #ea4335 76%);
  opacity: 0.78;
}

body.product-technology-v2[data-product-experience="premium-v1"] .topbar h1 {
  font-size: clamp(25px, 2vw, 31px);
  font-weight: 730;
  line-height: 1.15;
  letter-spacing: -0.045em;
}

body.product-technology-v2[data-product-experience="premium-v1"] :is(.eyebrow, .section-kicker, .hero-kicker) {
  color: var(--accent);
  font-size: 10px;
}

body.product-technology-v2[data-product-experience="premium-v1"] .page-description {
  margin-top: 5px;
  font-size: 13px;
}

body.product-technology-v2[data-product-experience="premium-v1"] :is(.quick-find-button, .button) {
  min-height: 44px;
  border-radius: 14px;
  font-size: 13px;
}

body.product-technology-v2[data-product-experience="premium-v1"] .button.primary {
  background: linear-gradient(180deg, #1769da, var(--accent));
  box-shadow: 0 7px 18px rgba(11, 87, 208, 0.2);
}

body.product-technology-v2[data-product-experience="premium-v1"] .content {
  width: 100%;
  max-width: 1808px;
  margin: 0 auto;
  padding: 22px 24px 64px;
}

body.product-technology-v2[data-product-experience="premium-v1"] .hero-panel {
  min-height: 300px;
  padding: clamp(34px, 4vw, 58px);
  border: 1px solid #d8e6f8;
  border-radius: 30px;
  color: var(--text);
  background:
    radial-gradient(circle at 88% 12%, rgba(66, 133, 244, 0.22), transparent 25rem),
    radial-gradient(circle at 68% 122%, rgba(52, 168, 83, 0.12), transparent 25rem),
    linear-gradient(135deg, #ffffff 0%, #edf5ff 100%);
  box-shadow: var(--shadow-sm);
}

body.product-technology-v2[data-product-experience="premium-v1"] .hero-panel h2 {
  max-width: 850px;
  color: var(--text);
  font-size: clamp(38px, 4vw, 62px);
  font-weight: 730;
  line-height: 1.05;
  letter-spacing: -0.06em;
}

body.product-technology-v2[data-product-experience="premium-v1"] .hero-panel > div > p {
  color: #536273;
  font-size: 16px;
  line-height: 1.75;
}

body.product-technology-v2[data-product-experience="premium-v1"] .hero-panel .button.light {
  color: #fff;
  background: var(--accent);
}

body.product-technology-v2[data-product-experience="premium-v1"] .hero-panel .button.text-light {
  color: var(--accent);
}

body.product-technology-v2[data-product-experience="premium-v1"] .health-card {
  border: 1px solid rgba(255,255,255,.95);
  border-radius: 24px;
  color: var(--text);
  background: rgba(255,255,255,.84);
  box-shadow: 0 16px 46px rgba(49, 83, 123, 0.11);
}

body.product-technology-v2[data-product-experience="premium-v1"] .health-card :is(strong, span) {
  color: inherit;
}

body.product-technology-v2[data-product-experience="premium-v1"] .metric-grid {
  gap: 16px;
}

body.product-technology-v2[data-product-experience="premium-v1"] :is(.metric-card, .mini-metric) {
  position: relative;
  min-height: 116px;
  padding: 20px;
  overflow: hidden;
  border-color: var(--line);
  border-radius: 22px;
  box-shadow: var(--shadow-sm);
}

body.product-technology-v2[data-product-experience="premium-v1"] .overview-metrics > :nth-child(1) { border-top: 4px solid #4285f4; }
body.product-technology-v2[data-product-experience="premium-v1"] .overview-metrics > :nth-child(2) { border-top: 4px solid #34a853; }
body.product-technology-v2[data-product-experience="premium-v1"] .overview-metrics > :nth-child(3) { border-top: 4px solid #fbbc04; }
body.product-technology-v2[data-product-experience="premium-v1"] .overview-metrics > :nth-child(4) { border-top: 4px solid #ea4335; }

body.product-technology-v2[data-product-experience="premium-v1"] :is(.metric-card, .mini-metric) strong {
  font-size: 29px;
  font-weight: 720;
}

body.product-technology-v2[data-product-experience="premium-v1"] :is(
  .panel,
  .table-panel,
  .product-library-panel,
  .cost-library-panel,
  .library-floating-panel,
  .recipe-category-board,
  .settings-panel,
  .data-center-card
) {
  border-color: var(--line);
  border-radius: 24px;
  background: rgba(255,255,255,.96);
  box-shadow: var(--shadow-sm);
}

body.product-technology-v2[data-product-experience="premium-v1"] .panel {
  padding: clamp(20px, 2.2vw, 30px);
}

body.product-technology-v2[data-product-experience="premium-v1"] :is(.panel-heading h3, .settings-panel h3, .library-intro h2, .recipe-category-heading h3) {
  font-size: clamp(21px, 1.6vw, 27px);
  font-weight: 720;
  line-height: 1.25;
}

body.product-technology-v2[data-product-experience="premium-v1"] .recipe-category-card {
  min-height: 98px;
  padding: 16px;
  border-radius: 17px;
}

body.product-technology-v2[data-product-experience="premium-v1"] .recipe-category-card.active {
  border-color: #bfd4f5;
  background: var(--accent-soft);
  box-shadow: inset 0 0 0 1px rgba(11,87,208,.04);
}

body.product-technology-v2[data-product-experience="premium-v1"] .table-toolbar,
body.product-technology-v2[data-product-experience="premium-v1"] :is(
  .product-library-panel > .advanced-toolbar,
  .library-floating-panel > .table-toolbar,
  .cost-library-panel > .advanced-toolbar
) {
  padding: 15px 17px;
  border-color: var(--line);
  border-radius: 19px;
  background: rgba(248,250,252,.97);
}

body.product-technology-v2[data-product-experience="premium-v1"] :is(
  .search-box,
  .search-box input,
  .select-control,
  .form-grid input,
  .form-grid select,
  .form-grid textarea,
  .settings-grid input,
  .settings-grid select,
  .formula-table input,
  .formula-table select,
  .quote-table input,
  .quote-table select,
  .quote-table textarea,
  .input-prefix
) {
  min-height: 46px;
  border-color: var(--line-strong);
  border-radius: 14px;
  background: #fff;
  font-size: 14px;
}

body.product-technology-v2[data-product-experience="premium-v1"] :is(.table-scroll, .birthday-fold-table, .formula-table-wrap) {
  border-color: var(--line);
  border-radius: 19px;
}

body.product-technology-v2[data-product-experience="premium-v1"] table {
  line-height: 1.5;
}

body.product-technology-v2[data-product-experience="premium-v1"] th {
  min-height: 50px;
  padding: 14px 15px;
  color: #5f6368;
  background: #f7f9fc;
  font-size: 12px;
  font-weight: 690;
  vertical-align: middle;
}

body.product-technology-v2[data-product-experience="premium-v1"] td {
  padding: 15px;
  border-bottom-color: #edf0f4;
  font-size: 14px;
  vertical-align: middle;
}

body.product-technology-v2[data-product-experience="premium-v1"] :is(.modal, .product-compare-modal, .modal-editor, .new-test-link-modal) {
  border-radius: 28px;
}

@media (max-width: 1180px) {
  body.product-technology-v2[data-product-experience="premium-v1"] .app-shell { grid-template-columns: 240px minmax(0, 1fr); }
  body.product-technology-v2[data-product-experience="premium-v1"] .sidebar { width: 218px; }
}

@media (max-width: 1040px) {
  body.product-technology-v2[data-product-experience="premium-v1"] .app-shell { grid-template-columns: minmax(0, 1fr); }
  body.product-technology-v2[data-product-experience="premium-v1"] .workspace { grid-column: 1; }
  body.product-technology-v2[data-product-experience="premium-v1"] .sidebar {
    inset: 34px auto 0 0;
    width: min(86vw, 310px);
    height: calc(100dvh - 34px);
    border-radius: 0 24px 24px 0;
  }
}

@media (max-width: 760px) {
  body.product-technology-v2[data-product-experience="premium-v1"] .topbar {
    top: 42px !important;
    margin: 8px 10px 0;
    padding: 11px 13px;
    border-radius: 18px;
  }
  body.product-technology-v2[data-product-experience="premium-v1"] .content { padding: 12px 10px 38px; }
  body.product-technology-v2[data-product-experience="premium-v1"] .hero-panel { padding: 25px 21px; }
  body.product-technology-v2[data-product-experience="premium-v1"] .hero-panel h2 { font-size: 31px; }
}

/* Keep operational labels and controls prominent across the cost workspace. */
body.product-technology-v2[data-product-experience="premium-v1"] :is(.eyebrow, .section-kicker, .hero-kicker) { display: none; }
body.product-technology-v2[data-product-experience="premium-v1"] .page-description {
  font-size: 13px;
  line-height: 1.5;
}
body.product-technology-v2[data-product-experience="premium-v1"] .product-domain-authoritative-banner span { display: none; }
body.product-technology-v2[data-product-experience="premium-v1"] .item-image-editor {
  align-items: center;
  flex-direction: row;
  gap: 12px;
  margin-bottom: 14px;
  padding: 9px 11px;
  border-radius: 13px;
}
body.product-technology-v2[data-product-experience="premium-v1"] .item-image-editor .image-upload-surface {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  aspect-ratio: auto;
  border-radius: 12px;
}
body.product-technology-v2[data-product-experience="premium-v1"] .item-image-editor .image-upload-overlay,
body.product-technology-v2[data-product-experience="premium-v1"] .item-image-copy > span { display: none; }
body.product-technology-v2[data-product-experience="premium-v1"] .item-image-copy { gap: 6px; }
body.product-technology-v2[data-product-experience="premium-v1"] .item-image-copy strong { font-size: 13px; }
body.product-technology-v2[data-product-experience="premium-v1"] .item-image-editor .image-editor-actions .button { min-height: 34px; }
body.product-technology-v2[data-product-experience="premium-v1"] .library-table :is(th, td) { padding-inline: 10px; }
body.product-technology-v2[data-product-experience="premium-v1"] .material-unit-row > label > span { font-size: 12px; }
body.product-technology-v2[data-product-experience="premium-v1"] .material-unit-row .formula-field-help,
body.product-technology-v2[data-product-experience="premium-v1"] .material-unit-auto-price { font-size: 11px; line-height: 1.45; }
body.product-technology-v2[data-product-experience="premium-v1"] #overviewView .hero-panel,
body.product-technology-v2[data-product-experience="premium-v1"] #overviewView .flow-panel { display: none; }
body.product-technology-v2[data-product-experience="premium-v1"] #overviewView > .dashboard-grid:not(.lower-grid) {
  grid-template-columns: minmax(0, 1fr);
}
body.product-technology-v2[data-product-experience="premium-v1"] :is(#recipesView, #costsView) > .feature-check-strip {
  display: none;
}

@media (max-width: 620px) {
  body.product-technology-v2[data-product-experience="premium-v1"] .topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 8px;
  }
  body.product-technology-v2[data-product-experience="premium-v1"] .topbar-left {
    width: 100%;
    min-width: 0;
  }
  body.product-technology-v2[data-product-experience="premium-v1"] .topbar-left > div {
    min-width: 0;
  }
  body.product-technology-v2[data-product-experience="premium-v1"] .topbar h1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  body.product-technology-v2[data-product-experience="premium-v1"] .topbar-actions {
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  body.product-technology-v2[data-product-experience="premium-v1"] :is(#materialsView, #suppliesView, #supplyOffersView) > .library-intro,
  body.product-technology-v2[data-product-experience="premium-v1"] #recipesView > .recipe-lifecycle-guide,
  body.product-technology-v2[data-product-experience="premium-v1"] .recipe-category-heading p,
  body.product-technology-v2[data-product-experience="premium-v1"] .recipe-category-card small {
    display: none;
  }
  body.product-technology-v2[data-product-experience="premium-v1"] .compact-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-block: 10px;
  }
  body.product-technology-v2[data-product-experience="premium-v1"] .compact-metrics .mini-metric {
    min-height: 76px;
    padding: 10px 12px;
    border-radius: 14px;
  }
  body.product-technology-v2[data-product-experience="premium-v1"] .compact-metrics .mini-metric strong {
    font-size: 21px;
  }
  body.product-technology-v2[data-product-experience="premium-v1"] .recipe-category-board {
    margin-bottom: 10px;
    padding: 10px;
  }
  body.product-technology-v2[data-product-experience="premium-v1"] .recipe-category-heading {
    margin-bottom: 8px;
  }
  body.product-technology-v2[data-product-experience="premium-v1"] .recipe-category-card {
    min-height: 58px;
    padding: 8px;
  }
  body.product-technology-v2[data-product-experience="premium-v1"] .recipe-category-icon {
    min-width: 36px;
    height: 36px;
    border-radius: 10px;
  }
  body.product-technology-v2[data-product-experience="premium-v1"] .item-image-editor { align-items: center; }
  body.product-technology-v2[data-product-experience="premium-v1"] .item-image-editor .image-editor-actions { width: auto; }
}

/* ERP tables share the workbench type scale without shrinking dense data. */
body.product-technology-v2[data-product-experience="premium-v1"] table th { font-size: 12px; line-height: 1.5; }
body.product-technology-v2[data-product-experience="premium-v1"] table td { font-size: 14px; line-height: 1.6; font-variant-numeric: tabular-nums; }
body.product-technology-v2[data-product-experience="premium-v1"] table :is(.muted, .cell-sub, small) { font-size: 12px; line-height: 1.5; }

/* Sidebar hierarchy: calm totals, explicit disclosure, and one system/data entry. */
body.product-technology-v2[data-product-experience="premium-v1"] .nav-sublist[hidden] {
  display: none !important;
}

body.product-technology-v2[data-product-experience="premium-v1"] .nav-disclosure {
  margin-left: auto;
  color: #8e8e93;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transform: rotate(0deg);
  transform-origin: center;
  transition: color 150ms ease, transform 150ms ease;
}

body.product-technology-v2[data-product-experience="premium-v1"] #recipeNavToggle .nav-count {
  margin-left: auto;
}

body.product-technology-v2[data-product-experience="premium-v1"] #recipeNavToggle .nav-disclosure {
  margin-left: 2px;
}

body.product-technology-v2[data-product-experience="premium-v1"] .nav-disclosure-item[aria-expanded="true"] .nav-disclosure {
  color: #0066cc;
  transform: rotate(180deg);
}

body.product-technology-v2[data-product-experience="premium-v1"] :is(.nav-count, .nav-sub-count) {
  min-width: 0;
  padding: 0 2px;
  border-radius: 0;
  color: #8e8e93;
  background: transparent;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
  box-shadow: none;
}

body.product-technology-v2[data-product-experience="premium-v1"] :is(.nav-item.active .nav-count, .nav-subitem.active .nav-sub-count) {
  color: #4f78a3;
  background: transparent;
}

body.product-technology-v2[data-product-experience="premium-v1"] :is(.nav-item, .nav-subitem).has-pending-submissions :is(.nav-count, .nav-sub-count) {
  min-width: 18px;
  padding: 1px 6px;
  border-radius: 999px;
  color: #fff;
  background: #d92d20;
  font-weight: 760;
  line-height: 1.45;
  box-shadow: 0 2px 7px rgba(217, 45, 32, 0.2);
}

body.product-technology-v2[data-product-experience="premium-v1"] .system-data-nav-sublist {
  margin-bottom: 3px;
}

/* Supply catalogue: aligned per-unit rows and always-visible actions. */
body[data-admin-surface="product"] #supplyOffersView .supply-offer-category-jumps {
  display: flex; flex-wrap: wrap; gap: 8px;
}
body[data-admin-surface="product"] #supplyOffersView .supply-offer-category-jump {
  min-height: 40px; padding: 7px 12px; gap: 14px; border-radius: 10px; font-size: 14px;
}
body[data-admin-surface="product"] #supplyOffersView .supply-offer-toolbar-card .filter-row {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
}
body[data-admin-surface="product"] #supplyOffersView .filter-row > .search-box { flex: 1 1 260px; min-width: 0; }
body[data-admin-surface="product"] #supplyOffersView .filter-row > select { flex: 1 1 150px; min-width: 0; }
body[data-admin-surface="product"] #supplyOffersView .supply-offer-table { table-layout: auto; width: 100%; min-width: 0; }
body[data-admin-surface="product"] #supplyOffersView .supply-offer-table :is(th, td) { vertical-align: middle; text-align: left; }
body[data-admin-surface="product"] #supplyOffersView .supply-offer-table .primary-cell { min-width: 180px; max-width: 290px; }
body[data-admin-surface="product"] #supplyOffersView .supply-offer-table .primary-cell :is(strong, span, small) { white-space: normal; overflow-wrap: anywhere; }
body[data-admin-surface="product"] #supplyOffersView .supply-offer-table .actions-cell { width: 240px; min-width: 220px; }
body[data-admin-surface="product"] #supplyOffersView .actions-cell > .row-actions {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 6px; max-width: none;
}
body[data-admin-surface="product"] #supplyOffersView .row-actions .row-button {
  display: flex; align-items: center; justify-content: center; min-height: 36px; padding: 7px 8px; margin: 0;
  width: 100%; min-width: 0; max-width: 100%; font-size: 13px; line-height: 1.4; white-space: normal; overflow-wrap: anywhere;
}
body[data-admin-surface="product"] .supply-subcategory { display: block; margin-top: 6px; font-size: 12px; color: var(--muted); }
body[data-admin-surface="product"] .supply-unit-prices { min-width: 330px; }
body[data-admin-surface="product"] :is(.supply-unit-grid-head, .supply-unit-grid-row) {
  display: grid; grid-template-columns: minmax(70px, 1fr) repeat(3, minmax(64px, 1fr)); gap: 12px; align-items: center;
}
body[data-admin-surface="product"] .supply-unit-grid-head { color: var(--muted); font-size: 11px; padding-bottom: 6px; }
body[data-admin-surface="product"] .supply-unit-grid-row { padding: 8px 0; min-height: 42px; border-top: 1px solid var(--line); font-size: 13px; }
body[data-admin-surface="product"] .supply-unit-grid-row > div { min-width: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
body[data-admin-surface="product"] :is(.supply-unit-grid-head, .supply-unit-grid-row) > :not(:first-child) { text-align: right; }
body[data-admin-surface="product"] .supply-unit-grid-row strong { font-size: 13px; line-height: 1.4; }
body[data-admin-surface="product"] .supply-unit-grid-row small { display: block; font-size: 11px; color: var(--muted); line-height: 1.5; margin-top: 3px; }
body[data-admin-surface="product"] .price-pending { color: var(--muted); font-weight: 400; }
body[data-admin-surface="product"] .supply-pricing-editor-row {
  display: grid; grid-template-columns: minmax(90px, .7fr) repeat(2, minmax(160px, 1.5fr)) minmax(110px, .8fr) 44px;
  gap: 12px; align-items: start; padding: 14px; margin-bottom: 10px; border: 1px solid var(--line); border-radius: 12px; background: #fff;
}
body[data-admin-surface="product"] .supply-pricing-editor-row label { min-width: 0; display: grid; gap: 6px; }
body[data-admin-surface="product"] .supply-pricing-editor-row label > span { min-height: 18px; font-size: 12px; line-height: 1.5; }
body[data-admin-surface="product"] .supply-pricing-editor-row :is(input, .formula-input-shell) { min-width: 0; width: 100%; min-height: 40px; }
body[data-admin-surface="product"] .supply-pricing-editor-row > button { margin-top: 24px; min-width: 0; padding: 8px 0; }
body[data-admin-surface="product"] .supply-pricing-editor-row small { font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
@media (max-width: 1100px) {
  body[data-admin-surface="product"] #supplyOffersView .supply-offer-results-panel .table-container { overflow-x: auto; }
  body[data-admin-surface="product"] #supplyOffersView .supply-offer-table { min-width: 1000px; }
  body[data-admin-surface="product"] .supply-pricing-editor-row { grid-template-columns: minmax(76px, .65fr) repeat(2, minmax(115px, 1fr)) 90px 38px; gap: 8px; padding: 10px; }
}
@media (max-width: 760px) {
  body[data-admin-surface="product"] #supplyOffersView .supply-offer-table { min-width: 0; }
  body[data-admin-surface="product"] #supplyOffersView .supply-offer-results-panel .table-container { overflow: visible; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td[data-label="分类"],
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td[data-label="更新时间"] {
    grid-column: 1 / -1; width: 100%; border-right: 0 !important; display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px;
  }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-subcategory { margin: 0; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table td.supply-unit-prices { display: block; width: 100%; min-width: 0; grid-column: 1 / -1; padding: 10px 0; }
  body[data-admin-surface="product"] #supplyOffersTableContainer td.supply-unit-prices::before { display: none; }
  body[data-admin-surface="product"] :is(.supply-unit-grid-head, .supply-unit-grid-row) { grid-template-columns: minmax(60px, 1fr) repeat(3, minmax(54px, 1fr)); gap: 6px; }
  body[data-admin-surface="product"] #supplyOffersView .supply-offer-table .actions-cell { width: 100%; min-width: 0; }
  body[data-admin-surface="product"] .supply-pricing-editor-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-admin-surface="product"] .supply-pricing-editor-row > label:nth-child(1) { grid-column: 1 / -1; }
  body[data-admin-surface="product"] .supply-pricing-editor-row > button { margin-top: 24px; justify-self: end; padding: 8px; }
}

/* Same-name units retain their original editable/source identities. */
body[data-admin-surface="product"] .supply-group-card {
  padding: 18px; margin-bottom: 14px; border: 1px solid var(--line);
  border-radius: 14px; background: #fff; min-width: 0; overflow-wrap: anywhere;
}
body[data-admin-surface="product"] .supply-group-rates > div {
  display: grid; grid-template-columns: minmax(64px, 1fr) repeat(2, minmax(0, 1fr));
  gap: 12px; padding-bottom: 10px; align-items: center;
}
body[data-admin-surface="product"] .supply-group-card > small { display: block; color: var(--muted); }
body[data-admin-surface="product"] .supply-group-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
/* Every supply product shares four visible actions, including grouped units. */
body[data-admin-surface="product"] #supplyOffersView .supply-common-actions .row-button {
  min-height: 40px; padding: 8px 10px; font-size: 14px; line-height: 1.45;
}
body[data-admin-surface="product"] .supply-archive-sections {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; width: 100%;
}
body[data-admin-surface="product"] .supply-archive-section {
  display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-width: 0;
  padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: #f8faff;
}
body[data-admin-surface="product"] .supply-archive-section h3 { margin: 0; font-size: 15px; line-height: 1.5; }
body[data-admin-surface="product"] .supply-archive-section p {
  flex: 1; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; overflow-wrap: anywhere;
}
body[data-admin-surface="product"] .supply-archive-section .button {
  min-height: 40px; max-width: 100%; white-space: normal; overflow-wrap: anywhere;
}
body[data-admin-surface="product"] .supply-archive-source-actions { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 760px) {
  body[data-admin-surface="product"] .supply-archive-sections { grid-template-columns: minmax(0, 1fr); }
  body[data-admin-surface="product"] #supplyOffersView .supply-common-actions .row-button { min-height: 44px; }
}
body[data-admin-surface="product"] .supply-publish-selection-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
body[data-admin-surface="product"] .supply-publish-unit {
  display: grid; grid-template-columns: 24px minmax(64px, 1fr) minmax(0, 2fr);
  align-items: center; gap: 12px; padding: 16px; margin-bottom: 10px;
  border: 1px solid var(--line); border-radius: 12px; background: #fff; cursor: pointer; overflow-wrap: anywhere;
}
body[data-admin-surface="product"] .supply-publish-unit input { width: 20px; height: 20px; margin: 0; }
body[data-admin-surface="product"] .supply-publish-pending { display: flex; flex-wrap: wrap; gap: 12px; padding: 12px 16px; color: var(--muted); }
body[data-admin-surface="product"] #supplyCatalogPublishModal .modal-footer { flex-wrap: wrap; gap: 12px; }
@media (max-width: 520px) {
  body[data-admin-surface="product"] .supply-publish-unit { grid-template-columns: 24px minmax(0, 1fr); }
  body[data-admin-surface="product"] .supply-publish-unit span { grid-column: 2; }
  body[data-admin-surface="product"] #supplyCatalogPublishModal .modal-footer > div { display: flex; flex-wrap: wrap; gap: 10px; }
}
@media (max-width: 520px) {
  body[data-admin-surface="product"] .supply-group-rates > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-admin-surface="product"] .supply-group-rates strong { grid-column: 1 / -1; }
  body[data-admin-surface="product"] #supplyOfferGroupModal .modal-footer { flex-wrap: wrap; }
}

/* Stacked sticky layers hid row actions during programmatic and manual scroll. */
body[data-admin-surface="product"] #supplyOffersView :is(.supply-offer-sticky-stack, .table-sort-note, .supply-offer-table thead th) {
  position: static !important;
  top: auto !important;
  z-index: auto;
}
body[data-admin-surface="product"] #supplyOffersView .row-button {
  scroll-margin-top: calc(var(--product-sticky-top, 124px) + 16px);
}

/* Cards are for phones only; laptop rows keep product, prices and actions side by side. */
@media (max-width: 760px) {
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table {
    display: block !important; width: 100% !important; min-width: 0 !important;
    table-layout: auto !important; background: transparent;
  }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table thead { display: block !important; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table thead tr { display: block; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table thead th:not(.select-cell) { display: none; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table thead th.select-cell {
    display: flex; align-items: center; gap: 8px; width: auto; padding: 10px 12px;
    border: 0; background: transparent; box-shadow: none;
  }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table thead th.select-cell::after { content: "全选本页"; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody {
    display: grid !important; width: 100%; gap: 12px;
  }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody tr {
    position: relative; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 14px; background: #fff;
  }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td {
    display: block !important; width: auto !important; min-width: 0 !important; max-width: none;
    padding: 10px 12px !important; border-right: 0 !important; white-space: normal; overflow-wrap: anywhere;
  }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td.primary-cell {
    order: -10; grid-column: 1 / -1; padding-right: 62px !important;
  }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td.select-cell {
    position: absolute !important; top: 10px; right: 10px; z-index: 1; width: 40px !important;
    height: 40px; padding: 8px !important; border: 0 !important;
  }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td[data-label="分类"],
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td[data-label="更新时间"] {
    order: 1; grid-column: auto; display: flex !important; align-items: center; flex-wrap: wrap; gap: 8px;
  }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td.supply-unit-prices { order: 2; grid-column: 1 / -1; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td.actions-cell { order: 3; grid-column: 1 / -1; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td.supply-unit-prices::before { display: none; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td[colspan] { grid-column: 1 / -1; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .row-actions {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; width: 100%;
  }
}
@media (max-width: 760px) {
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody tr { grid-template-columns: minmax(0, 1fr); }
  body[data-admin-surface="product"] #supplyOffersTableContainer .row-actions { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* Compact desktop table: secondary metadata stays below the product name,
   never between the product, its unit prices and its four actions. */
@media (min-width: 761px) and (max-width: 1440px) {
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table {
    --supply-row-columns: 32px minmax(145px, 1fr) minmax(280px, 1.65fr) 180px;
    display: block; width: 100%; min-width: 0; table-layout: auto;
  }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table :is(thead, tbody) { display: block; width: 100%; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table :is(thead, tbody) > tr {
    display: grid; grid-template-columns: var(--supply-row-columns); width: 100%; min-width: 0;
  }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table thead th { width: auto; min-width: 0; padding: 12px 8px; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table thead th:is(:nth-child(2), :nth-child(5)) { display: none; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table thead th:nth-child(3) { grid-column: 2; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table thead th:nth-child(4) { grid-column: 3; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table thead th:nth-child(6) { grid-column: 4; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody tr {
    grid-template-rows: auto auto auto; align-items: center; align-content: center;
    padding: 12px 0; border-bottom: 1px solid var(--line);
  }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td {
    display: block; width: auto; min-width: 0; max-width: none; padding: 4px 8px; border: 0;
  }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td.select-cell { grid-column: 1; grid-row: 1 / 4; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td.primary-cell { grid-column: 2; grid-row: 1; min-width: 0; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td[data-label="分类"] {
    grid-column: 2; grid-row: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
  }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-subcategory { margin: 0; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td[data-label="更新时间"] {
    grid-column: 2; grid-row: 3; color: var(--muted); font-size: 11px; overflow-wrap: anywhere;
  }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td.supply-unit-prices { grid-column: 3; grid-row: 1 / 4; }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-offer-table tbody td.actions-cell { grid-column: 4; grid-row: 1 / 4; width: auto; min-width: 0; }
  body[data-admin-surface="product"] #supplyOffersTableContainer :is(.supply-unit-grid-head, .supply-unit-grid-row) {
    grid-template-columns: minmax(40px, .65fr) repeat(3, minmax(0, 1fr)); gap: 6px;
  }
  body[data-admin-surface="product"] #supplyOffersTableContainer .supply-common-actions .row-button {
    min-height: 38px; padding: 7px 5px; font-size: 13px; white-space: nowrap; overflow-wrap: normal;
  }
}

/* Cream recipes are cost templates, not image/catalogue product cards. */
body[data-admin-surface="product"] #recipesView.cream-recipes-workspace .toolbar-actions.bulk-toolbar-actions {
  flex-wrap: wrap !important;
  min-width: 0;
  max-width: 100%;
  overflow: visible !important;
}
body[data-admin-surface="product"] #productModal.cream-recipe-mode [data-cream-image],
body[data-admin-surface="product"] #bulkProductModal.cream-recipe-batch-mode .cost-card-export-planner,
body[data-admin-surface="product"] #bulkProductModal.cream-recipe-batch-mode :is(#bulkMarkProductsOnSaleBtn, #bulkMarkProductsOffSaleBtn),
body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td:is(.image-cell, .product-cost-actual-cell),
body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table :is(.image-cell, .product-cost-actual-cell, .col-image, .col-actual),
body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table thead th:nth-child(2),
body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table thead th:nth-child(8) {
  display: none !important;
}
body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-actions-cell .row-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-actions-cell .row-button {
  min-height: 40px;
  white-space: normal !important;
  overflow-wrap: anywhere;
}
@media (min-width: 1200px) {
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row {
    grid-template-columns: 34px minmax(0, 1.8fr) minmax(0, .6fr) minmax(0, .9fr) minmax(0, .9fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.6fr) !important;
  }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td { grid-row: 1 !important; }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-identity-cell { grid-column: 2 !important; }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-formula-cell { grid-column: 3 !important; }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-total-cell { grid-column: 4 !important; }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-pricing-cell { grid-column: 5 !important; }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-average-cell { grid-column: 6 !important; }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-status-cell { grid-column: 7 !important; }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-actions-cell { grid-column: 8 !important; }
}
@media (min-width: 901px) and (max-width: 1199px) {
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.select-cell { grid-column: 1 !important; grid-row: 1 !important; }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-identity-cell { grid-column: 2 / 9 !important; grid-row: 1 !important; }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-formula-cell { grid-column: 9 / 11 !important; grid-row: 1 !important; }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-total-cell { grid-column: 11 / 13 !important; grid-row: 1 !important; }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-pricing-cell { grid-column: 1 / 5 !important; grid-row: 2 !important; }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-average-cell { grid-column: 5 / 9 !important; grid-row: 2 !important; }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-status-cell { grid-column: 9 / 13 !important; grid-row: 2 !important; }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-actions-cell { grid-column: 1 / -1 !important; grid-row: 3 !important; }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-actions-cell .row-actions { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
@media (max-width: 900px) {
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace .table-toolbar.mobile-filter-toolbar {
    position: static !important;
    top: auto !important;
  }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td:is(.select-cell, .product-cost-identity-cell, .product-cost-actions-cell)::before {
    display: none !important;
  }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-identity-cell {
    padding-left: 14px !important;
  }
  body[data-admin-surface="product"] #recipesView.cream-recipes-workspace #productsTableContainer .cream-recipe-table tbody tr.product-cost-summary-row > td.product-cost-status-cell {
    grid-column: 1 / -1 !important;
    border-right: 0 !important;
  }
}