/* ==========================================================================
   FX Hub — pagina Transazioni. La tabella eredita il full-height dal pattern
   .fx-module--fill > .fx-card--fill > [id$="-list"] (fx-kit): qui solo cosmesi
   delle celle. I token colore/tipografia vengono da base.css.
   ========================================================================== */

/* Importo (4ª colonna) incolonnato: si confronta a colpo d'occhio. */
#fx-tx-list .fx-table td:nth-child(4),
#fx-tx-list .fx-table th:nth-child(4) {
  text-align: right; font-variant-numeric: tabular-nums;
}

/* Rif. provider: codice troncato + bottone copia sulla stessa riga. Il ref Stripe
   è lungo (~60 char): troncarlo evita che sfondi la colonna; il valore intero
   resta nel title e va negli appunti. */
.fx-tx-ref { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; }
.fx-tx-ref .fx-ellip { max-width: 180px; display: inline-block; vertical-align: middle; }
.fx-tx-copy {
  flex: 0 0 auto; border: none; background: none; cursor: pointer; padding: 2px 4px;
  color: var(--text-subtle); border-radius: var(--r-sm); line-height: 1;
}
.fx-tx-copy:hover { color: var(--primary); background: var(--primary-tint); }

/* Data d'incasso accanto al badge "pagato": informazione secondaria. */
.fx-tx-paidat { font-size: 12px; white-space: nowrap; }