/* ============================================================================
   THE SIGN-IN SCREEN.

   Page-scoped rules only. Anything here that turns out to be true of more than
   this page belongs in index.css instead.

   Every selector is prefixed with the mount id for the same reason the rest of
   index.css is: the plugin renders inside somebody else's WordPress theme, and
   an unprefixed rule is a rule that leaks both ways.
   ============================================================================ */

/* ── the practice's mark and name ─────────────────────────────────────────────
   Spencer, 2026-09-08: "The logo and org name should be centered in the login
   screen, not left-aligned."

   It was already TRYING to centre - the header carried an inline
   `justifyContent: 'center'` - but `.wp-card__header` is a plain block, so the
   property had nothing to act on and did nothing at all. Centring a block child
   is `margin-inline: auto`, and that is what this does.

   ⛔ And the name was not on the screen at all. A patient arriving from an email
   link needs to know WHOSE portal they just opened before they type a password
   into it; the practice's name was carried only in the logo's alt text, which is
   to say only for screen readers. */
#akashic-health-records-patient-portal-root .ahr-login__brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}

#akashic-health-records-patient-portal-root .ahr-login__org {
  margin: 0;
  font-size: var(--ak-font-15);
  font-weight: 500;
  line-height: 1.3;
  color: var(--ink-strong);
}

/* Which portal this is, under the practice's name. */
#akashic-health-records-patient-portal-root .ahr-login__sub {
  margin: -8px 0 0;
  font-size: var(--ak-font-13);
  color: var(--ink-muted);
}

/* The ways out of the form read as links, not as buttons. */
#akashic-health-records-patient-portal-root .btn.ahr-login__alt {
  font-size: var(--ak-font-13);
  font-weight: 500;
  color: var(--primary);
  /* The shared button never wraps; a long way out ran past the card's padding at 390. */
  white-space: normal;
  text-align: center;
}

/* A held way out must look held; the shared button gives a link-styled one no disabled look. */
#akashic-health-records-patient-portal-root .btn.ahr-login__alt:disabled {
  color: var(--ink-muted);
  cursor: not-allowed;
}