/* Private payment list follows the account area's existing theme. */
.frame-type-rspaymentuseraccess_payments:not(:has(.ayi-payments)) { display: none; }
.ayi-payments { margin-block: 1.5rem 3rem; }
.ayi-payments__scroll { overflow-x: auto; }
.ayi-payments table { width: 100%; border-collapse: collapse; text-align: left; }
.ayi-payments th, .ayi-payments td { padding: .75rem; border-bottom: 1px solid var(--color-border, #e4e4e4); vertical-align: top; }
.ayi-payments th { color: var(--color-heading, #1c1f21); }
.ayi-payments small { display: block; margin-top: .3rem; color: var(--color-text-soft, #5e656a); }
.ayi-payments__amount { white-space: nowrap; text-align: right; }
.ayi-payments__pagination { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-top: 1rem; }
.ayi-payments button { white-space: nowrap; }
@media (max-width: 48rem) {
    .ayi-payments__scroll { overflow: visible; }
    .ayi-payments table, .ayi-payments tbody { display: block; }
    .ayi-payments thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .ayi-payments tr { display: block; margin-bottom: 1rem; padding: .8rem; border: 1px solid var(--color-border); border-radius: 6px; }
    .ayi-payments th, .ayi-payments td { display: block; padding: .4rem 0; border: 0; }
    .ayi-payments th[scope="row"] { padding-bottom: .7rem; }
    .ayi-payments td[data-label] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: .6rem; }
    .ayi-payments td[data-label]::before { content: attr(data-label); color: var(--color-text-soft); text-align: left; }
    .ayi-payments td[data-label] > span { min-width: 0; text-align: right; overflow-wrap: anywhere; }
    .ayi-payments__amount { white-space: normal; }
    .ayi-payments td > form > button { width: 100%; margin-top: .3rem; }
    .ayi-payments td:empty { display: none; }
}
.ayi-payments button { font: inherit; border: 1px solid var(--color-border); border-radius: 6px; padding: .6rem .9rem; background: var(--color-heading); color: var(--color-surface); cursor: pointer; }
.ayi-payments a { color: var(--color-primary); text-underline-offset: .2em; }
.ayi-payments a:focus-visible, .ayi-payments button:focus-visible, .ayi-payments__scroll:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; }