/* Facturas de proveedor (mod/facturas.js, 27-oct-2026). Vive dentro de .prod-vista (hereda sus colores y tipografia).
   Dislexia (R10): fondo blanco, cada estado con icono + palabra (el color solo acompaña), toques de 48 px,
   sin cursivas ni mayusculas sostenidas. */
.fac-vista { background: #ffffff; }
.fac-grande { font-size: 1.2rem; font-weight: 600; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 12px 0; }
.fac-fila {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 8px 4px;
  border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer;
}
.fac-fila:focus-visible { outline: 3px solid var(--prod-oro); outline-offset: 2px; }

/* Chips de estado: icono + palabra, borde + fondo suave */
.fac-chip {
  display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px; border-radius: 999px;
  border: 2px solid var(--prod-borde); background: #ffffff; font-weight: 600; white-space: nowrap; flex: none;
}
.fac-chip .ico { width: 18px; height: 18px; }
.fac-chip--ok, .fac-chip--listo { border-color: var(--prod-verde); color: var(--prod-verde); }
.fac-chip--revisar, .fac-chip--duda, .fac-chip--leyendo { border-color: var(--prod-ambar); color: var(--prod-ambar); }
.fac-chip--falta { border-color: var(--prod-rojo); color: var(--prod-rojo); }
.fac-chip--anulada, .fac-chip--fuera { color: var(--prod-suave); }

/* Cabecera y campos */
.fac-cabecera { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; margin: 8px 0 12px; }
.fac-campo { flex: 1 1 140px; min-width: 120px; }
.fac-campo--ancho { flex: 2 1 260px; }
.fac-cuadre {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 12px 16px; margin: 8px 0 12px;
  border: 2px solid var(--prod-borde); border-radius: 14px; font-size: 1.15rem; font-weight: 600; background: #ffffff;
}
.fac-cuadre small { font-size: 1rem; font-weight: 400; color: var(--prod-suave); }
.fac-cuadre--ok { border-color: var(--prod-verde); color: var(--prod-verde); }
.fac-cuadre--no { border-color: var(--prod-rojo); color: var(--prod-rojo); }

/* Lineas */
.fac-lineas { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 12px; }
.fac-linea { border: 2px solid var(--prod-borde); border-radius: 14px; padding: 12px; background: #ffffff; }
.fac-linea--ok { border-left: 8px solid var(--prod-verde); }
.fac-linea--duda { border-left: 8px solid var(--prod-ambar); }
.fac-linea--falta, .fac-linea--error { border-left: 8px solid var(--prod-rojo); }
.fac-linea--fuera { border-style: dashed; }
.fac-linea-cab { display: flex; align-items: flex-start; gap: 12px; }
.fac-n {
  flex: none; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px;
  border-radius: 50%; border: 2px solid var(--prod-borde); font-weight: 700;
}
.fac-linea-numeros { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; }
.fac-costo { margin: 8px 0 0; }
.fac-sugerido { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; font-weight: 600; }
.fac-acciones { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.fac-error { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; color: var(--prod-rojo); font-weight: 600; }
.fac-aviso { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; color: var(--prod-ambar); }

/* Confirmacion en la misma vista (nunca una hoja encima de otra) */
.fac-confirmar { margin-top: 16px; padding: 16px; border: 3px solid var(--prod-tinta); border-radius: 16px; background: #ffffff; }

/* Ver la factura */
.fac-visor { display: block; width: 100%; max-width: 980px; min-height: 70vh; border: 2px solid var(--prod-borde); border-radius: 12px; background: #ffffff; object-fit: contain; }
img.fac-visor { min-height: 0; height: auto; }

/* Reporte */
.fac-reporte { width: 100%; max-width: 640px; }
.fac-reporte th { text-align: left; font-weight: 400; }
.fac-reporte td { text-align: right; font-variant-numeric: tabular-nums; }
.fac-reporte .fac-fuerte th, .fac-reporte .fac-fuerte td { font-weight: 700; }
.prod-barra--factura { margin-bottom: 4px; }

/* Lo que escribio la lectura automatica: una NOTA aparte, nunca con el estilo de los avisos del sistema */
.fac-nota-ia { margin: 8px 0 12px; padding: 10px 14px; border: 2px dashed var(--prod-borde); border-radius: 12px; background: #ffffff; }
.fac-nota-ia b { display: flex; align-items: center; gap: 8px; }
.fac-nota-ia p { margin: 6px 0 0; }

/* El boton verde deshabilitado dice POR QUE no se puede sumar: tiene que leerse (contraste > 7:1). */
.fac-vista .prod-btn--verde[disabled] { opacity: 1; background: #efe9dc; border-color: var(--prod-borde); color: var(--prod-tinta); }