/* BIGSYS_NEXT_VISUAL_V3_LINES_START
   Ajuste estetico fino para LINEAS.
   No toca JS, IA, OCR, validaciones ni eventos.
*/

/* Contenedor de lineas */
[data-zone="lines"],
.zone-lines,
.lines-card,
.lines{
  background:linear-gradient(180deg, rgba(15,27,46,.98), rgba(11,22,38,.98)) !important;
  border:1px solid rgba(148,163,184,.22) !important;
}

/* Cada linea: sacamos marron/alerta como fondo principal */
[data-zone="lines"] .line-row,
[data-zone="lines"] .invoice-line,
[data-zone="lines"] .product-line,
[data-zone="lines"] .ocr-line,
.zone-lines .line-row,
.zone-lines .invoice-line,
.zone-lines .product-line,
.zone-lines .ocr-line,
.lines-card .line-row,
.lines-card .invoice-line,
.lines-card .product-line,
.lines-card .ocr-line,
.lines .line-row,
.lines .invoice-line,
.lines .product-line,
.lines .ocr-line{
  background:linear-gradient(180deg, rgba(13,26,44,.94), rgba(9,19,33,.94)) !important;
  border:1px solid rgba(56,189,248,.16) !important;
  border-left:3px solid rgba(56,189,248,.38) !important;
  border-radius:16px !important;
  box-shadow:0 12px 28px rgba(0,0,0,.20) !important;
}

/* Lineas con sugerencia/confirmacion: acento amarillo, no fondo marron */
[data-zone="lines"] .line-row.warning,
[data-zone="lines"] .line-row.yellow,
[data-zone="lines"] .line-row.suggested,
[data-zone="lines"] .invoice-line.warning,
[data-zone="lines"] .invoice-line.yellow,
[data-zone="lines"] .invoice-line.suggested,
.zone-lines .line-row.warning,
.zone-lines .line-row.yellow,
.zone-lines .line-row.suggested,
.zone-lines .invoice-line.warning,
.zone-lines .invoice-line.yellow,
.zone-lines .invoice-line.suggested,
.lines-card .line-row.warning,
.lines-card .line-row.yellow,
.lines-card .line-row.suggested,
.lines-card .invoice-line.warning,
.lines-card .invoice-line.yellow,
.lines-card .invoice-line.suggested{
  background:linear-gradient(180deg, rgba(16,31,51,.96), rgba(10,21,36,.96)) !important;
  border-color:rgba(245,158,11,.34) !important;
  border-left-color:rgba(245,158,11,.76) !important;
}

/* Si la clase valida venia pintando toda la linea, queda solo acento verde */
[data-zone="lines"] .line-row.valid,
[data-zone="lines"] .line-row.ok,
[data-zone="lines"] .invoice-line.valid,
[data-zone="lines"] .invoice-line.ok,
.zone-lines .line-row.valid,
.zone-lines .line-row.ok,
.zone-lines .invoice-line.valid,
.zone-lines .invoice-line.ok,
.lines-card .line-row.valid,
.lines-card .line-row.ok,
.lines-card .invoice-line.valid,
.lines-card .invoice-line.ok{
  background:linear-gradient(180deg, rgba(13,26,44,.96), rgba(9,19,33,.96)) !important;
  border-color:rgba(34,197,94,.26) !important;
  border-left-color:rgba(34,197,94,.70) !important;
}

/* Celdas/campos dentro de cada linea */
[data-zone="lines"] .line-row input,
[data-zone="lines"] .invoice-line input,
[data-zone="lines"] .line-row .field,
[data-zone="lines"] .invoice-line .field,
[data-zone="lines"] .line-row .ai-field,
[data-zone="lines"] .invoice-line .ai-field,
.zone-lines .line-row input,
.zone-lines .invoice-line input,
.zone-lines .line-row .field,
.zone-lines .invoice-line .field,
.zone-lines .line-row .ai-field,
.zone-lines .invoice-line .ai-field,
.lines-card .line-row input,
.lines-card .invoice-line input,
.lines-card .line-row .field,
.lines-card .invoice-line .field,
.lines-card .line-row .ai-field,
.lines-card .invoice-line .ai-field{
  background:rgba(4,13,24,.72) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:#eef6ff !important;
}

/* Descripcion principal */
[data-zone="lines"] .line-row .description,
[data-zone="lines"] .invoice-line .description,
[data-zone="lines"] .product-line .description,
.zone-lines .line-row .description,
.zone-lines .invoice-line .description,
.zone-lines .product-line .description,
.lines-card .line-row .description,
.lines-card .invoice-line .description,
.lines-card .product-line .description{
  color:#f8fbff !important;
  font-weight:800 !important;
}

/* Etiquetas pequeñas dentro de lineas */
[data-zone="lines"] .line-row .label,
[data-zone="lines"] .invoice-line .label,
[data-zone="lines"] .product-line .label,
.zone-lines .line-row .label,
.zone-lines .invoice-line .label,
.zone-lines .product-line .label,
.lines-card .line-row .label,
.lines-card .invoice-line .label,
.lines-card .product-line .label{
  color:rgba(203,213,225,.62) !important;
  font-size:10px !important;
  letter-spacing:.08em !important;
  font-weight:900 !important;
}

/* Texto amarillo de "confirmar sugerido": mas fino */
[data-zone="lines"] [class*="confirm"],
[data-zone="lines"] [class*="suggest"],
.zone-lines [class*="confirm"],
.zone-lines [class*="suggest"],
.lines-card [class*="confirm"],
.lines-card [class*="suggest"]{
  color:#facc15 !important;
}

/* Segunda linea de sugerencia: azul tecnico suave */
[data-zone="lines"] .line-row .suggestion,
[data-zone="lines"] .invoice-line .suggestion,
[data-zone="lines"] .product-line .suggestion,
.zone-lines .line-row .suggestion,
.zone-lines .invoice-line .suggestion,
.zone-lines .product-line .suggestion,
.lines-card .line-row .suggestion,
.lines-card .invoice-line .suggestion,
.lines-card .product-line .suggestion{
  background:rgba(14,165,233,.10) !important;
  border:1px solid rgba(56,189,248,.22) !important;
  color:#dff7ff !important;
  border-radius:10px !important;
}

/* Boton IA dentro de lineas: menos pesado */
[data-zone="lines"] button,
.zone-lines button,
.lines-card button{
  box-shadow:0 6px 16px rgba(0,0,0,.16) !important;
}

/* Check verde: visible pero no gigante */
[data-zone="lines"] button.green,
.zone-lines button.green,
.lines-card button.green,
[data-zone="lines"] .check,
.zone-lines .check,
.lines-card .check{
  background:rgba(34,197,94,.20) !important;
  border:1px solid rgba(34,197,94,.38) !important;
  color:#bbf7d0 !important;
}

/* Hover elegante */
[data-zone="lines"] .line-row:hover,
[data-zone="lines"] .invoice-line:hover,
[data-zone="lines"] .product-line:hover,
.zone-lines .line-row:hover,
.zone-lines .invoice-line:hover,
.zone-lines .product-line:hover,
.lines-card .line-row:hover,
.lines-card .invoice-line:hover,
.lines-card .product-line:hover{
  background:linear-gradient(180deg, rgba(18,38,64,.98), rgba(11,24,42,.98)) !important;
  border-color:rgba(56,189,248,.34) !important;
}

/* BIGSYS_NEXT_VISUAL_V3_LINES_END */