.recipe-calculator-shell{background:#fff;border:1px solid #dce4ef;border-radius:24px;box-shadow:0 18px 55px rgba(14,30,56,.08);padding:clamp(20px,4vw,42px);margin-top:28px}.recipe-basics{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px;margin-bottom:24px}.recipe-calculator-shell label{display:flex;flex-direction:column;gap:7px;font-size:.78rem;font-weight:750;color:#33445c}.recipe-calculator-shell input,.recipe-calculator-shell select{width:100%;box-sizing:border-box;border:1px solid #cbd7e6;border-radius:10px;background:#fff;color:#10223c;padding:11px 12px;font:inherit;font-size:.94rem}.recipe-calculator-shell input:focus,.recipe-calculator-shell select:focus{outline:3px solid rgba(37,99,235,.17);border-color:#2563eb}.ingredients-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.ingredients-heading h3{margin:0}.ingredients-heading p{margin:4px 0 0;color:#607089;font-size:.86rem}.add-ingredient,.remove-ingredient{border:0;background:#eaf1ff;color:#174baa;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer}.ingredient-rows{display:grid;gap:12px}.ingredient-row{display:grid;grid-template-columns:1.5fr repeat(6,1fr) 1.25fr;gap:10px;padding:16px;border:1px solid #dce4ef;border-radius:15px;background:#f8fbff}.ingredient-row-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.ingredient-row-head strong{font-size:.85rem;color:#19304f}.remove-ingredient{background:transparent;color:#8b3650;padding:4px 7px}.ingredient-row.has-error{border-color:#d99aa8}.ingredient-cost{display:flex;flex-direction:column;justify-content:center;background:#eaf1ff;border-radius:10px;padding:9px 11px}.ingredient-cost small,.ingredient-cost span{color:#5b6b82;font-size:.67rem}.ingredient-cost strong{font-size:1.03rem}.calculator-errors{margin:14px 0 0;padding:12px 14px;border-radius:10px;background:#fff2f4;color:#8f243d;font-size:.86rem}.calculator-results{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.calculator-result{background:#0e1e38;color:white;border-radius:14px;padding:17px}.calculator-result small{display:block;color:#aebdd1;font-size:.72rem;margin-bottom:8px}.calculator-result strong{display:block;font-size:1.4rem}.calculator-result span{display:block;color:#aebdd1;font-size:.72rem;margin-top:4px}.result-status{display:flex;flex-direction:column;justify-content:center;background:#eef4ff;color:#152b49}.result-status small{color:#607089}.status-badge{display:inline-flex;width:max-content;border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:850}.status-healthy{background:#d9f9e8;color:#12643a}.status-review{background:#fff1c7;color:#76570c}.status-high-cost{background:#ffe0e6;color:#92263e}.calculator-rule{font-size:.72rem;color:#6d7c91;margin:10px 0 0}.calculator-conversion{margin-top:18px;background:linear-gradient(135deg,#102341,#183d72);color:white;border-radius:18px;padding:24px}.calculator-conversion h3{margin:0 0 7px}.calculator-conversion p{color:#cfdaea;margin:0 0 16px}.calculator-conversion[hidden]{display:none}.calculator-conversion .button{margin-right:12px}.unit-note{font-size:.75rem;color:#68788e;margin:10px 0 0}
@media(max-width:1050px){.ingredient-row{grid-template-columns:repeat(4,1fr)}.ingredient-name{grid-column:span 2}.ingredient-cost{grid-column:span 2}.calculator-results{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.recipe-basics{grid-template-columns:1fr 1fr}.recipe-basics label:first-child{grid-column:1/-1}.ingredient-row{grid-template-columns:1fr 1fr;padding:13px}.ingredient-name,.ingredient-cost{grid-column:1/-1}.calculator-results{grid-template-columns:1fr 1fr}.calculator-result{padding:14px}.ingredients-heading{align-items:start;flex-direction:column}.calculator-conversion .button{display:flex;margin:0 0 12px;justify-content:center}}
@media(max-width:430px){.recipe-basics,.calculator-results{grid-template-columns:1fr}.recipe-basics label:first-child{grid-column:auto}}