/* StockControl — identidad (azul) */
:root{ --brand:#2563eb; --brand-d:#1d4ed8; --accent:#2563eb; }

/* Miniatura de producto.
   Antes cada fila llevaba un emoji de comida (🥤 🍞 🧴). Se veían informales
   para un software de gestión, así que ahora son dos letras sobre un color
   por categoría: se reconoce la familia del producto barriendo la columna.

   El color va por variable y no directo en `.sku.beb`, porque las reglas de
   _panel.css (`.mini .row .ic`, `.table .who .av`) tienen tres clases y le
   ganaban en especificidad: los fondos salían grises y las letras casi no
   se leían. Con --c el valor se hereda y quien pinta es la regla de abajo. */
.sku{ --c:#475569; }
.sku.beb{ --c:#0e7490; }  /* Bebidas   */
.sku.pan{ --c:#b45309; }  /* Panadería */
.sku.lim{ --c:#4f46e5; }  /* Limpieza  */
.sku.aba{ --c:#15803d; }  /* Abarrotes */
.sku.lac{ --c:#9333ea; }  /* Lácteos   */

.mini .row .ic.sku,
.table .who .av.sku{
  background:var(--c); color:#fff;
  font-family:var(--head); font-weight:700; letter-spacing:.01em;
  display:grid; place-items:center;
}
.mini .row .ic.sku{ font-size:.84rem; border-radius:11px; }
.table .who .av.sku{ width:32px; height:32px; border-radius:9px; font-size:.74rem; }