/* Admin money (S26): A-04 payouts due, A-05 refunds to send, A-06 payment review, O-30, and the payout in O-19's
   money card (S20's MoneyCard, with requests.css's bh-o19-money). */

/* A-04 and A-05: one card per payout or refund. */
.bh-po-list { display: grid; gap: var(--space-4); min-width: 0; }
.bh-po-list > h2, .bh-po-list > p { margin: 0; }
.bh-po-card { display: grid; gap: var(--space-3); max-width: 760px; overflow-wrap: anywhere; }
.bh-po-card > * { margin: 0; }
.bh-po-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2); }
.bh-po-head > h3 { margin: 0; }
.bh-po-lines { display: grid; gap: var(--space-2); margin: 0; }
.bh-po-lines > div { display: flex; justify-content: space-between; gap: var(--space-3); }
.bh-po-lines dd { margin: 0; text-align: end; font-variant-numeric: tabular-nums; }
.bh-po-lines > .is-total { padding-top: var(--space-2); border-top: 1px solid var(--line); font-weight: var(--weight-bold); }
.bh-po-iban { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); }
.bh-po-payments { display: grid; gap: var(--space-2); }
.bh-po-payments > p { margin: 0; }
.bh-po-payments ul { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.bh-po-payments li { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); }
.bh-po-blocks { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; color: var(--warning-ink); }
.bh-po-blocks li { display: flex; align-items: flex-start; gap: var(--space-2); }
.bh-po-blocks .bh-icon { flex: none; margin-top: 2px; }
.bh-po-pay { display: grid; gap: var(--space-3); justify-items: start; max-width: 420px; }
.bh-po-pay > .bh-field { width: 100%; }

/* A-06's item: the reasons as chips, and one block per decision. */
.bh-rv-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; }
.bh-rv-option { display: grid; gap: var(--space-2); justify-items: start; padding-bottom: var(--space-3); border-bottom: 1px solid var(--line); }
.bh-rv-option > p { margin: 0; }

/* O-30 */
.bh-mp-list { display: grid; gap: var(--space-3); min-width: 0; }
.bh-mp-list > h2, .bh-mp-list > p { margin: 0; }
.bh-mp-next, .bh-mp-empty, .bh-mp-group { display: grid; gap: var(--space-2); justify-items: start; overflow-wrap: anywhere; }
.bh-mp-next > *, .bh-mp-empty > *, .bh-mp-group > * { margin: 0; }
.bh-mp-rows { display: grid; gap: var(--space-3); width: 100%; margin: 0; padding: 0; list-style: none; }
.bh-mp-rows > li { display: grid; gap: var(--space-1); justify-items: start; padding-bottom: var(--space-3); border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.bh-mp-rows > li:last-child { padding-bottom: 0; border-bottom: 0; }
.bh-mp-row-head, .bh-mp-total { display: flex; justify-content: space-between; gap: var(--space-3); width: 100%; }
.bh-mp-total { padding-top: var(--space-2); border-top: 1px solid var(--line); }
.bh-mp-how { display: grid; gap: var(--space-2); }
.bh-mp-how > * { margin: 0; }

/* O-19: the payout, below the booking's own money in S20's money card. */
.bh-mp-payout { display: grid; gap: var(--space-2); justify-items: start; margin: var(--space-4) 0; padding-top: var(--space-4); border-top: 1px solid var(--line); overflow-wrap: anywhere; }
.bh-mp-payout > * { margin: 0; }
.bh-mp-payout > dl { width: 100%; }