/* =========================================================
   Pulido modales de producto (Agregar/Editar/PorAJAX)
   Distingue campos CALCULADOS (readonly) de las ENTRADAS,
   resalta y ENSANCHA la VENTA para que se vea el monto completo.
   Dark-mode safe (sin bg-light/text-white).
   ========================================================= */

/* Campos calculados (solo lectura): Neto s/IVA, Neto c/IVA,
   Precio Bonificado, Importe IVA. Fondo tenue + borde suave. */
#nuevoNetoSinIva, #nuevoNetoConIva,
#editarNetoSinIva, #editarNetoConIva,
#nuevoPrecioBonificacion, #editarPrecioBonificacion,
#nuevoImporteIVA, #editarImporteIVA {
  background-color: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: #495057 !important;
  font-weight: 600;
}

body.dark-mode #nuevoNetoSinIva, body.dark-mode #nuevoNetoConIva,
body.dark-mode #editarNetoSinIva, body.dark-mode #editarNetoConIva,
body.dark-mode #nuevoPrecioBonificacion, body.dark-mode #editarPrecioBonificacion,
body.dark-mode #nuevoImporteIVA, body.dark-mode #editarImporteIVA {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #cbd5e0 !important;
}

/* VENTA: resultado destacado (verde, negrita) */
#nuevoImporteFinal, #editarImporteFinal {
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  color: #1b5e20 !important;
  background-color: rgba(46, 125, 50, 0.08) !important;
  border-color: #2e7d32 !important;
}
body.dark-mode #nuevoImporteFinal, body.dark-mode #editarImporteFinal {
  color: #81c784 !important;
  background-color: rgba(102, 187, 106, 0.12) !important;
  border-color: #66bb6a !important;
}

/* ENSANCHAR el grupo de VENTA para que entren montos grandes
   (ej: $ 1.250.000) sin recortarse. col-md-3 -> ~50%. */
.form-group:has(#nuevoImporteFinal),
.form-group:has(#editarImporteFinal) {
  flex: 0 0 41.6667% !important;
  max-width: 41.6667% !important;
}
@media (max-width: 991px) {
  .form-group:has(#nuevoImporteFinal),
  .form-group:has(#editarImporteFinal) {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* Etiqueta de Venta: verde sólido para que destaque como total */
.input-group:has(#nuevoImporteFinal) .input-group-text,
.input-group:has(#editarImporteFinal) .input-group-text {
  background-color: #2e7d32 !important;
  color: #fff !important;
  border-color: #2e7d32 !important;
  font-weight: 700;
}

/* Línea divisoria sutil entre datos y resultado */
.divisor-precios {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  margin: 4px 0 6px 0;
  width: 100%;
}
body.dark-mode .divisor-precios {
  border-top-color: rgba(255, 255, 255, 0.16);
}