.recipe-column-head,
.recipe-component-main { display:grid; grid-template-columns:minmax(210px,1fr) 72px 72px 105px 82px 36px; gap:8px; align-items:center; }
.recipe-column-head { padding:0 10px 6px; color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.recipe-component-card { margin:8px 0; padding:10px; border:1px solid var(--line); border-radius:11px; background:#fff; }
.recipe-component-main input,
.recipe-component-main select { height:40px; min-width:0; border:1px solid var(--line); border-radius:8px; padding:0 8px; }
.recipe-component-main button { height:36px; border:0; border-radius:8px; background:#fff0ee; color:var(--red); cursor:pointer; }
.recipe-component-meta { display:flex; gap:16px; align-items:center; margin-top:8px; color:var(--muted); font-size:10px; }
.recipe-component-meta label { display:flex; gap:5px; align-items:center; }
.component-stock { margin-right:auto; color:var(--green); font-weight:800; }
.inventory-help { display:flex; gap:12px; align-items:center; margin-bottom:13px; padding:13px 16px; border:1px solid #cfe4d8; border-radius:12px; background:#eff8f3; }
.inventory-help span { color:var(--muted); font-size:12px; }
.availability-switch { min-width:114px; height:34px; display:inline-flex; gap:7px; align-items:center; justify-content:center; border:0; border-radius:999px; font-size:10px; font-weight:800; cursor:pointer; }
.availability-switch i { width:9px; height:9px; border-radius:50%; }
.availability-switch.on { background:#e4f4ec; color:#14613f; }
.availability-switch.on i { background:#19714f; }
.availability-switch.off { background:#ffe8e5; color:#9f211d; }
.availability-switch.off i { background:#dd3c2f; }
.availability-note { display:block; max-width:170px; margin-top:5px; color:#9f211d; font-size:9px; line-height:1.35; }
@media (max-width:900px) {
  .recipe-column-head { display:none; }
  .recipe-component-main { grid-template-columns:1fr 70px 70px 95px 34px; }
  .recipe-component-main .component-cost { display:none; }
  .recipe-component-meta { flex-wrap:wrap; }
}