html.work-auth-pending body > aside,
html.work-auth-pending body > main,
.portal-work.work-login-only > aside,
.portal-work.work-login-only > main,
.portal-work.work-login-only > .modal:not(#login-dialog) {
  display: none !important;
}

html.work-auth-pending body,
.portal-work.work-login-only {
  display: block;
  min-height: 100vh;
  background: #f3f5f2;
}

.portal-work.work-login-only #login-dialog {
  display: grid;
  background: #f3f5f2;
  backdrop-filter: none;
}

.portal-work.work-login-only #login-dialog .close {
  display: none;
}

.portal-work.work-login-only #login-form {
  border: 1px solid #dfe7e3;
  box-shadow: 0 24px 70px rgba(19, 44, 37, .12);
}

@media (max-width: 560px) {
  .portal-work.work-login-only #login-dialog { align-items: center; padding: 18px; }
  .portal-work.work-login-only #login-form { padding: 30px 24px; }
}