/* Food rows, picker, quantities and gestures use the shared composition styles. */
dialog.recipe-editor-modal{width:min(920px,calc(100vw - 20px));max-height:calc(100dvh - 24px);padding:22px}
.recipe-main-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.recipe-main-fields input{min-width:0}.recipe-main-fields .composition-color-picker{margin-top:2px}
.recipe-composition{margin:16px 0}.recipe-color-preview{font-size:16px;font-weight:750;min-height:44px}.recipe-total{position:sticky;bottom:0;z-index:2;background:var(--surface);margin:10px 0 18px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.recipe-total .meal-total{border-top:0}
#recipe-form>label{margin:14px 0}.recipe-ai{padding:14px;border:1px solid var(--line);border-radius:6px;margin-top:20px}.recipe-ai summary{font-weight:650;cursor:pointer}.recipe-ai label{margin-top:14px}.recipe-ai p{font-size:12px;line-height:1.6;margin:12px 0}.recipe-ai .btn{margin:12px 0}.recipe-save-row{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}[data-recipe-status]{font-size:12px;line-height:1.6;margin-top:12px}[data-recipe-status].error{color:var(--bad)}
@media(max-width:700px){dialog.recipe-editor-modal{width:calc(100vw - 12px);padding:16px 8px}.recipe-main-fields{grid-template-columns:minmax(0,1fr);gap:10px}.recipe-main-fields input{font-size:13px}.recipe-save-row .btn{font-size:12px}.recipe-editor-modal .modal-top{margin:0 6px 15px}.recipe-editor-modal #modal-title{font-size:20px}}

.recipe-diet-row{background:var(--recipe-color)!important;color:var(--recipe-ink)!important}.recipe-diet-row .food-picker,.recipe-diet-row [data-nutrient]{color:inherit!important}.recipe-diet-row input[readonly]{cursor:default;opacity:.85}.recipe-diet-row .quantity-step:disabled{opacity:.3;cursor:default}