/* Signed-out pages: sign in, forgot / reset password */

.auth-shell {
  display: grid;
  place-items: center;
  min-height: 100dvh;
  padding: var(--space-6) var(--space-4);
  background:
    radial-gradient(60rem 30rem at 50% -10%, var(--color-primary-subtle), transparent),
    var(--color-bg);
}

.auth-container {
  width: 100%;
  max-width: var(--auth-card-width);
}

.auth-brand {
  display: flex;
  justify-content: center;
  margin-bottom: var(--space-6);

  .brand-mark {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-lg);

    svg {
      width: 1.375rem;
      height: 1.375rem;
    }
  }
}

.auth-card {
  padding: var(--space-8);
  box-shadow: var(--shadow-md);
}

.auth-card__header {
  margin-bottom: var(--space-6);
  text-align: center;
}

.auth-card__title {
  font-size: var(--text-xl);
}

.auth-card__subtitle {
  margin-top: var(--space-1-5);
  color: var(--color-text-muted);
}

.auth-footer {
  margin-top: var(--space-6);
  text-align: center;
  color: var(--color-text-muted);
  font-size: var(--text-sm);
}

.label-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;

  a {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
  }
}