/* BIGSYS_NEXT_VISUAL_V7_STATUS_COLORS_START
   Reglas:
   - IA aplicada: campos verdes individuales.
   - Check final OK: burbuja completa verde.
   - Warning: amarillo real.
   - Error/sin producto: rojo real.
   - Descripcion principal: blanca.
   No toca JS, OCR, IA ni validaciones.
*/

:root{
  --v7-ok-bg1:rgba(22,101,52,.86);
  --v7-ok-bg2:rgba(12,70,42,.92);
  --v7-ok-bg3:rgba(8,46,32,.96);
  --v7-ok-border:rgba(74,222,128,.72);
  --v7-ok-text:#f0fff7;
  --v7-ok-soft:#bbf7d0;

  --v7-ia-green:rgba(54,201,133,.15);
  --v7-ia-green-border:rgba(54,201,133,.38);
  --v7-ia-green-text:#dff9ea;

  --v7-yellow-bg1:rgba(120,72,0,.62);
  --v7-yellow-bg2:rgba(65,43,10,.82);
  --v7-yellow-bg3:rgba(22,27,35,.96);
  --v7-yellow-border:rgba(251,191,36,.76);
  --v7-yellow-text:#fff7c2;

  --v7-red-bg1:rgba(127,29,29,.68);
  --v7-red-bg2:rgba(80,28,36,.86);
  --v7-red-bg3:rgba(34,20,30,.96);
  --v7-red-border:rgba(248,113,113,.78);
  --v7-red-text:#ffe4e6;
}

/* =========================================================
   DESCRIPCION PRINCIPAL SIEMPRE BLANCA
   ========================================================= */
.invoice-line-card .line-description,
.invoice-line-card .line-description *,
.invoice-line-card.status-yellow .line-description,
.invoice-line-card.status-yellow .line-description *,
.invoice-line-card.status-red .line-description,
.invoice-line-card.status-red .line-description *,
.invoice-line-card.status-soft-green .line-description,
.invoice-line-card.status-soft-green .line-description *,
.invoice-line-card.ok .line-description,
.invoice-line-card.ok .line-description *,
.invoice-line-card.valid .line-description,
.invoice-line-card.valid .line-description *{
  color:#f8fbff !important;
  text-shadow:none !important;
}

/* =========================================================
   IA APLICADA: SOLO CAMPOS INDIVIDUALES VERDES
   ========================================================= */
.invoice-line-card .ai-field-description,
.invoice-line-card .ai-field-description *,
.invoice-line-card .line-field.field-ai-applied,
.invoice-line-card .line-field.field-local-confirmed,
.invoice-line-card .line-field.field-safe,
.invoice-line-card .line-field.field-confirmed,
.invoice-line-card .ai-field.field-ai-applied,
.invoice-line-card .ai-field.field-local-confirmed,
.invoice-line-card .ai-field.field-safe,
.invoice-line-card .ai-field.field-confirmed{
  background:linear-gradient(180deg, var(--v7-ia-green), rgba(54,201,133,.075)) !important;
  border-color:var(--v7-ia-green-border) !important;
  color:var(--v7-ia-green-text) !important;
}

/* Campo propuesta IA bien separado */
.invoice-line-card .ai-field-description{
  border:1px solid var(--v7-ia-green-border) !important;
  border-radius:12px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.invoice-line-card .ai-field-description *{
  color:var(--v7-ia-green-text) !important;
}

/* =========================================================
   CHECK FINAL OK: BURBUJA COMPLETA VERDE
   ========================================================= */
.invoice-line-card.status-soft-green,
.invoice-line-card.status-ok,
.invoice-line-card.ok,
.invoice-line-card.valid{
  background:
    linear-gradient(90deg, var(--v7-ok-bg1), var(--v7-ok-bg2) 28%, var(--v7-ok-bg3) 100%) !important;
  border:1px solid var(--v7-ok-border) !important;
  border-left:4px solid rgba(134,239,172,.95) !important;
  box-shadow:
    0 14px 30px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* Textos dentro de burbuja OK */
.invoice-line-card.status-soft-green .line-description,
.invoice-line-card.status-soft-green .line-description *,
.invoice-line-card.status-ok .line-description,
.invoice-line-card.status-ok .line-description *,
.invoice-line-card.ok .line-description,
.invoice-line-card.ok .line-description *,
.invoice-line-card.valid .line-description,
.invoice-line-card.valid .line-description *{
  color:var(--v7-ok-text) !important;
}

/* Campos dentro de burbuja OK: oscuros/verdes, pero integrados */
.invoice-line-card.status-soft-green .line-field,
.invoice-line-card.status-soft-green .ai-field,
.invoice-line-card.status-ok .line-field,
.invoice-line-card.status-ok .ai-field,
.invoice-line-card.ok .line-field,
.invoice-line-card.ok .ai-field,
.invoice-line-card.valid .line-field,
.invoice-line-card.valid .ai-field{
  background:rgba(4,26,18,.46) !important;
  border-color:rgba(134,239,172,.30) !important;
  color:var(--v7-ok-text) !important;
}

/* Propuesta IA dentro de una linea OK: verde mas luminoso */
.invoice-line-card.status-soft-green .ai-field-description,
.invoice-line-card.status-ok .ai-field-description,
.invoice-line-card.ok .ai-field-description,
.invoice-line-card.valid .ai-field-description{
  background:rgba(187,247,208,.13) !important;
  border-color:rgba(187,247,208,.42) !important;
  color:var(--v7-ok-text) !important;
}

/* Boton/check OK dentro de burbuja OK */
.invoice-line-card.status-soft-green .line-status-control,
.invoice-line-card.status-soft-green .line-status-pill,
.invoice-line-card.status-soft-green button.green,
.invoice-line-card.status-ok .line-status-control,
.invoice-line-card.status-ok .line-status-pill,
.invoice-line-card.status-ok button.green,
.invoice-line-card.ok .line-status-control,
.invoice-line-card.ok .line-status-pill,
.invoice-line-card.ok button.green,
.invoice-line-card.valid .line-status-control,
.invoice-line-card.valid .line-status-pill,
.invoice-line-card.valid button.green{
  background:rgba(187,247,208,.20) !important;
  border-color:rgba(187,247,208,.44) !important;
  color:#ecfdf5 !important;
}

/* =========================================================
   WARNING / REVISAR PRECIO: AMARILLO MAS REAL
   ========================================================= */
.invoice-line-card.status-yellow,
.invoice-line-card.warning,
.invoice-line-card.yellow{
  background:
    linear-gradient(90deg, var(--v7-yellow-bg1), var(--v7-yellow-bg2) 24%, var(--v7-yellow-bg3) 100%) !important;
  border:1px solid rgba(251,191,36,.42) !important;
  border-left:4px solid var(--v7-yellow-border) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.invoice-line-card.status-yellow .line-label,
.invoice-line-card.warning .line-label,
.invoice-line-card.yellow .line-label{
  color:var(--v7-yellow-text) !important;
}

.invoice-line-card.status-yellow:hover,
.invoice-line-card.warning:hover,
.invoice-line-card.yellow:hover{
  background:
    linear-gradient(90deg, rgba(146,88,0,.70), rgba(77,52,12,.88) 24%, rgba(24,31,42,.98) 100%) !important;
  border-color:rgba(251,191,36,.58) !important;
}

/* =========================================================
   ERROR / SIN PRODUCTO: ROJO MAS REAL, NO MORADO
   ========================================================= */
.invoice-line-card.status-red,
.invoice-line-card.error,
.invoice-line-card.no-product,
.invoice-line-card.sin-producto{
  background:
    linear-gradient(90deg, var(--v7-red-bg1), var(--v7-red-bg2) 24%, var(--v7-red-bg3) 100%) !important;
  border:1px solid rgba(248,113,113,.42) !important;
  border-left:4px solid var(--v7-red-border) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.invoice-line-card.status-red .line-label,
.invoice-line-card.error .line-label,
.invoice-line-card.no-product .line-label,
.invoice-line-card.sin-producto .line-label{
  color:var(--v7-red-text) !important;
}

.invoice-line-card.status-red:hover,
.invoice-line-card.error:hover,
.invoice-line-card.no-product:hover,
.invoice-line-card.sin-producto:hover{
  background:
    linear-gradient(90deg, rgba(153,27,27,.76), rgba(98,31,40,.90) 24%, rgba(38,22,31,.98) 100%) !important;
  border-color:rgba(248,113,113,.60) !important;
}

/* =========================================================
   STOCK / CANTIDAD: queda verde, pero no domina sobre OK final
   ========================================================= */
.invoice-line-card .qty-stock-inline-v3,
.invoice-line-card .qty-stock-compact-v2,
.invoice-line-card .ai-stock-applied,
.invoice-line-card .stock-applied-main-notice{
  background:rgba(54,201,133,.10) !important;
  border:1px solid rgba(54,201,133,.28) !important;
  color:var(--v7-ia-green-text) !important;
}

.invoice-line-card .qty-stock-value-v3,
.invoice-line-card .qty-stock-value,
.invoice-line-card .stock-ia-ok{
  color:#9af0bd !important;
  font-weight:800 !important;
}

/* BIGSYS_NEXT_VISUAL_V7_STATUS_COLORS_END */