.transactions-list {
  gap: 14px;
}

.transaction .detail {
  cursor: default;
}

.transaction .merchant-link {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  justify-content: flex-end;
  text-align: right;
}

.merchant .merchant-action-button {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  justify-content: flex-end;
  text-align: right;
}

.transactions-screen .transaction-list-button,
.tombstones .transaction-list-button {
  width: 100%;
  padding: 16px 18px;
  text-align: left;
}

.transactions-screen .transaction-list-grid,
.tombstones .transaction-list-grid {
  display: grid;
  gap: 6px;
  width: 100%;
}

.transactions-screen .transaction-list-row,
.tombstones .transaction-list-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.transactions-screen .transaction-list-primary,
.tombstones .transaction-list-primary {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.transactions-screen .transaction-list-meta,
.tombstones .transaction-list-meta {
  color: var(--muted);
  font-size: 0.88rem;
}

.transactions-screen .transaction-list-amount,
.transactions-screen .transaction-list-original,
.tombstones .transaction-list-amount,
.tombstones .transaction-list-original {
  white-space: nowrap;
}

.transaction .manual-money-inputs {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 5.5rem;
  gap: 8px;
  width: 100%;
}

.transaction .manual-money-inputs > input {
  width: 100%;
}

.transaction .manual-money-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
}

.transaction .detail-row .money-parts,
.transaction .detail-row .money-parts.original-money {
  grid-template-columns: 10ch auto;
  gap: 1ch;
  width: 13ch;
}