/* Billing overview as billing.html#s-overview draws the four counts and two boards. */
#akashic-health-records-patient-portal-root .billing-overview {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#akashic-health-records-patient-portal-root .billing-overview-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (min-width: 640px) {
  #akashic-health-records-patient-portal-root .billing-overview-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
#akashic-health-records-patient-portal-root .billing-overview-grid {
  gap: 12px;
}