html.zinet-needs-login .app,
html.zinet-needs-login .sidebar-backdrop,
html.zinet-boot-pending .app,
html.zinet-boot-pending .sidebar-backdrop,
html.zinet-logging-out .app,
html.zinet-logging-out .sidebar-backdrop,
html.zinet-validating .app,
html.zinet-validating .sidebar-backdrop,
html.zinet-auth-pending:not(.zinet-authed) .app {
  display: none !important;
}
html.zinet-needs-login #loginOverlay {
  display: flex !important;
}
html.zinet-needs-login .page--launcher,
html.zinet-validating .page--launcher,
html.zinet-route-login .app,
html.zinet-route-login .sidebar-backdrop {
  display: none !important;
}
html.zinet-route-login.zinet-needs-login #loginOverlay {
  display: flex !important;
}
html.zinet-route-login.zinet-authed .app,
html.zinet-route-login.zinet-authed:not(.zinet-needs-login) .app {
  display: none !important;
}
html.zinet-authed:not(.zinet-needs-login):not(.zinet-route-login) .app {
  display: grid !important;
}
html.zinet-authed:not(.zinet-needs-login) .sidebar-backdrop:not(.is-visible) {
  display: none !important;
}
html.zinet-authed:not(.zinet-needs-login) #appBootSplash {
  display: none !important;
}
html.zinet-authed:not(.zinet-needs-login):not(.zinet-route-login) #loginOverlay {
  display: none !important;
}

.login-card__install {
  margin: 1rem 0 0;
  text-align: center;
}

.login-install-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.55rem 0.85rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(56, 189, 248, 0.35);
  background: rgba(56, 189, 248, 0.08);
  color: #7dd3fc;
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s ease;
}

.login-install-link:hover,
.login-install-link:focus-visible {
  background: rgba(56, 189, 248, 0.16);
  color: #bae6fd;
}

html.zinet-login-portal-app .login-install-link {
  border-color: rgba(56, 189, 248, 0.55);
  background: rgba(56, 189, 248, 0.14);
  box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.12);
}