/* Scoped to recipe presentation, never changes the pricing calculations. */
body[data-product-workspace="cost"] #recipeCatalogPublishModal .recipe-catalog-classification { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:16px 0 20px; }
body[data-product-workspace="cost"] #recipeCatalogPublishModal .recipe-catalog-classification label { display:grid; min-width:0; gap:8px; color:#475569; font-size:14px; line-height:1.5; }
body[data-product-workspace="cost"] #recipeCatalogPublishModal :is(.recipe-catalog-basis,.recipe-catalog-classification) select {
  box-sizing:border-box; display:block; width:100%; min-width:0; min-height:48px;
  padding:12px 36px 12px 14px; border:1px solid #cbd5e1; border-radius:12px;
  background-color:#fff; color:#1e293b; font:inherit; font-size:15px; line-height:1.5;
  text-overflow:ellipsis; cursor:pointer;
}
body[data-product-workspace="cost"] #recipeCatalogPublishModal :is(.recipe-catalog-basis,.recipe-catalog-classification) select:focus-visible {
  outline:3px solid #bfdbfe; outline-offset:2px; border-color:#2563eb;
}
body[data-product-workspace="cost"] #recipeCatalogPublishModal :is(.recipe-catalog-basis,.recipe-catalog-classification) select:disabled {
  background-color:#f1f5f9; color:#64748b; cursor:wait;
}
body[data-product-workspace="cost"] #recipeCatalogPublishModal .recipe-catalog-basis { font-size:14px; line-height:1.5; }
body[data-product-workspace="cost"] #manageProductImagesBtn { flex:0 0 auto; white-space:nowrap; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices {
  display:grid !important;
  grid-template-columns:24px 72px minmax(150px,1.6fr) repeat(5,minmax(82px,1fr)) 72px minmax(160px,1.2fr) !important;
  grid-template-areas:"select image identity total premium average newprice actual status actions" !important;
  gap:0 !important;
}
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td { min-width:0 !important; width:auto !important; min-height:64px !important; padding:10px 6px !important; position:static !important; grid-row:auto !important; grid-column:auto !important; text-align:left !important; align-content:center !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td.select-cell { grid-area:select !important; padding:4px !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td.image-cell { grid-area:image !important; padding:4px !important; }
/* The shared carousel is 64px: reserve its full bounds, including both arrows,
   instead of clipping it inside the legacy 48/50px thumbnail cell. */
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .birthday-separate-prices .image-cell .product-image-carousel { width:64px !important; height:64px !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td.product-cost-identity-cell { grid-area:identity !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td.product-cost-formula-cell { display:none !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td.product-cost-total-cell { grid-area:total !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td.product-cost-actual-cell { grid-area:actual !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td.product-cost-status-cell { grid-area:status !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td.product-cost-pricing-cell { grid-area:premium !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td.product-cost-average-cell { grid-area:average !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td.product-cost-new-price-cell { grid-area:newprice !important; display:grid !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td.product-cost-actions-cell { grid-area:actions !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > :is(.product-cost-pricing-cell,.product-cost-average-cell,.product-cost-new-price-cell) { background:#f6f9fe !important; border-top:0 !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td.product-cost-new-price-cell::before { content:attr(data-label); display:block; color:#677282; font-size:12px; line-height:1.5; margin-bottom:4px; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .birthday-separate-prices .price-main,
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .birthday-separate-prices .product-cost-total-cell > strong { white-space:normal !important; overflow-wrap:anywhere; font-size:14px !important; font-variant-numeric:tabular-nums; }
/* A compact status badge, not a second information panel. The full timestamp
   remains in the DOM and in the cell tooltip; warnings still open cost details. */
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .birthday-separate-prices .product-cost-status-cell::before,
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .birthday-separate-prices .product-cost-status-stack > :is(small,time),
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .birthday-separate-prices .product-cost-badges > .row-button { display:none !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .birthday-separate-prices .product-cost-status-stack { display:flex !important; justify-content:center; overflow:visible !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .birthday-separate-prices .product-cost-status-stack .status-badge { padding:3px 5px !important; font-size:11px !important; line-height:1.4 !important; white-space:nowrap !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .birthday-separate-prices .product-cost-status-stack > .row-button { padding:0 !important; min-height:30px !important; border:0 !important; background:transparent !important; font-size:11px !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .birthday-separate-prices .row-actions { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:4px !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .birthday-separate-prices .row-actions .row-button { min-height:30px !important; padding:5px 3px !important; font-size:12px !important; white-space:nowrap !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .birthday-separate-prices .product-cost-title strong { font-size:14px !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td::before { font-size:11px !important; }
body[data-product-workspace="cost"] #recipesView .birthday-pricing-reference > div { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
body[data-product-workspace="cost"] #recipesView .birthday-pricing-reference .birthday-fold-metric { padding:8px; background:#f6f9fe; border-radius:8px; }
body[data-product-workspace="cost"] #recipesView .birthday-pricing-reference .birthday-fold-metric b { font-size:14px !important; white-space:normal !important; overflow-wrap:anywhere; }
/* Remove legacy explicit tracks: otherwise the side actions occupy the title. */
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-fold-row .birthday-fold-card > :is(.birthday-fold-title-block,.birthday-fold-metrics,.birthday-fold-side) { grid-column:auto !important; grid-row:auto !important; width:auto !important; min-width:0 !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-fold-row .birthday-fold-side { display:flex !important; flex-wrap:wrap !important; align-content:flex-start !important; gap:6px !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-fold-row .birthday-fold-action-row { width:100% !important; }
body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-fold-row .birthday-fold-metric { min-width:0 !important; grid-column:auto !important; grid-row:auto !important; }
@media(max-width:1279px) {
  body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-fold-row .birthday-fold-card { grid-template-columns:minmax(0,1fr) !important; gap:16px !important; }
  body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices { grid-template-columns:repeat(5,minmax(0,1fr)) !important; grid-template-areas:"identity identity identity identity status" "total premium average newprice actual" "actions actions actions actions actions" !important; position:relative !important; }
  body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td.product-cost-identity-cell { padding:14px 18px 14px 90px !important; min-height:100px !important; }
  body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td.select-cell { position:absolute !important; grid-area:auto !important; top:5px !important; right:8px !important; left:auto !important; width:28px !important; height:28px !important; min-height:28px !important; }
  body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td.image-cell { position:absolute !important; grid-area:auto !important; top:14px !important; left:10px !important; width:72px !important; height:72px !important; min-height:72px !important; }
  body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices > td.product-cost-status-cell { padding-top:30px !important; }
  body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .birthday-separate-prices .row-actions { display:flex !important; flex-wrap:wrap !important; justify-content:flex-end !important; }
  body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .birthday-separate-prices .row-actions .row-button { width:auto !important; padding:6px 12px !important; }
}
@media(max-width:600px) {
  body[data-product-workspace="cost"] #recipeCatalogPublishModal .recipe-catalog-classification { grid-template-columns:minmax(0,1fr); }
  body[data-product-workspace="cost"] #manageProductImagesBtn { padding:8px 10px !important; font-size:13px !important; }
  body[data-product-workspace="cost"] #recipesView .birthday-pricing-reference > div { grid-template-columns:minmax(0,1fr); }
  /* Only genuinely narrow screens reflow prices rather than clip amounts. */
  body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices { grid-template-columns:repeat(3,minmax(0,1fr)) !important; grid-template-areas:"identity identity status" "total actual ." "premium average newprice" "actions actions actions" !important; }
}

/* Cake cards show the requested cost components without changing calculations. */
body[data-product-workspace="cost"] #recipesView .birthday-cost-breakdown { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; text-align:left; }
body[data-product-workspace="cost"] #recipesView .birthday-cost-item { min-width:0; }
body[data-product-workspace="cost"] #recipesView .birthday-cost-item small { display:block; color:#64748b; font-size:12px; line-height:1.5; }
body[data-product-workspace="cost"] #recipesView .birthday-cost-item strong { display:block; font-size:14px; line-height:1.5; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
@media(min-width:1280px) {
 body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices { grid-template-columns:24px 72px minmax(150px,1.4fr) minmax(210px,1.8fr) repeat(4,minmax(82px,1fr)) 72px minmax(160px,1.2fr) !important; }
}
@media(max-width:1279px) {
 body.product-technology-v2[data-product-workspace="cost"] #recipesView #productsTableContainer .responsive-product-table tbody tr.birthday-separate-prices { grid-template-areas:"identity identity identity identity status" "total total total total total" "premium premium average newprice actual" "actions actions actions actions actions" !important; }
 body[data-product-workspace="cost"] #recipesView .birthday-cost-breakdown { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:600px) {
 body[data-product-workspace="cost"] #recipesView .birthday-cost-breakdown { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
