/* ==========================================================
   SPV V7.8 - Escáner compacto sin línea atravesada
   Elimina el contenedor largo que hacía parecer al escáner
   una raya horizontal de lado a lado.
   ========================================================== */
.formVenta .spv-scanbar-v78{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  width:100% !important;
  margin:6px 0 10px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* El escáner deja de crecer hasta ocupar toda la fila. */
.formVenta .spv-scanbar-v78__field{
  display:flex !important;
  align-items:center !important;
  flex:0 1 560px !important;
  width:560px !important;
  max-width:560px !important;
  min-width:320px !important;
  height:44px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fbfaff !important;
  border:1px solid #ddd7f2 !important;
  border-radius:10px !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}
.formVenta .spv-scanbar-v78__icon{
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  color:#6255d8 !important;
  background:#f2efff !important;
  border-right:1px solid #e3def4 !important;
  font-size:15px !important;
}
.formVenta .spv-scanbar-v78__field #searchpc{
  flex:1 1 auto !important;
  width:100% !important;
  min-width:0 !important;
  height:42px !important;
  margin:0 !important;
  padding:0 13px !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#3f3a53 !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:42px !important;
  box-sizing:border-box !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
.formVenta .spv-scanbar-v78__field #searchpc::placeholder{
  color:#aaa4ba !important;
  opacity:1 !important;
}

/* Estado separado: ya no forma parte de una barra larga. */
.formVenta .spv-scanbar-v78__status{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  flex:0 0 auto !important;
  height:32px !important;
  min-width:62px !important;
  margin:0 2px 0 0 !important;
  padding:0 10px !important;
  border:1px solid #ddd7f2 !important;
  border-radius:999px !important;
  background:#f5f3ff !important;
  color:#6255d8 !important;
  font-size:9px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}
.formVenta .spv-scanbar-v78__status i{font-size:7px !important}
.formVenta .spv-scanbar-v78__status.is-reading{background:#f1efff !important;color:#6255d8 !important;border-color:#cbc4f1 !important}
.formVenta .spv-scanbar-v78__status.is-success{background:#f0fbf6 !important;color:#27865f !important;border-color:#cdebdc !important}
.formVenta .spv-scanbar-v78__status.is-error{background:#fff4f5 !important;color:#b84c58 !important;border-color:#f1d0d4 !important}

.formVenta .spv-scanbar-v78__btn{
  position:static !important;
  float:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  gap:7px !important;
  width:auto !important;
  height:44px !important;
  min-height:44px !important;
  margin:0 !important;
  padding:0 15px !important;
  border-radius:10px !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-transform:none !important;
  text-decoration:none !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}
.formVenta .spv-scanbar-v78__btn span,
.formVenta .spv-scanbar-v78__btn i{
  margin:0 !important;
  padding:0 !important;
  color:inherit !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
.formVenta .spv-scanbar-v78__btn i{font-size:12px !important}
.formVenta .spv-scanbar-v78__btn--primary{
  min-width:205px !important;
  background:#6255d8 !important;
  color:#fff !important;
  border:1px solid #6255d8 !important;
}
.formVenta .spv-scanbar-v78__btn--primary:hover,
.formVenta .spv-scanbar-v78__btn--primary:focus{
  background:#5245c4 !important;
  color:#fff !important;
  border-color:#5245c4 !important;
}
.formVenta .spv-scanbar-v78__btn--secondary{
  min-width:190px !important;
  background:#fff !important;
  color:#5145b9 !important;
  border:1px solid #d9d3f2 !important;
}
.formVenta .spv-scanbar-v78__btn--secondary:hover,
.formVenta .spv-scanbar-v78__btn--secondary:focus{
  background:#f6f3ff !important;
  color:#4438a8 !important;
  border-color:#cfc7ef !important;
}

/* Neutraliza estilos heredados que dibujaban líneas/bordes de lado a lado. */
.formVenta .nuevoProducto{
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
.formVenta .nuevoProducto > .spv-scanbar-v78{
  border-top:0 !important;
  border-bottom:0 !important;
}
.formVenta .nuevoProducto > .spv-scanbar-v78 + .items-c{
  margin-top:0 !important;
}

/* Portátil: el grupo completo baja de forma natural, nunca se estira. */
@media(max-width:1250px){
  .formVenta .spv-scanbar-v78__field{
    flex:1 1 480px !important;
    width:auto !important;
    max-width:620px !important;
  }
}

@media(max-width:900px){
  .formVenta .spv-scanbar-v78{
    align-items:stretch !important;
  }
  .formVenta .spv-scanbar-v78__field{
    flex:1 1 100% !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
  .formVenta .spv-scanbar-v78__status{
    align-self:center !important;
  }
}

@media(max-width:767px){
  .formVenta .spv-scanbar-v78__status{
    order:2 !important;
  }
  .formVenta .spv-scanbar-v78__btn{
    flex:1 1 100% !important;
    width:100% !important;
    min-width:0 !important;
  }
}