.ingredient-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.ingredient-overview>div{padding:20px;display:grid;gap:10px}.ingredient-overview strong{font-size:28px}.ingredient-overview span{font-size:13px;color:var(--muted)}
.ingredients-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px;margin:20px 0}.ingredient-card{padding:20px}.ingredient-card>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px}.ingredient-card h3{margin:0;font-size:17px}.ingredient-stock{display:block;font-size:27px;margin:20px 0 12px}.ingredient-stock small{font-size:15px}.ingredient-card p{color:var(--muted);font-size:12px;line-height:1.7}.ingredient-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.ingredient-history{padding:22px}.ingredient-movement{display:grid;gap:7px;border-top:1px solid var(--line);padding:15px 0;font-size:13px;overflow-wrap:anywhere}.ingredient-movement small{color:var(--muted)}
.product-recipe{margin:22px 0;border-top:1px solid var(--line);padding-top:20px}.product-recipe>.option-check{font-size:16px}.product-recipe input[type="checkbox"]{accent-color:var(--teal)}.recipe-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;background:var(--paper,#f5f8fa);padding:15px;border:1px solid var(--line);border-radius:10px;margin:12px 0}.recipe-row .recipe-ingredient,.recipe-row .recipe-condition{grid-column:1/-1}.recipe-row label{display:grid;gap:6px;font-size:12px;font-weight:600;min-width:0}.recipe-row input,.recipe-row select{width:100%;min-width:0;height:40px;border:1px solid var(--line);border-radius:6px;padding:0 8px;background:var(--surface,#fff);color:var(--ink)}.recipe-row [data-remove-recipe]{grid-column:2;justify-self:end;min-width:44px}.recipe-row label:has([data-mode]){grid-column:1/-1}#recipeCost{font-size:13px;line-height:1.6;color:var(--muted)}#recipeError,#ingredientError,#ingredientMoveError{color:#d95454}
#ingredientForm,#ingredientMoveForm{display:grid;gap:16px}#ingredientForm .modal-head,#ingredientMoveForm .modal-head{margin:0}#ingredientModal .modal,#ingredientMoveModal .modal{max-height:90dvh;overflow-y:auto}#recipeEditor[hidden],.form-grid label[hidden]{display:none!important}
[data-theme="dark"] .recipe-row{background:#102634}[data-theme="dark"] .recipe-row input,[data-theme="dark"] .recipe-row select{background:#0b1f2b;color:#edf6fb}
@media(max-width:600px){.ingredient-overview{gap:10px}.ingredient-overview>div{padding:15px}.ingredient-card{padding:16px}.ingredient-card>div:first-child{align-items:flex-start;flex-wrap:wrap}.recipe-row{padding:12px;gap:10px}}