/* ── Bloco esquerdo (Provider / Bill From) ── */
.invoice-to-from .invoice-from .if-data-block div {
  margin-bottom: 4px;
  line-height: 1.55;
  font-size: 14px;
  color: #1f2937;
}
.invoice-to-from .invoice-from .if-data-block div:last-child {
  margin-bottom: 0;
}

/* ── Logo wrapper: logo + "Facilitated by" em coluna à direita ── */
.resplora-logo-wrapper {
  display:        flex;
  flex-direction: column;
  align-items:    flex-end;
  flex:           0 0 auto;
  margin-left:    auto;       /* empurra para a direita se o pai for flex */
}

.invoice-document .invoice-logo img,
.resplora-logo-wrapper .invoice-logo img {
  width:     160px !important;
  height:    auto  !important;
  max-width: none  !important;
}

/* ── "Facilitated by" + email abaixo do logo ── */
.resplora-under-logo {
  text-align: right;
  margin-top: 8px;
}
.resplora-fac-name {
  font-size:   14px;
  font-weight: 700;
  color:       #1f2937;
  margin-bottom: 2px;
}
.resplora-fac-email {
  font-size: 13px;
  color:     #4b5563;
}

/* ── Tabela 4 colunas ── */
/* As larguras e alinhamentos são aplicados inline via JS
   para sobrescrever o flex:0 1 auto do LatePoint.
   Aqui apenas garantimos o display flex no container. */
.invoice-items .invoice-items-table-heading {
  display:        flex !important;
  flex-direction: row  !important;
}
.invoice-items .summary-price-item-w.resplora-four-col-row {
  display:        flex !important;
  flex-direction: row  !important;
  align-items:    flex-start;
  padding:        8px 0;
}