/* ══════════════════════════════════════════════════════════
   INVENTARIO — inventario.css
   Solo las reglas que el módulo usa hoy. El resto del archivo
   (≈650 líneas de overlays y cards viejas) quedó atrás cuando el
   módulo se reescribió con estilos en línea; se retiró en la
   limpieza de 2026-07-30 (ver auditoria-2026-07-29.md §3).
══════════════════════════════════════════════════════════ */

/* Card de producto (lista del panel 1) */
.inv-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  cursor:pointer;
  transition:background .15s;
  border-bottom:0.5px solid var(--border);
  position:relative;
}
.inv-card:active{ background:rgba(108,53,255,.04); }
.inv-card.nav-focused{
  background:rgba(108,53,255,.05);
  outline:2px solid var(--primary);
  outline-offset:-2px;
  border-radius:4px;
}

/* Botones de tipo (panel 2: producto / servicio / combo / fabricado) */
.inv-tipo-btn{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  padding:20px 12px 16px;
  border-radius:20px;
  border:2px solid var(--border);
  background:var(--bg-white);
  cursor:pointer;
  transition:all .2s ease;
  text-align:center;
}
.inv-tipo-btn:hover{
  border-color:rgba(108,53,255,.3);
  background:var(--marca-fondo);
  transform:translateY(-2px);
  box-shadow:0 4px 16px rgba(108,53,255,.1);
}
.inv-tipo-btn.sel{
  border-color:var(--primary);
  background:var(--marca-suave);
}

/* Nav-focused dentro del overlay del formulario */
#inv-form-ov .nav-focused{
  outline: 2px solid var(--primary);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(108,53,255,.1);
  border-radius: 14px;
}