/* estilos/jc-stock.css — reusa .jc-item/.jc-lista de jc-bandeja.css. */
.jc-stock-cantidad { font-family: var(--mono); font-weight: 500; }
.jc-stock-codigo { color: var(--text-3); font-size: 12px; font-weight: 400; }
.jc-stock-bajo { color: var(--red-txt, var(--red)); }
.jc-stock-ok { color: var(--text-2); }
.jc-text-readonly { color: var(--text-3); }

/* Tarjeta "Ítems bajo mínimo" clickeable (ver conectarKpiClickeable en jc.js): mismo
   criterio que gestion-stock.css — anillo en el tono de la barra de acento, sin un
   color nuevo escrito a mano. */
.kpi-card-activo { box-shadow: 0 0 0 1px var(--red-txt, var(--red)); }
.kpi-card[role="button"]:focus-visible { outline: 2px solid var(--blue-light, #60a5fa); outline-offset: 2px; }