/* produtos-render.css — Card compacto de produtos */

.prod-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:8px; padding:8px 0; }
.prod-chip { background:var(--card); border:1px solid var(--bdr); border-radius:var(--r); overflow:hidden; cursor:pointer; transition:box-shadow .15s,border-color .15s; display:flex; flex-direction:column; }
.prod-chip:hover { border-color:var(--marca-azul); }
.prod-chip--fora { opacity:.5; }
.prod-chip__thumb { width:100%; aspect-ratio:3/2; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden; border-bottom:1px solid var(--bdr); }
.prod-chip__thumb img { width:100%; height:100%; object-fit:contain; }
.prod-chip__placeholder { font-size:32px; }
.prod-chip__body { padding:8px 10px; display:flex; flex-direction:column; gap:4px; flex:1; }
.prod-chip__nome { font-size:13px; font-weight:700; color:var(--t1); line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.prod-chip__ref { font-size:10px; font-weight:600; color:var(--t3); letter-spacing:.3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.prod-chip__cores { display:flex; gap:4px; flex-wrap:wrap; margin-top:2px; }
.prod-chip__cor-dot { width:12px; height:12px; border-radius:50%; flex-shrink:0; border:1.5px solid rgba(0,0,0,.15); }
.prod-chip__fora { display:inline-flex; align-items:center; gap:3px; background:#FEE2E2; color:#B91C1C; border-radius:4px; padding:1px 6px; font-size:9px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; margin-top:2px; align-self:flex-start; }
.prod-chip__footer { padding:6px 10px; border-top:1px solid var(--bdr); display:flex; align-items:center; justify-content:space-between; gap:6px; }
.prod-chip__pc { font-size:11px; color:var(--t2); font-weight:500; white-space:nowrap; background:var(--muted); border:1px solid var(--bdr); border-radius:6px; padding:3px 8px; }
.prod-chip__custo { background:var(--muted); border:1px solid var(--bdr); color:var(--t2); border-radius:6px; padding:3px 8px; font-size:11px; font-weight:500; white-space:nowrap; }
.prod-chip__custo-invalido { font-size:9px; font-weight:700; color:#854D0E; background:#FEF9C3; border:1px solid #FDE047; border-radius:4px; padding:2px 6px; }