/**
 * Sign-in, password reset and account status.
 *
 * These views are single-purpose: the visitor already knows why they are here.
 * The two column layout with an explainer beside the form only earns its place
 * on the sign-up view, so everything else collapses to one centred column with
 * the form at the top.
 */

.mipf-auth-shell--login,
.mipf-auth-shell--forgot,
.mipf-auth-shell--reset {
  grid-template-columns: minmax(0, 1fr);
  width: min(100%, 520px);
  margin-inline: auto;
  gap: 18px;
}

/* The heading is the whole aside on these views; keep it tight to the form. */
.mipf-auth-shell--login .mipf-auth-shell__aside,
.mipf-auth-shell--forgot .mipf-auth-shell__aside,
.mipf-auth-shell--reset .mipf-auth-shell__aside {
  gap: 0;
}

.mipf-auth-shell--login .entry-title--small,
.mipf-auth-shell--forgot .entry-title--small,
.mipf-auth-shell--reset .entry-title--small {
  margin: 0;
  font-size: clamp(24px, 3.5vw, 32px);
}

/* Belt and braces: even if a view renders them, they stay out of the way. */
.mipf-auth-shell--login .mipf-auth-benefits,
.mipf-auth-shell--login .mipf-auth-links,
.mipf-auth-shell--forgot .mipf-auth-benefits,
.mipf-auth-shell--forgot .mipf-auth-links,
.mipf-auth-shell--reset .mipf-auth-benefits,
.mipf-auth-shell--reset .mipf-auth-links {
  display: none;
}

/* --- Folded edge cases --------------------------------------------------
 * Resending a verification email matters to a handful of people; it stays a
 * one-line disclosure so it does not compete with the sign-in form.
 */
.mipf-auth-subpanel--fold {
  padding: 0;
  border: 0;
  background: none;
}

.mipf-auth-subpanel--fold > summary {
  cursor: pointer;
  padding: 6px 0;
  font-size: 14px;
  color: var(--mipf-text-soft);
  list-style: none;
}

.mipf-auth-subpanel--fold > summary::-webkit-details-marker {
  display: none;
}

.mipf-auth-subpanel--fold > summary:hover {
  color: var(--mipf-primary);
}

.mipf-auth-subpanel--fold[open] > summary {
  margin-bottom: 10px;
  color: var(--mipf-text);
  font-weight: 600;
}

/* The aside is a grid, which stretches the chip into a full-width bar. */
.mipf-auth-shell__aside > .mi-chip {
  justify-self: start;
}