/* ==========================================================
   SPV V7.7 - Barra de escáner definitiva
   Estructura independiente de Bootstrap para evitar que los
   estilos históricos compriman el input o los botones.
   ========================================================== */
.formVenta .spv-scanbar-v77{
  display:grid !important;
  grid-template-columns:minmax(320px,1fr) max-content !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
  min-width:0 !important;
  margin:4px 0 10px !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

.formVenta .spv-scanbar-v77__scanner{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  height:46px !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid #dcd6f3 !important;
  border-radius:10px !important;
  box-shadow:0 1px 3px rgba(69,55,145,.04) !important;
}

.formVenta .spv-scanbar-v77__icon{
  flex:0 0 44px !important;
  width:44px !important;
  height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  color:#6255d8 !important;
  background:#f6f3ff !important;
  border-right:1px solid #e4def5 !important;
  font-size:16px !important;
  line-height:1 !important;
}

.formVenta .spv-scanbar-v77__scanner #searchpc{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:44px !important;
  margin:0 !important;
  padding:0 14px !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:#fff !important;
  color:#39354d !important;
  font-family:inherit !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:44px !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}

.formVenta .spv-scanbar-v77__scanner #searchpc::placeholder{
  color:#a39db6 !important;
  opacity:1 !important;
  font-weight:500 !important;
}

.formVenta .spv-scanbar-v77__status{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-width:58px !important;
  height:26px !important;
  margin:0 9px 0 6px !important;
  padding:0 9px !important;
  border:1px solid #ded8f6 !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-v77__status i{font-size:7px !important}
.formVenta .spv-scanbar-v77__status.is-reading{background:#f1efff !important;color:#6255d8 !important;border-color:#cbc4f1 !important}
.formVenta .spv-scanbar-v77__status.is-success{background:#f0fbf6 !important;color:#27865f !important;border-color:#cdebdc !important}
.formVenta .spv-scanbar-v77__status.is-error{background:#fff4f5 !important;color:#b84c58 !important;border-color:#f1d0d4 !important}

.formVenta .spv-scanbar-v77__actions{
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.formVenta .spv-scanbar-v77__btn{
  position:static !important;
  float:none !important;
  display:inline-flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:46px !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 16px !important;
  border-radius:10px !important;
  font-family:inherit !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
.formVenta .spv-scanbar-v77__btn span,
.formVenta .spv-scanbar-v77__btn i{
  display:inline-block !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
  color:inherit !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
.formVenta .spv-scanbar-v77__btn i{font-size:13px !important}

.formVenta .spv-scanbar-v77__btn--primary{
  min-width:208px !important;
  background:#6255d8 !important;
  color:#fff !important;
  border:1px solid #6255d8 !important;
}
.formVenta .spv-scanbar-v77__btn--primary:hover,
.formVenta .spv-scanbar-v77__btn--primary:focus{
  background:#5245c4 !important;
  color:#fff !important;
  border-color:#5245c4 !important;
}
.formVenta .spv-scanbar-v77__btn--secondary{
  min-width:188px !important;
  background:#fff !important;
  color:#5145b9 !important;
  border:1px solid #d9d3f2 !important;
}
.formVenta .spv-scanbar-v77__btn--secondary:hover,
.formVenta .spv-scanbar-v77__btn--secondary:focus{
  background:#f6f3ff !important;
  color:#4438a8 !important;
  border-color:#cfc7ef !important;
}

/* Elimina alturas/márgenes heredados alrededor de la fila nueva. */
.formVenta .nuevoProducto > .spv-scanbar-v77 + .items-c{
  margin-top:0 !important;
}

/* Portátil / contenido reducido: escáner arriba, acciones abajo sin compresión. */
@media (max-width:1280px){
  .formVenta .spv-scanbar-v77{
    grid-template-columns:1fr !important;
    align-items:stretch !important;
  }
  .formVenta .spv-scanbar-v77__actions{
    width:100% !important;
    justify-content:flex-end !important;
  }
}

/* Móvil: botones completos uno debajo del otro. */
@media (max-width:767px){
  .formVenta .spv-scanbar-v77__scanner{
    height:44px !important;
  }
  .formVenta .spv-scanbar-v77__icon{
    flex-basis:40px !important;
    width:40px !important;
    height:42px !important;
  }
  .formVenta .spv-scanbar-v77__scanner #searchpc{
    height:42px !important;
    line-height:42px !important;
    padding:0 9px !important;
    font-size:11px !important;
  }
  .formVenta .spv-scanbar-v77__status{
    min-width:50px !important;
    margin-right:6px !important;
    padding:0 7px !important;
  }
  .formVenta .spv-scanbar-v77__actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .formVenta .spv-scanbar-v77__btn,
  .formVenta .spv-scanbar-v77__btn--primary,
  .formVenta .spv-scanbar-v77__btn--secondary{
    width:100% !important;
    min-width:0 !important;
  }
}