/*
 * The member's EMI schedules in the staff's format (member-loan-schedule.js): the
 * staff's table styling comes with the classes it adds (.mfin__table, .mfin__table--
 * schedule; member-profile-tabs.css). What is left is the member's own two columns.
 */

/*
 * Action: a Pay Now that is not open yet says when under the button rather than beside
 * it (emi-pay-window.js draws them on one line) — twelve columns across, the width
 * matters more than a row's height.
 */
.mfin__table--schedule .emi-pay-later-wrap {
  flex-direction: column;
  align-items: flex-start;
  gap: .15rem;
  white-space: normal;
}

.mfin__table--schedule .emi-pay-later__when {
  max-width: 6.5rem;
  white-space: normal;
}

/* Twelve columns: the cells sit a little closer than the staff's eleven. */
#app table.mfin__table--schedule th,
#app table.mfin__table--schedule td {
  padding: .45rem .5rem;
}

/* The totals line has nothing under Status, Action or Receipt. */
.mfin__table--schedule tfoot td:empty {
  background: #f7f9fe;
}