/* Recipe-specific editor: hide irrelevant controls without deleting data. */
#productModal [hidden] { display: none !important; }
#productModal.component-recipe-mode .editor-import-note { display: none; }
#productModal.component-recipe-mode .editor-step-nav { grid-template-columns: minmax(0, 1fr); }
#productModal.component-recipe-mode .editor-step-nav button { min-width: 0; white-space: normal; }
#productModal .editor-step-nav small { line-height: 1.5; overflow-wrap: anywhere; }
#productModal.component-recipe-mode .form-grid > label { min-width: 0; }
#productModal.component-recipe-mode .form-grid > .span-3 { grid-column: 1/-1; }
#productModal.component-recipe-mode .modal-footer .button { white-space: normal; min-height: 44px; }
#productFormulaSection { container-type: inline-size; }
/* Switch by the space actually available beside the editor rail, not screen size. */
@container (max-width: 1420px) {
  #productModal .formula-table-wrap { overflow: visible; border: 0; background: transparent; }
  #productModal .formula-table { display: block; width: 100%; min-width: 0; max-width: 100%; }
  #productModal .formula-table :is(thead, colgroup) { display: none; }
  #productModal .formula-table tbody { display: grid; gap: 14px; width: 100%; }
  #productModal .formula-table tr[data-line-id] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; width: 100%; min-width: 0; padding: 16px; box-sizing: border-box; border: 1px solid #dfe7f0; border-radius: 14px; background: #fff; }
  #productModal .formula-table tr[data-line-id] td:nth-child(n) { display: block; grid-column: span 1; min-width: 0; padding: 0; border: 0; text-align: left; overflow-wrap: anywhere; }
  #productModal .formula-table tr[data-line-id] td::before { content: attr(data-label); display: block; margin-bottom: 8px; font-size: 12px; font-weight: 500; line-height: 1.5; color: #687383; }
  #productModal .formula-table tr[data-line-id] :is(td.formula-item-cell, td[data-label="公式 / 固定成本"]) { grid-column: span 3; }
  #productModal .formula-table-with-sections tr[data-line-id] td.formula-item-cell { grid-column: 1/-1; }
  #productModal .formula-table-with-sections tr[data-line-id] td[data-label="成本分区"] { grid-column: span 3; }
  #productModal .formula-table .formula-row-actions { display: flex; flex-wrap: wrap; gap: 8px; }
  #productModal .formula-table .formula-row-actions button { min-height: 40px; white-space: normal; }
  #productModal .formula-table .formula-section-row { display: block; }
  #productModal .formula-table .formula-section-row td { display: block; }
  #productModal .formula-table :is(input, select, .formula-item-picker) { min-width: 0; max-width: 100%; }
}
@container (max-width: 680px) {
  #productModal .formula-table tr[data-line-id] { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px; }
  #productModal .formula-table tr[data-line-id] td:nth-child(n) { grid-column: span 1; }
  #productModal .formula-table tr[data-line-id] :is(td.formula-item-cell, td[data-label="成本分区"], td[data-label="公式 / 固定成本"], td[data-label="操作"]) { grid-column: 1/-1; }
}
@media (max-width: 680px) {
  #productModal.component-recipe-mode .editor-step-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #productModal.component-recipe-mode .editor-step-nav button { grid-template-columns: 28px minmax(0, 1fr); text-align: left; justify-items: stretch; }
  #productModal.component-recipe-mode .editor-step-nav button div { display: block; }
  #productModal.component-recipe-mode .editor-step-nav strong { font-size: 13px; }
  #productModal.component-recipe-mode .form-grid { grid-template-columns: 1fr; }
  #productModal.component-recipe-mode .form-grid > label { grid-column: 1/-1; }
  #productModal .editor-step-nav small { display: none; }
}