/* The record rows on the medication and immunization lists. Scoped to the root so these win over
   the WordPress components' own emotion styles, which sit at a single class. */
#akashic-health-records-patient-portal-root .ahr-record-row__icon {
  margin-right: 12px;
}

#akashic-health-records-patient-portal-root .ahr-record-row__title {
  font-weight: 500;
}

#akashic-health-records-patient-portal-root .ahr-record-row__line {
  display: block;
}

#akashic-health-records-patient-portal-root .ahr-record-row__line-icon {
  margin-right: 4px;
}

/* A row's details and its action. The details take their content's width and the action never shrinks, so in a
   wrapping row a narrow screen moves the action below the details at full size. Without this, both shrank
   together and a long title pushed Edit past the card's edge, where it was clipped to "Edi" at 390px. On a
   wide row the details grow and the action stays at the right. */
#akashic-health-records-patient-portal-root .ahr-record-row__main {
  flex: 1 1 auto;
}

#akashic-health-records-patient-portal-root .ahr-record-row__action {
  flex: 0 0 auto;
}