.recipe-cost-calculator{width:100%;padding:var(--s5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);gap:var(--s4);flex-direction:column;margin:0 auto;display:flex}.recipe-cost-calculator .tk-scroll{border:1px solid var(--border);border-radius:var(--r);overflow-x:auto}.recipe-cost-calculator .ingredients{border-collapse:collapse;width:100%;font-size:.88rem}.recipe-cost-calculator .ingredients thead th{padding:var(--s2) var(--s3);background-color:var(--surface-2);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap;font-size:.7rem;font-weight:650}.recipe-cost-calculator .ingredients td,.recipe-cost-calculator .ingredients tbody th{padding:var(--s1) var(--s2);border-top:1px solid var(--border);text-align:left;vertical-align:middle;font-weight:400}.recipe-cost-calculator .ingredients input,.recipe-cost-calculator .ingredients select{min-height:38px;padding:0 var(--s2);font-variant-numeric:tabular-nums;font-size:.88rem}.recipe-cost-calculator .ingredients input{min-width:84px}.recipe-cost-calculator .pair{gap:var(--s1);display:flex}.recipe-cost-calculator .pair select{width:82px;padding-right:var(--s5);background-position:calc(100% - 13px) calc(50% + 2px),calc(100% - 8px) calc(50% + 2px);flex:none}.recipe-cost-calculator .cost{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.recipe-cost-calculator .cost .quiet{color:var(--muted);font-weight:400}.recipe-cost-calculator .cost .problem{color:var(--danger);font-size:.78rem;font-weight:600}.recipe-cost-calculator .actions{gap:var(--s2);display:flex}
