/* Layout scoped to the Dashboard login page. */
.dashboard-login-page {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: none;
  padding: 48px 20px;
}

.dashboard-login-page .admin-login {
  width: 100%;
  max-width: 520px;
  margin: 0;
  min-width: 0;
}

.dashboard-login-page .brand-heading {
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  line-height: 1.2;
}

.dashboard-login-page .form-grid {
  grid-template-columns: minmax(0, 1fr);
}

.dashboard-login-page input,
.dashboard-login-page .button {
  width: 100%;
  min-width: 0;
}

.dashboard-login-page .button {
  padding: 12px 16px;
}

.dashboard-login-page #microsoftLoginButton {
  margin-top: 18px;
}

@media (max-width: 600px) {
  .dashboard-login-page {
    padding: 28px 16px;
  }

  .dashboard-login-page .admin-login {
    padding: 24px 20px;
  }
}