/* Representação automática de produtos sem imagem (SVG por tipo de componente). As cores vêm do template:
   --rep-a (cor principal do componente) e --rep-b (placa/fundo). */
.rep-svg { width: 100%; height: 100%; display: block; color: var(--rep-traco, #6b7280); }
.rep-svg .rep-a { fill: var(--rep-a, #2563eb); }
.rep-svg .rep-b { fill: var(--rep-b, #0f766e); }
.rep-svg .rep-traco { stroke: var(--rep-a, #2563eb); }
.rep-svg .rep-texto-a { fill: var(--rep-a, #22d3ee); }
.rep-mini { display: grid; place-items: center; background: linear-gradient(135deg, rgba(59,130,246,.12), rgba(20,184,166,.12)); --rep-traco: #9ca3af; }