/* Referral queue list as referrals.html#s-queue draws the two columns. */
#akashic-health-records-patient-portal-root .referrals-queue-grid {
  gap: 12px;
}
#akashic-health-records-patient-portal-root .referrals-queue-col .ak-page-title__sub {
  margin: 3px 0 10px;
  font-size: 13px;
  color: var(--ink-muted);
}
#akashic-health-records-patient-portal-root .referrals-queue-row {
  gap: 11px;
  padding: 10px 0;
}
/* The separator belongs to the entry, which holds the row and, on an undelivered referral, its Retry. */
#akashic-health-records-patient-portal-root .referrals-queue-entry {
  border-bottom: 1px solid var(--line-soft);
}
#akashic-health-records-patient-portal-root .referrals-queue-entry:last-child {
  border-bottom: none;
}

/* A referral that did not reach the other practice, as referrals.html#s-delivery-failed draws it: the
   alert reads title over sentence with a red rule on its left, and Retry sits under its own row. */
#akashic-health-records-patient-portal-root .referrals-delivery-notice {
  display: block;
  margin: 0 0 4px;
  border-left: 3px solid var(--danger);
}
#akashic-health-records-patient-portal-root .referrals-delivery-notice strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
}
#akashic-health-records-patient-portal-root .referrals-delivery-notice p {
  margin: 4px 0 0;
}
#akashic-health-records-patient-portal-root .referrals-queue-retry {
  padding: 0 0 11px;
}
#akashic-health-records-patient-portal-root .referrals-retry-button {
  min-height: 36px;
  border: 1px solid var(--danger);
  background: var(--surface, #fff);
  color: var(--danger);
  font-weight: 600;
}
#akashic-health-records-patient-portal-root .referrals-queue-retry .ak-notice {
  margin-top: 8px;
}
#akashic-health-records-patient-portal-root .referrals-queue-row .ak-row__name {
  font-size: 13.5px;
  font-weight: var(--ak-heading-weight);
}
#akashic-health-records-patient-portal-root .referrals-queue-row .ak-row__detail {
  font-size: 12px;
  font-style: normal;
  color: var(--ink-muted);
}
#akashic-health-records-patient-portal-root .referrals-queue-row .ak-row__detail:last-of-type {
  color: var(--faint);
}

/* Withdrawing a referral placed in error, as referrals.html#s-withdraw-referral draws the Outbound row: the
   action sits under its own row, and a withdrawn row says who withdrew it and why, in the row's muted voice. */
#akashic-health-records-patient-portal-root .referrals-queue-withdraw {
  padding: 0 0 11px;
}
#akashic-health-records-patient-portal-root .referrals-withdraw-action {
  min-height: 36px;
}
#akashic-health-records-patient-portal-root .referrals-withdraw-note {
  margin: -4px 0 0;
  padding: 0 0 11px;
  font-size: 12px;
  line-height: 1.45;
  color: var(--ink-muted);
}