
/* BIGSYS_NEXT_VISUAL_V5_GREEN_BALANCE_START
   Balance fino de verde:
   - verde uniforme
   - menos fondo completo
   - mas acento profesional
   No toca JS, OCR, IA ni validaciones.
*/

:root{
  --ms-line-green:#36c985;
  --ms-line-green-bright:#70e6aa;
  --ms-line-green-text:#c8f8df;
  --ms-line-green-soft:rgba(54,201,133,.08);
  --ms-line-green-mid:rgba(54,201,133,.15);
  --ms-line-green-border:rgba(54,201,133,.32);
}

/* Fila OK: vuelve a base oscura, verde solo como borde/acento */
.invoice-line-card.status-soft-green,
.invoice-line-card.status-ok,
.invoice-line-card.ok,
.invoice-line-card.valid{
  background:linear-gradient(180deg, rgba(13,26,44,.96), rgba(9,19,33,.96)) !important;
  border-color:rgba(54,201,133,.24) !important;
  border-left:3px solid var(--ms-line-green) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.22) !important;
}

/* Si alguna fila quedo con overlay verde fuerte, lo anulamos */
.invoice-line-card.status-soft-green *,
.invoice-line-card.status-ok *,
.invoice-line-card.ok *,
.invoice-line-card.valid *{
  text-shadow:none !important;
}

/* Boton/check OK: mas bajo */
.invoice-line-card .line-status-control,
.invoice-line-card .line-status-pill,
.invoice-line-card .line-status-icon,
.invoice-line-card button.green,
.invoice-line-card .check,
.invoice-line-card .check-btn{
  background:rgba(54,201,133,.16) !important;
  border:1px solid rgba(54,201,133,.30) !important;
  color:var(--ms-line-green-text) !important;
  box-shadow:none !important;
}

/* Icono de expandir/buscar en linea: verde bajo, no bloque fuerte */
.invoice-line-card .line-main > button,
.invoice-line-card .line-actions button:first-child,
.invoice-line-card button.icon-btn{
  background:rgba(54,201,133,.11) !important;
  border:1px solid rgba(54,201,133,.24) !important;
  color:var(--ms-line-green-text) !important;
}

/* Descripcion propuesta aplicada: verde uniforme, pero fondo mas bajo */
.invoice-line-card .ai-field-description,
.invoice-line-card .line-description.field-ai-applied,
.invoice-line-card .line-description.field-local-confirmed,
.invoice-line-card .line-description.field-safe,
.invoice-line-card .line-description.field-confirmed,
.invoice-line-card .line-description.valid,
.invoice-line-card .line-description.ok{
  background:rgba(54,201,133,.105) !important;
  border:1px solid rgba(54,201,133,.30) !important;
  color:var(--ms-line-green-bright) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}

/* Texto interno de propuesta */
.invoice-line-card .ai-field-description *,
.invoice-line-card .line-description.field-ai-applied *,
.invoice-line-card .line-description.field-local-confirmed *,
.invoice-line-card .line-description.valid *,
.invoice-line-card .line-description.ok *{
  color:var(--ms-line-green-bright) !important;
}

/* Campos aplicados: codigo/cantidad/precio/total, mismo verde pero muy suave */
.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:rgba(54,201,133,.075) !important;
  border-color:rgba(54,201,133,.24) !important;
  color:var(--ms-line-green-text) !important;
}

/* Codigo aplicado: no azul */
.invoice-line-card .line-field.line-code.field-ai-applied,
.invoice-line-card .line-field.line-code.field-local-confirmed,
.invoice-line-card .ai-field-code.field-ai-applied,
.invoice-line-card .ai-field-code.field-local-confirmed{
  background:rgba(54,201,133,.075) !important;
  border-color:rgba(54,201,133,.24) !important;
  color:var(--ms-line-green-text) !important;
}

/* Stock/cantidad: menos verde de fondo */
.invoice-line-card .line-field.line-qty.field-ai-applied,
.invoice-line-card .line-field.line-qty.field-local-confirmed,
.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,.08) !important;
  border:1px solid rgba(54,201,133,.24) !important;
  color:var(--ms-line-green-text) !important;
  box-shadow:none !important;
}

/* Numero stock: verde claro pero no fosforescente */
.invoice-line-card .qty-stock-value-v3,
.invoice-line-card .qty-stock-value,
.invoice-line-card .stock-ia-ok,
.invoice-line-card .ai-stock-applied .stock-ia-ok{
  color:var(--ms-line-green-bright) !important;
  font-weight:800 !important;
}

/* Labels Cant. / Stock */
.invoice-line-card .qty-stock-label-v3,
.invoice-line-card .qty-stock-label-v3 span,
.invoice-line-card .qty-mini-label,
.invoice-line-card .stock-applied-main-notice,
.invoice-line-card .stock-applied-main-notice *{
  color:rgba(200,248,223,.70) !important;
}

/* Filas amarillas/revisar precio: no contaminarlas de verde completo */
.invoice-line-card.status-yellow,
.invoice-line-card.warning,
.invoice-line-card.yellow{
  background:linear-gradient(180deg, rgba(20,29,39,.96), rgba(12,22,35,.96)) !important;
  border-color:rgba(245,158,11,.30) !important;
  border-left:3px solid rgba(245,158,11,.76) !important;
}

/* Filas rojas/sin producto: se mantienen violetas/rojas suaves */
.invoice-line-card.status-red,
.invoice-line-card.error,
.invoice-line-card.no-product,
.invoice-line-card.sin-producto{
  background:linear-gradient(180deg, rgba(34,22,43,.94), rgba(24,18,35,.94)) !important;
  border-color:rgba(239,68,68,.32) !important;
  border-left:3px solid rgba(239,68,68,.74) !important;
}

/* Hover sin subir demasiado el verde */
.invoice-line-card.status-soft-green:hover,
.invoice-line-card.status-ok:hover,
.invoice-line-card.ok:hover,
.invoice-line-card.valid:hover{
  background:linear-gradient(180deg, rgba(15,31,50,.98), rgba(10,23,38,.98)) !important;
  border-color:rgba(54,201,133,.36) !important;
}

.invoice-line-card .ai-field-description:hover,
.invoice-line-card .line-description.field-ai-applied:hover,
.invoice-line-card .line-description.field-local-confirmed:hover{
  background:rgba(54,201,133,.14) !important;
  border-color:rgba(54,201,133,.40) !important;
}

/* BIGSYS_NEXT_VISUAL_V5_GREEN_BALANCE_END */
