/*
  BIGSYS left invoice list compact v1
  Corrige tarjetas gigantes cuando hay pocas facturas en el filtro.
  Solo CSS: no toca OCR, exportar, preload ni backend.
*/

.doc-invoice-list,
.doc-invoice-list-with-checks,
.invoice-list{
  align-content:flex-start !important;
  justify-content:flex-start !important;
}

/* Cada factura del listado izquierdo debe medir como tarjeta, no ocupar todo el alto libre */
.doc-invoice-row,
.doc-invoice-item,
.doc-invoice-item-row,
.invoice-list-item,
.invoice-row,
.invoice-card,
.invoice-item,
.actual-invoice-card{
  flex:0 0 auto !important;
  align-self:stretch !important;
  min-height:72px !important;
  height:auto !important;
  max-height:112px !important;
  box-sizing:border-box !important;
}

/* Evita que el boton interno de la factura se convierta en panel gigante */
.doc-invoice-row > .doc-invoice-item,
.doc-invoice-row > .doc-invoice-item-row,
.doc-invoice-item.doc-invoice-item-row{
  flex:1 1 auto !important;
  min-height:64px !important;
  max-height:96px !important;
  height:auto !important;
}

/* La tarjeta activa puede destacarse, pero no crecer */
.doc-invoice-row.active,
.doc-invoice-item.active,
.invoice-list-item.active{
  min-height:72px !important;
  max-height:112px !important;
}

/* Si hay textos internos, que no empujen la altura */
.doc-invoice-item *,
.invoice-list-item *,
.doc-invoice-row *{
  min-height:0 !important;
}

/* ID lateral / badge no debe empujar altura */
.doc-invoice-id-badge,
.invoice-id-badge,
.doc-list-id-badge{
  flex:0 0 auto !important;
  align-self:center !important;
}

/* Mantener el listado scrolleable sin deformar las tarjetas */
.zone-document-panel .doc-invoice-list,
.zone-document-panel .doc-invoice-list-with-checks,
.doc-tabs-shell .doc-invoice-list,
.doc-tabs-shell .doc-invoice-list-with-checks{
  overflow-y:auto !important;
  gap:8px !important;
}


/*
  BIGSYS left invoice list full width v2
  Mantiene altura compacta, pero vuelve a estirar cada factura al ancho disponible.
*/

.doc-invoice-list,
.doc-invoice-list-with-checks,
.invoice-list{
  width:100% !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
}

/* La fila/tarjeta debe ocupar todo el ancho del listado */
.doc-invoice-row,
.invoice-list-item,
.invoice-row,
.invoice-card,
.invoice-item,
.actual-invoice-card{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}

/* El boton interno tambien debe expandirse */
.doc-invoice-item,
.doc-invoice-item-row,
.doc-invoice-row > .doc-invoice-item,
.doc-invoice-row > .doc-invoice-item-row{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

/* Si el ID va a la derecha, que no achique la tarjeta */
.doc-invoice-row{
  display:flex !important;
  align-items:center !important;
}

.doc-invoice-row > .doc-invoice-item,
.doc-invoice-row > .doc-invoice-item-row{
  flex:1 1 auto !important;
}

/* Mantener margen interno parejo del contenedor */
.zone-document-panel .doc-invoice-list,
.zone-document-panel .doc-invoice-list-with-checks,
.doc-tabs-shell .doc-invoice-list,
.doc-tabs-shell .doc-invoice-list-with-checks{
  padding-left:8px !important;
  padding-right:8px !important;
}


/*
  BIGSYS left invoice list align left v3
  Corrige margen izquierdo excesivo en tarjetas del listado.
  Mantiene tarjetas compactas y ancho completo.
*/

.doc-invoice-list,
.doc-invoice-list-with-checks,
.invoice-list{
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  align-items:stretch !important;
}

/* Contenedores internos del panel izquierdo */
.zone-document-panel .doc-invoice-list,
.zone-document-panel .doc-invoice-list-with-checks,
.doc-tabs-shell .doc-invoice-list,
.doc-tabs-shell .doc-invoice-list-with-checks{
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Fila completa pegada al margen util */
.doc-invoice-row,
.invoice-list-item,
.invoice-row,
.invoice-card,
.invoice-item,
.actual-invoice-card{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  transform:none !important;
}

/* Boton interno expandido */
.doc-invoice-item,
.doc-invoice-item-row,
.doc-invoice-row > .doc-invoice-item,
.doc-invoice-row > .doc-invoice-item-row{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Si alguna regla vieja le dejo separacion al primer elemento */
.doc-invoice-list > *,
.doc-invoice-list-with-checks > *,
.invoice-list > *{
  margin-left:0 !important;
}

/* El listado queda con apenas aire visual, no con indentacion grande */
.doc-panel-body .doc-invoice-list,
.doc-panel-body .doc-invoice-list-with-checks,
.zone-document-panel .doc-panel-body .doc-invoice-list,
.zone-document-panel .doc-panel-body .doc-invoice-list-with-checks{
  padding-left:4px !important;
  padding-right:4px !important;
}


/*
  BIGSYS left invoice list remove OCR spacer v5
  El espacio izquierdo de 35px viene del check/spacer de OCR por lote.
  En facturas no elegibles, como Procesadas, se elimina para que la tarjeta arranque al borde.
*/

.doc-invoice-row.bulk-ocr-not-eligible > .doc-invoice-check,
.doc-invoice-row.bulk-ocr-not-eligible > .doc-invoice-check-spacer,
.doc-invoice-row.bulk-ocr-not-eligible > .bulk-ocr-check,
.doc-invoice-row.bulk-ocr-not-eligible > .bulk-ocr-check-spacer{
  display:none !important;
  width:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* La tarjeta de factura ocupa todo el ancho de la fila */
.doc-invoice-row.bulk-ocr-not-eligible > .doc-invoice-item,
.doc-invoice-row.bulk-ocr-not-eligible > .doc-invoice-item-row{
  flex:1 1 100% !important;
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
}

/* Mantener el ID a la derecha sin empujar la tarjeta desde la izquierda */
.doc-invoice-row.bulk-ocr-not-eligible{
  column-gap:0 !important;
  gap:0 !important;
}