.sup-prod-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:20px; margin-bottom:20px; }
.sup-prod-card { background:var(--surface-card); border:1px solid var(--border); border-radius:var(--radius-card); padding:18px; box-shadow:var(--shadow-xs); }
.sup-prod-card__name { font-size:var(--fs-16); margin:0 0 12px; color:var(--text-main); }
.sup-prod-card__sub { font-size:var(--fs-12); color:var(--text-subtle); margin:14px 0 6px; }
.sup-prod__chips { display:flex; flex-wrap:wrap; gap:6px; }
.sup-prod__chip { padding:2px 10px; background:var(--surface-sunken); border-radius:var(--radius-pill); font-size:var(--fs-12); color:var(--text-muted); }
.sup-prod-form { display:flex; flex-wrap:wrap; gap:16px; align-items:flex-end; }
.sup-prod-form__field { display:flex; flex-direction:column; gap:6px; font-size:var(--fs-13); color:var(--text-muted); flex:1 1 200px; }
.sup-prod-form__field input { padding:8px 10px; border:1px solid var(--border-strong); border-radius:var(--radius-control); }