/* Login-style pages: sign-in, forgotten password, change password (#78). */
.auth-page__links a {
  color: var(--pl-muted);
  text-decoration: none;
}

.auth-page__links a:hover {
  color: var(--pl-brand);
  text-decoration: underline;
}

/* The layout row's negative gutters were wider than the container's
   padding, so a phone could scroll the page sideways by 6px (#439). */
.auth-page > .container > .row {
  margin-left: 0;
  margin-right: 0;
}

.auth-page__notice {
  text-align: left;
}

.auth-page .form-text {
  text-align: left;
}

.auth-page .form-text ul {
  padding-left: 1.1rem;
  margin-bottom: 0;
}

/* Phones and every touch screen - the shop-floor tablet too (#439): 16px
   stops iOS zooming into a focused field, 48px is a gloved thumb's target.
   A desktop with a mouse keeps AdminKit's sizes. */
@media (max-width: 767.98px), (pointer: coarse) {
  .auth-page .form-control,
  .auth-page .input-group-text,
  .auth-page .btn {
    min-height: 48px;
    font-size: 16px;
  }

  .auth-page .input-group-text {
    padding-inline: 1rem;
  }

  .auth-page__links a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}