/* Canonical Payments module bridge. Source: design-system/modules/payments.css. */
.pay-page .pay-head { display: none; }

.pay-page .pay-layout { grid-template-columns: minmax(0, 1fr); }
.pay-page .pay-main.nv-pay {
  --nv-stack-gap: 24px;
  display: grid;
  gap: var(--nv-stack-gap);
  min-width: 0;
  padding-block-end: 48px;
  color: var(--nv-table-text);
  font-family: var(--lib-font-primary);
  container: nv-pay / inline-size;
}
.pay-page [data-pay-tab-panel="receive"] { display: grid; gap: var(--nv-stack-gap); }
.pay-page .pay-summary.nv-pay__stats { order: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }

.pay-page .pay-crypto-collections,
.pay-page .pay-approvals-card,
.pay-page [data-pay-tab-panel="send"],
.pay-page [data-pay-tab-panel="treasury"],
.pay-page [data-pay-tab-panel="audit"],
.pay-page .pay-aside { display: none; }

/* Product deep links expose functional panels without changing the quiet default view. */
.pay-page [data-pay-tab-panel][data-pay-panel-active="true"] {
  display: grid;
  gap: var(--nv-stack-gap);
}

.pay-page [data-pay-tab-panel="receive"][data-pay-panel-active="true"] .pay-crypto-collections {
  display: block;
}

.pay-page .pay-recent-card.nv-o-table {
  order: 2;
  overflow: visible;
  border: var(--nv-table-island-border);
  border-radius: var(--nv-island-radius);
  background: var(--nv-table-island);
}
.pay-page .pay-recent-card > .pay-card__head {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 64px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 20px 24px 12px;
  overflow: visible;
}
.pay-page .pay-recent-card .nv-pay-table__title { display: flex; min-width: 0; flex: 1 1 auto; align-items: baseline; gap: 10px; }
.pay-page .pay-recent-card .pay-toolbar.nv-pay__bar {
  display: flex !important;
  width: auto;
  min-width: 0;
  min-height: 2rem;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  margin-inline-start: auto;
  overflow: visible;
}
@container nv-filter-toolbar (max-width: 40rem) {
  .pay-page .pay-recent-card .nv-filter-overflow > .pay-chips {
    inset-inline-start: auto;
    inset-inline-end: 0;
  }
}
.pay-page .pay-recent-card .pay-card__meta { color: var(--nv-table-head); font-size: var(--nv-type-footnote-size); letter-spacing: var(--nv-type-footnote-tracking); white-space: nowrap; }
.pay-page .pay-table--recent.nv-o-table__grid { width: 100%; min-width: 40rem; table-layout: fixed; border-collapse: collapse; font-size: var(--nv-type-callout-size); letter-spacing: var(--nv-type-callout-tracking); line-height: var(--nv-type-callout-line); }
.pay-page .pay-table--recent th:nth-child(1) { width: 34%; }
.pay-page .pay-table--recent th:nth-child(2) { width: 18%; }
.pay-page .pay-table--recent th:nth-child(3) { width: 15%; }
.pay-page .pay-table--recent th:nth-child(4) { width: 14%; }
.pay-page .pay-table--recent th { height: 2.875rem; padding: 0 1.25rem; border: 0; color: var(--nv-table-head); font-size: var(--nv-type-footnote-size); letter-spacing: var(--nv-type-footnote-tracking); font-weight: var(--nv-type-weight-medium); text-align: start; white-space: nowrap; }
.pay-page .pay-table--recent td { height: 64px; box-sizing: border-box; padding: .75rem 1.25rem; border-block-end: 1px solid var(--nv-table-divider); color: var(--nv-table-cell); vertical-align: middle; }
.pay-page .pay-table--recent tbody tr:last-child td { border-block-end: 0; }
.pay-page .pay-table--recent tbody tr { transition: background-color 150ms ease; }
.pay-page .pay-table--recent tbody tr:hover { background: var(--nv-table-well); }
.pay-page .pay-table--recent .pay-recipient { display: flex; min-width: 0; align-items: center; }
.pay-page .pay-table--recent .pay-recipient > div { min-width: 0; }
.pay-page .pay-table--recent .pay-recipient__avatar {
  --nv-mark-size: 24px;
  --nv-mark-fill: 58%;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  flex: 0 0 24px !important;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50% !important;
}
.pay-page .pay-table--recent .pay-recipient__avatar svg { display: block; width: 16px; height: 16px; }
.pay-page .pay-table--recent .pay-recipient__avatar--received { background: oklch(0.50 0.10 164 / .20); color: oklch(0.76 0.11 164); }
.pay-page .pay-table--recent .pay-recipient__avatar--sent { background: oklch(0.52 0.16 251 / .20); color: oklch(0.75 0.14 251); }
.pay-page .pay-table--recent :is(.pay-recipient__title, .pay-recipient__sub) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pay-page .pay-table--recent .pay-recipient__title { margin: 0; color: var(--nv-table-text); font-size: var(--nv-type-headline-size); letter-spacing: var(--nv-type-headline-tracking); font-weight: var(--nv-type-weight-medium); line-height: var(--nv-type-headline-line); }
.pay-page .pay-table--recent .pay-recipient__sub { margin: 2px 0 0; color: var(--nv-table-head); font-size: var(--nv-type-footnote-size); letter-spacing: var(--nv-type-footnote-tracking); line-height: var(--nv-type-footnote-line); }
.pay-page .pay-table--recent .pay-status { display: inline-flex; padding: 4px 10px; border-radius: 999px; background: var(--nv-table-well-hover); color: var(--nv-table-cell); font-size: var(--nv-type-footnote-size); letter-spacing: var(--nv-type-footnote-tracking); font-weight: var(--nv-type-weight-semibold); line-height: 18px; white-space: nowrap; }
.pay-page .pay-table--recent .pay-status--received { background: var(--dash-green-soft); color: var(--dash-green); }
.pay-page .pay-table--recent .pay-status--sent { background: var(--nv-table-well-hover); color: var(--nv-table-cell); }
.pay-page .pay-table--recent :is(th, td).pay-table__amount,
.pay-page .pay-table--recent td.is-amount { text-align: start !important; }
.pay-page .pay-table--recent .pay-amount { color: var(--nv-table-amount); font-size: var(--nv-type-body-size); letter-spacing: var(--nv-type-body-tracking); font-weight: var(--nv-type-weight-semibold); font-variant-numeric: tabular-nums; white-space: nowrap; }

@container nv-pay (max-width: 860px) {
  .pay-page .pay-summary.nv-pay__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container nv-pay (max-width: 460px) {
  .pay-page .pay-summary.nv-pay__stats { grid-template-columns: minmax(0, 1fr); }
}