/* The queue has a text column and an amount column; selection is neutral. */
.payables-workspace .payables-queue .payables-row {
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 8px 16px;
  box-shadow: none;
}

.payables-workspace .payables-queue .payables-row > span:first-child {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 5px;
}

.payables-workspace .payables-queue .payables-row__title {
  display: block;
}

.payables-workspace .payables-queue .payables-row__meta {
  display: block;
  margin-top: 0;
  white-space: normal;
  overflow-wrap: break-word;
}

.payables-workspace .payables-queue .payables-row__amount {
  align-self: start;
  text-align: right;
}

.payables-workspace .payables-queue .payables-row--active {
  border: 1px solid var(--payable-line);
}

.payables-workspace .payables-queue .payables-row:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -3px;
}