/* ORMEA 2.29: client payments keep their copy above mobile actions. */
.client-payments-panel{min-width:0}
.finance-record{align-items:flex-start;flex-wrap:wrap;column-gap:20px;row-gap:12px;padding:17px 0}
.finance-record-copy{flex:1 1 260px;min-width:0}
.finance-record-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 14px}
.finance-record-heading>strong{min-width:0;line-height:1.4;overflow-wrap:break-word;word-break:normal}
.finance-amount{font-weight:730;font-variant-numeric:tabular-nums;white-space:nowrap}
.finance-record-meta{display:flex;flex-wrap:wrap;gap:3px 12px;margin-top:6px;color:var(--muted);font-size:.79rem;line-height:1.5}
.finance-record-meta>span{min-width:0;overflow-wrap:anywhere;word-break:normal}
.finance-method{display:inline-flex;padding:4px 8px;border-radius:7px;background:#f2eee7;color:#665a4b;font-size:.74rem;font-weight:650;line-height:1.3}
.finance-record-status{display:inline-block;margin-top:9px;padding:4px 8px;border-radius:6px;font-size:.71rem;font-weight:650;line-height:1.4;font-variant-numeric:tabular-nums}
.finance-record-status.is-paid{background:#edf2e9;color:#506445}
.finance-record-status.is-pending{background:#f6eddf;color:#856334}
.finance-record-actions{display:flex;flex:0 1 auto;gap:8px;justify-content:flex-end;flex-wrap:wrap;max-width:100%}
.finance-record-actions>button{white-space:normal;word-break:normal;overflow-wrap:break-word}
.client-payments-panel .payment-section-heading{flex-wrap:wrap}
.client-payments-panel .payment-section-heading>div{min-width:0;max-width:100%}
@media(max-width:760px){
  .client-payments-panel{padding:16px 14px;border-radius:14px}
  .client-payments-panel .payment-section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}
  .client-payments-panel .payment-section-heading h2{font-size:1.03rem;line-height:1.35}
  .client-payments-panel .payment-title-actions{width:100%;display:flex;gap:8px}
  .client-payments-panel .payment-title-actions>button{flex:1 1 auto;min-height:42px;max-width:100%;padding:8px 10px;font-size:.76rem;white-space:normal}
  .client-payments-panel .finance-record{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px 0}
  .client-payments-panel .finance-record>.finance-record-copy{flex:none;width:100%;min-width:0}
  .client-payments-panel .finance-record-heading{gap:5px 12px}
  .client-payments-panel .finance-record-heading>strong{font-size:.92rem}
  .client-payments-panel .finance-record-meta{font-size:.78rem;gap:4px 11px}
  .client-payments-panel .finance-record-actions{display:flex;flex:none;width:100%;max-width:100%;justify-content:flex-start;gap:8px}
  .client-payments-panel .finance-record-actions>button{flex:1 1 125px;min-width:0;max-width:100%;min-height:42px;margin:0;padding:8px 10px;font-size:.77rem;line-height:1.3}
  .client-payments-panel .payment-explainer{font-size:.78rem;line-height:1.5}
  .client-payments-panel .payment-history summary{font-size:.79rem;line-height:1.5;overflow-wrap:break-word}
  .client-payments-panel .payment-history .grow>small{font-size:.77rem;line-height:1.5;overflow-wrap:anywhere}
  .cards.three.payment-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
  .cards.three.payment-summary article{min-width:0;padding:12px 8px;border-radius:12px}
  .cards.three.payment-summary article>span{font-size:.65rem;line-height:1.3;margin-bottom:6px}
  .cards.three.payment-summary article>strong{font-size:clamp(.85rem,3.6vw,1.2rem);font-variant-numeric:tabular-nums;line-height:1.35;white-space:normal;overflow-wrap:normal;word-break:normal}
}
@media(max-width:360px){
  .cards.three.payment-summary{grid-template-columns:1fr;gap:6px}
  .cards.three.payment-summary article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}
  .cards.three.payment-summary article>span{margin:0;font-size:.76rem}
  .cards.three.payment-summary article>strong{font-size:1rem;white-space:nowrap}
}