/* estilos/gestion-stock.css — reusa .ges-item/.ges-lista/.ges-vacio de gestion-equipos.css. */
/* Buscador + filtro de centro en una fila — mismo patrón que .sup-filtros-equipo
   (Frontend/estilos/supervisor-equipos.css). */
.ges-filtros-stock { display: flex; gap: 14px; flex-wrap: wrap; }
.ges-filtros-stock > div { flex: 1; min-width: 180px; }
.ges-filtros-stock label { margin-top: 0; }
.ges-stock-minimo { font-family: var(--mono); }
.ges-stock-codigo { color: var(--text-3); font-size: 12px; font-weight: 400; }
.ges-stock-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ges-stock-bajo { color: var(--red-txt, var(--red)); font-weight: 600; }

/* Tarjeta "Ítems bajo mínimo" clickeable (ver conectarKpiClickeable en gestion.js):
   anillo en el mismo tono de la barra de acento para marcar que el filtro está activo,
   sin depender de 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; }