/* Keep text and removal separate; the last removal is reversible. */
.step-editor { grid-template-columns: 26px minmax(0, 1fr) 48px; }
.remove-step { margin-top: 29px; }
.editor-feedback { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 24px; }
.editor-feedback .status-line { flex: 1 1 180px; margin: 0; }
.editor-feedback .button { font-size: 14px; }
.ingredient-feedback { grid-column: 1 / -1; display: block; color: var(--ink-muted); overflow-wrap: anywhere; }
.ingredient-feedback:empty { display: none; }
.ingredient-suggestions { grid-column: 1 / -1; display: grid; gap: 8px; min-width: 0; }
.ingredient-suggestion { display: grid; justify-items: start; text-align: left; font-size: 14px; overflow-wrap: anywhere; }
.ingredient-suggestion small { color: var(--ink-muted); font-size: 13px; font-weight: 400; }
.ingredient-feedback.needs-detail { color: var(--tomato); }
.product-form { border-top: 1px solid var(--line); padding-top: 20px; margin-top: 20px; }
.product-form .button { margin-top: 16px; width: 100%; }
.product-form .field { margin-top: 12px; }
#unknown-products, #recipe-conflict, #recipe-duplicate { scroll-margin-top: 20px; overflow-wrap: anywhere; }
#recipe-conflict summary { display: flex; align-items: center; min-height: 48px; cursor: pointer; }
#recipe-draft { white-space: pre-wrap; font: inherit; font-size: 14px; padding: 12px; background: var(--surface); border-radius: var(--radius-md); }
#current-recipe { padding: 12px 0; }
#current-recipe h3 { margin-top: 16px; }
#current-recipe p { white-space: pre-wrap; }
#recipe-conflict .button, #recipe-duplicate .button { min-height: 48px; margin-block: 12px; }


.ingredient-feedback.needs-detail { border-left: 3px solid var(--tomato); padding: 8px 12px; }
.ingredient-entry:has(.needs-detail) input { border-color: var(--tomato); }
.section-head .count { background: var(--lemon); color: var(--on-lemon); padding: 4px 10px; border-radius: var(--radius-pill); }
.recipe-import { margin-bottom: 24px; }
.recipe-import summary { min-height: 48px; }
.recipe-import .button { width: 100%; margin-top: 12px; }
.recipe-import .field { margin-top: 12px; }
#recipe-import-warnings { padding-left: 24px; overflow-wrap: anywhere; }
#recipe-import-warnings li { margin-top: 8px; }
.recipe-source { font-size: 14px; overflow-wrap: anywhere; }
#recipe-import-confirm .button { margin-top: 12px; }