/* A practice's invitation to join as a clinician, shown once the invited person has signed in. */
#akashic-health-records-patient-portal-root .clinician-invitation-notice {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
  padding: 12px 14px;
  border-left: 3px solid var(--primary);
  background: var(--blue-soft);
  color: var(--ink);
  font-size: 14px;
}

#akashic-health-records-patient-portal-root .clinician-invitation-notice__icon {
  flex: none;
  width: 20px;
  height: 20px;
  color: var(--primary);
}

#akashic-health-records-patient-portal-root .clinician-invitation-notice__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

#akashic-health-records-patient-portal-root .clinician-invitation-notice__body p {
  margin: 0;
}

#akashic-health-records-patient-portal-root .clinician-invitation-notice__muted {
  font-size: 13px;
  color: var(--ink-muted);
}

#akashic-health-records-patient-portal-root .clinician-invitation-notice__code {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 220px;
  margin-top: 8px;
}

#akashic-health-records-patient-portal-root .clinician-invitation-notice__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}

#akashic-health-records-patient-portal-root .clinician-invitation-notice__error {
  color: var(--danger);
  font-size: 13px;
}