.payment-offer-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--aldelo-space-400); }
.payment-disclosure { white-space:pre-wrap; overflow-wrap:anywhere; max-block-size:none; }
.payment-details { border-block-start:var(--aldelo-border-width) solid var(--aldelo-color-border); padding-block-start:var(--aldelo-space-400); }
.payment-details summary { display:flex; align-items:center; gap:var(--aldelo-space-400); min-block-size:3rem; cursor:pointer; font-weight:var(--aldelo-font-weight-medium); list-style:none; }
.payment-details summary::-webkit-details-marker { display:none; }
.payment-details summary::before { content:""; flex:0 0 .5rem; inline-size:.5rem; block-size:.5rem; border-inline-end:2px solid currentColor; border-block-end:2px solid currentColor; transform:rotate(-45deg); }
.payment-details[open] > summary::before { transform:rotate(45deg); }
.payment-details .account-facts { margin-block-start:var(--aldelo-space-400); }
.payment-details dd { overflow-wrap:anywhere; }
.payment-workbench { display:grid; gap:var(--aldelo-space-600); min-inline-size:0; }
.payment-workbench :is(h3,h4,p,dl,dd) { margin:0; }
.payment-workbench :is(.ac-button,.ac-input,.ac-select,summary) { min-block-size:3rem; font-size:1rem; white-space:normal; min-inline-size:0; }
.payment-workbench :focus-visible { outline:var(--aldelo-focus-width) solid var(--aldelo-color-focus); outline-offset:var(--aldelo-focus-offset); }
.payment-toolbar { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr)); align-items:end; gap:var(--aldelo-space-400); }
.payment-list { display:grid; gap:var(--aldelo-space-400); min-inline-size:0; }
.payment-grid { inline-size:100%; table-layout:fixed; border-collapse:collapse; }
.payment-grid th,.payment-grid td { text-align:start; vertical-align:top; padding:var(--aldelo-space-400); border-block-end:var(--aldelo-border-width) solid var(--aldelo-color-border); overflow-wrap:anywhere; }
.payment-grid th { color:var(--aldelo-color-text-muted); font-size:.8rem; font-weight:var(--aldelo-font-weight-medium); }
.payment-grid th:last-child,.payment-grid td:last-child { inline-size:13rem; }
.payment-grid tbody tr:hover { background:var(--aldelo-color-surface-hover); }
.payment-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr)); gap:var(--aldelo-space-200); min-inline-size:0; }
.payment-actions .ac-button { inline-size:100%; justify-content:center; }
.payment-row-actions { grid-template-columns:1fr; }
.payment-board { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap:var(--aldelo-space-400); align-items:start; }
.payment-lane { display:grid; gap:var(--aldelo-space-400); padding:var(--aldelo-space-400); background:var(--aldelo-color-background-shade); border-radius:var(--aldelo-component-panel-radius); min-inline-size:0; }
.payment-record { display:grid; gap:var(--aldelo-space-400); padding:var(--aldelo-space-400); background:var(--aldelo-color-surface); border:var(--aldelo-border-width) solid var(--aldelo-color-border); border-radius:var(--aldelo-component-panel-radius); min-inline-size:0; }
.payment-record .payment-actions { margin-block-start:auto; }
.payment-summary { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr)); gap:var(--aldelo-space-400); }
.payment-summary > div { display:grid; align-content:start; gap:var(--aldelo-space-200); padding:var(--aldelo-space-400); background:var(--aldelo-color-surface-muted); border-radius:var(--aldelo-component-panel-radius); }
.payment-summary dt { color:var(--aldelo-color-text-muted); }
.payment-workbench .recipient-field { display:grid; gap:var(--aldelo-space-200); }
@media(max-width:44rem) {
  .payment-grid,.payment-grid tbody,.payment-grid tr,.payment-grid td { display:block; inline-size:100%; }
  .payment-grid thead { position:absolute; inline-size:1px; block-size:1px; overflow:hidden; clip-path:inset(50%); }
  .payment-grid tr { border:var(--aldelo-border-width) solid var(--aldelo-color-border); border-radius:var(--aldelo-component-panel-radius); margin-block-end:var(--aldelo-space-400); }
  .payment-grid td { box-sizing:border-box; border:0; padding-block:var(--aldelo-space-200); }
  .payment-grid td::before { content:attr(data-label); display:block; font-size:.8rem; color:var(--aldelo-color-text-muted); margin-block-end:var(--aldelo-space-200); }
  .payment-grid td:last-child { inline-size:100%; padding:var(--aldelo-space-400); }
}
@media(prefers-reduced-motion:reduce) { .payment-workbench * { scroll-behavior:auto; } }

.recipient .payment-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:36rem) { .recipient .payment-facts { grid-template-columns:1fr; } }

.payment-schedule { inline-size:100%; border-collapse:collapse; table-layout:fixed; }
.payment-schedule th,.payment-schedule td { text-align:start; padding:var(--aldelo-space-200); border-block-end:var(--aldelo-border-width) solid var(--aldelo-color-border); overflow-wrap:anywhere; }
.payment-schedule th:last-child,.payment-schedule td:last-child { text-align:end; }
.payment-workbench .recipient-copy { color:var(--aldelo-color-text-muted); max-inline-size:72ch; }
.payment-workbench .recipient-form { display:grid; gap:var(--aldelo-space-400); min-inline-size:0; }
.payment-workbench .recipient-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr)); gap:var(--aldelo-space-200); }
.payment-workbench .recipient-actions .ac-button { inline-size:100%; justify-content:center; }

.payment-order { display:grid; gap:var(--aldelo-space-200); margin:0; }
.payment-order-value { display:flex; align-items:center; min-block-size:3rem; box-sizing:border-box; margin:0; padding:var(--aldelo-space-200) var(--aldelo-space-400); border:var(--aldelo-border-width) dashed var(--aldelo-color-border); border-radius:var(--aldelo-component-panel-radius); background:var(--aldelo-color-surface-muted); }

.payment-caption { position:absolute; inline-size:1px; block-size:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

.payment-business-context { min-inline-size:0; overflow-wrap:anywhere; }

.payer-financial-records > .payment-list { padding-block-start:var(--aldelo-space-400); }
.payer-financial-records { container:payer-finance / inline-size; }
@container payer-finance (max-width:50rem) {
  .payment-grid--wide,.payment-grid--wide tbody,.payment-grid--wide tr,.payment-grid--wide td { display:block; inline-size:100%; }
  .payment-grid--wide thead { position:absolute; inline-size:1px; block-size:1px; overflow:hidden; clip-path:inset(50%); }
  .payment-grid--wide tr { border:var(--aldelo-border-width) solid var(--aldelo-color-border); border-radius:var(--aldelo-component-panel-radius); margin-block-end:var(--aldelo-space-400); }
  .payment-grid--wide td { box-sizing:border-box; border:0; padding-block:var(--aldelo-space-200); }
  .payment-grid--wide td::before { content:attr(data-label); display:block; font-size:.8rem; color:var(--aldelo-color-text-muted); margin-block-end:var(--aldelo-space-200); }
  .payment-grid--wide td:last-child { inline-size:100%; padding:var(--aldelo-space-400); }
}
.payer-financial-records .payment-summary { margin-block:var(--aldelo-space-400); }
.payment-workbench .payment-disclosure,.payer-financial-records .payment-disclosure { font-family:var(--aldelo-font-family-body); line-height:var(--aldelo-line-height-body); }
.payment-workbench .ac-alert,.payer-financial-records .ac-alert { overflow-wrap:anywhere; }
.payment-workbench :is(.recipient-partition,.payment-list),.payer-financial-records :is(.recipient-partition,.payment-list) { min-inline-size:0; }
