#mainApp #content .pay-plan > .pay-plan-row {
  display: grid;
  grid-template-columns: 1.25rem minmax(0, 1fr) max-content minmax(10rem, 28%);
  align-items: baseline;
  gap: 8px 12px;
  padding: 12px 16px;
}

#mainApp #content .pay-plan .pay-plan-status {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
  min-width: 0;
  margin-inline-start: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

#mainApp #content .pay-plan .pay-plan-status .mini-btn {
  min-height: 44px;
}

@media (max-width: 680px) {
  #mainApp #content .pay-plan > .pay-plan-row {
    grid-template-columns: 1rem minmax(0, 1fr) minmax(0, 50%);
    padding-inline: 12px;
  }

  #mainApp #content .pay-plan .pay-plan-status {
    grid-column: 2 / -1;
  }
}

#mainApp #content .pay-plan .pay-plan-sum {
  justify-self: end;
  text-align: end;
}