/* Balance totals stay outside the form and history scrollers. */
html .modal-card.finance-summary-dialog {
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - 48px);
  overflow: hidden;
  padding-block-start: var(--dialog-head-gutter);
}

.modal-card.finance-summary-dialog > .modal-head {
  position: static;
  flex: none;
  padding-block-start: 0;
}

.modal-card.finance-summary-dialog > .modal-head::before { content: none; }
.finance-summary-dialog > :is(.member-recharge-summary, .provider-balance-readonly) { flex: none; }

.finance-dialog-scroll {
  min-height: 0;
  min-width: 0;
  overflow: auto;
  overscroll-behavior: contain;
}

.member-recharge-summary > header { margin-bottom: 0; }

.member-wallet-settings.member-recharge-form {
  padding: 0;
  border: 0;
  background: transparent;
}

.tenant-recharge-summary {
  flex: none;
  min-width: 0;
  padding-inline: 30px;
}

.tenant-recharge-summary > p { margin-block-start: 0; }

.tenant-dialog.member-credit-history {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-block-start: var(--dialog-head-gutter);
}

.tenant-dialog.member-credit-history > .member-credit-history {
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}

.tenant-dialog.member-credit-history > .member-credit-history > .tenant-heading {
  position: static;
  padding-block-start: 0;
}

.tenant-dialog.member-credit-history > .member-credit-history > :not(.member-credit-table) { flex: none; }

.tenant-dialog.member-credit-history > .member-credit-history > .member-credit-table {
  max-height: none;
  min-height: 0;
  overscroll-behavior: contain;
}

@media (max-width: 700px) {
  .tenant-recharge-summary { padding-inline: 22px; }
  .member-recharge-summary > header aside { min-width: 0; }
}

@media (max-height: 600px) {
  html .modal-card.finance-summary-dialog {
    max-height: calc(100dvh - 32px);
    padding: 16px;
  }

  .modal-card.finance-summary-dialog > .modal-head {
    margin-bottom: 12px;
    padding-bottom: 10px;
  }

  .member-recharge-summary { padding: 10px; }
  .member-recharge-summary > header { gap: 8px; }
  .member-recharge-summary > header aside { padding: 6px 8px; }

  .tenant-recharge-summary .tenant-credit-funds {
    gap: 6px;
    margin-block: 8px 12px;
    padding: 10px;
  }
}

@media (max-height: 440px) {
  html .modal-card.finance-summary-dialog {
    max-height: calc(100dvh - 24px);
    padding: 12px;
  }

  .finance-summary-dialog > .modal-head .kicker { display: none; }

  html[data-theme] .tenant-dialog.tenant-recharge-dialog { max-height: calc(100dvh - 24px); }
  .tenant-recharge-heading { padding-block: 9px; }
  .tenant-recharge-body { padding-block-end: 12px; }
}