/* Familiennest Markenlogo im App-UI */
.brand-mark,
.login-logo {
  color: transparent !important;
  font-size: 0 !important;
  background-image: url('./familiennest-icon-v2-192.png') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  overflow: hidden;
}

.brand-mark {
  border-radius: 15px;
  box-shadow: 0 8px 24px rgba(87, 68, 56, .14);
}

.login-logo {
  width: 82px !important;
  height: 82px !important;
  margin: 0 auto 14px !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 34px rgba(87, 68, 56, .14);
}

/* Der interne Bootstrap-Ladescreen bleibt beim ersten App-Start unsichtbar.
   Der native PWA-Start geht dadurch direkt in Login oder App über. */
#app[data-booting='true'] > .login-page {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}