/* BIGSYS_NEXT_VISUAL_V19_AI_CONFIRMED_FIELDS_START
   Correccion exacta:
   - los campos inferiores IA reales usan ai-field-confirmed
   - no field-confirmed
   - se pintan descripcion/codigo/cantidad/precio/total por separado
   - no pinta contenedores anchos
   - no toca JS, OCR, IA ni validaciones
*/

:root{
  --v19-ai-top:rgba(40,209,124,.30);
  --v19-ai-bot:rgba(40,209,124,.18);
  --v19-ai-border:rgba(40,209,124,.82);
  --v19-ai-border-hover:rgba(40,209,124,1);
  --v19-ai-text:#effff5;
  --v19-ai-muted:rgba(239,255,245,.78);
}

/* =========================================================
   FILA INFERIOR IA: botones/campos reales
   ========================================================= */

.invoice-line-card .line-ai-field-suggestions > button.ai-field-confirmed,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-description.ai-field-confirmed,
.invoice-line-card .line-ai-field-suggestions > button.ai-field.ai-field-confirmed,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-code,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-qty,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-price,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-total,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-diff{
  background:
    linear-gradient(180deg, var(--v19-ai-top), var(--v19-ai-bot)) !important;
  border:1px solid var(--v19-ai-border) !important;
  color:var(--v19-ai-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 1px rgba(40,209,124,.08) !important;
}

/* Textos internos de la fila inferior IA */
.invoice-line-card .line-ai-field-suggestions > button.ai-field-confirmed *,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-description.ai-field-confirmed *,
.invoice-line-card .line-ai-field-suggestions > button.ai-field.ai-field-confirmed *,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-code *,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-qty *,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-price *,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-total *,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-diff *{
  color:var(--v19-ai-text) !important;
}

/* EM internos: código, stock, precio, total */
.invoice-line-card .line-ai-field-suggestions > button.ai-field-confirmed em,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-code em,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-qty em,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-price em,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-total em{
  color:var(--v19-ai-text) !important;
  font-weight:850 !important;
}

/* Stock dentro de cantidad IA */
.invoice-line-card .line-ai-field-suggestions > button.ai-field-qty .stock-ia-line,
.invoice-line-card .line-ai-field-suggestions > button.ai-stock-ia .stock-ia-line{
  color:var(--v19-ai-text) !important;
  font-weight:850 !important;
}

/* Hover individual del campo IA */
.invoice-line-card .line-ai-field-suggestions > button.ai-field-confirmed:hover,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-description.ai-field-confirmed:hover,
.invoice-line-card .line-ai-field-suggestions > button.ai-field.ai-field-confirmed:hover,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-code:hover,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-qty:hover,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-price:hover,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-total:hover,
.invoice-line-card .line-ai-field-suggestions > button.ai-field-diff:hover{
  background:
    linear-gradient(180deg, rgba(40,209,124,.38), rgba(40,209,124,.24)) !important;
  border-color:var(--v19-ai-border-hover) !important;
}

/* =========================================================
   FILA SUPERIOR APLICADA / CONFIRMADA
   Más específico para precio y total que quedaban transparentes.
   ========================================================= */

.invoice-line-card .line-main > .line-field.field-local-confirmed,
.invoice-line-card .line-main > .line-field.field-ai-applied,
.invoice-line-card .line-main > .line-field.field-safe,
.invoice-line-card .line-main > .line-field.field-confirmed,
.invoice-line-card .line-main > .line-description.field-local-confirmed,
.invoice-line-card .line-main > .line-description.field-ai-applied,
.invoice-line-card .line-main > .line-description.field-safe,
.invoice-line-card .line-main > .line-description.field-confirmed{
  background:
    linear-gradient(180deg, rgba(40,209,124,.22), rgba(40,209,124,.13)) !important;
  border:1px solid rgba(40,209,124,.52) !important;
  color:var(--v19-ai-text) !important;
}

.invoice-line-card .line-main > .line-field.field-local-confirmed *,
.invoice-line-card .line-main > .line-field.field-ai-applied *,
.invoice-line-card .line-main > .line-field.field-safe *,
.invoice-line-card .line-main > .line-field.field-confirmed *,
.invoice-line-card .line-main > .line-description.field-local-confirmed *,
.invoice-line-card .line-main > .line-description.field-ai-applied *,
.invoice-line-card .line-main > .line-description.field-safe *,
.invoice-line-card .line-main > .line-description.field-confirmed *{
  color:var(--v19-ai-text) !important;
}

/* Mantener el contenedor de sugerencias transparente: NO barra verde */
.invoice-line-card .line-ai-field-suggestions{
  background:transparent !important;
  box-shadow:none !important;
}

/* BIGSYS_NEXT_VISUAL_V19_AI_CONFIRMED_FIELDS_END */