/* BIGSYS_VISUAL_V37_SAFE_FINAL_BG_START
   Correccion de V36:
   - Solo productos confirmados finales usan fondo verde suave.
   - No pinta proveedor/totales por borde verde, porque modo IA tambien puede poner borde verde.
   - No toca clicks, dropdown, IA, OCR, datos ni endpoints.
*/

:root{
  --v37-final-ok-top: rgba(34,93,67,.34);
  --v37-final-ok-mid: rgba(25,72,54,.30);
  --v37-final-ok-bot: rgba(18,52,42,.26);
  --v37-final-ok-border: rgba(74,222,128,.88);
  --v37-final-ok-left: rgba(54,201,133,.95);
  --v37-final-ok-halo: rgba(74,222,128,.18);
}

/* Producto confirmado final real */
.invoice-line-card.line-local-confirmed,
.invoice-line-card.status-yellow.line-local-confirmed,
.invoice-line-card.status-red.line-local-confirmed,
.invoice-line-card.warning.line-local-confirmed,
.invoice-line-card.error.line-local-confirmed,
.invoice-line-card.no-product.line-local-confirmed,
.invoice-line-card.sin-producto.line-local-confirmed{
  background:
    linear-gradient(
      180deg,
      var(--v37-final-ok-top),
      var(--v37-final-ok-mid) 52%,
      var(--v37-final-ok-bot)
    ) !important;
  background-color: rgba(25,72,54,.28) !important;
  border-color: var(--v37-final-ok-border) !important;
  border-left: 6px solid var(--v37-final-ok-left) !important;
  box-shadow:
    0 12px 26px rgba(0,0,0,.20),
    0 0 0 2px var(--v37-final-ok-halo),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* Hover confirmado final: verde suave, no azul */
.invoice-line-card.line-local-confirmed:hover,
.invoice-line-card.status-yellow.line-local-confirmed:hover,
.invoice-line-card.status-red.line-local-confirmed:hover,
.invoice-line-card.warning.line-local-confirmed:hover,
.invoice-line-card.error.line-local-confirmed:hover,
.invoice-line-card.no-product.line-local-confirmed:hover,
.invoice-line-card.sin-producto.line-local-confirmed:hover{
  background:
    linear-gradient(
      180deg,
      rgba(34,93,67,.40),
      rgba(25,72,54,.34) 52%,
      rgba(18,52,42,.30)
    ) !important;
  border-color: rgba(74,222,128,.98) !important;
  border-left-color: rgba(74,222,128,1) !important;
  border-left-width: 7px !important;
  box-shadow:
    0 12px 26px rgba(0,0,0,.22),
    0 0 0 3px rgba(74,222,128,.26),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* Asegurar que el dropdown/popup quede visible */
.inline-picker,
.inline-product-picker,
.product-picker,
.product-suggestions,
.suggestions-panel,
.suggestion-popover,
.dropdown-panel,
.dropdown-menu,
.visual-picker-positioned-v23{
  z-index:999999 !important;
}

/* BIGSYS_VISUAL_V37_SAFE_FINAL_BG_END */