/* The staff record: the person's name, then a 170px tab column beside the tab's content. */
#akashic-health-records-patient-portal-root .staff-record-name {
  margin: 0 0 6px;
}

#akashic-health-records-patient-portal-root .staff-record-missing {
  margin: 8px 0 0;
  padding-inline-start: 20px;
}

#akashic-health-records-patient-portal-root .staff-record {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  align-items: start;
  gap: 16px;
}

#akashic-health-records-patient-portal-root .staff-record-body {
  min-width: 0;
}

/* On a phone the tabs sit above the content and wrap, so every tab stays in view. */
@media (max-width: 767px) {
  #akashic-health-records-patient-portal-root .staff-record {
    grid-template-columns: minmax(0, 1fr);
  }

  #akashic-health-records-patient-portal-root .staff-record-nav [role="group"] {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px;
  }

  #akashic-health-records-patient-portal-root .staff-record-nav [role="menuitem"] {
    flex: none;
    width: auto;
    white-space: nowrap;
  }
}