/* Fond identique au premier écran de l'app (BrandLogoView) pendant le
   chargement : rien de blanc ou de noir ne clignote entre les deux. */
html, body {
  margin: 0;
  height: 100%;
  background: #FFFFFF;
  overscroll-behavior: none;
}
@media (prefers-color-scheme: dark) {
  html, body { background: #1B211D; }
}
#habiko-loader {
  position: fixed;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF url("img/splash-background.jpg") center / cover no-repeat;
  transition: opacity 250ms ease-out;
}
#habiko-loader img { width: 160px; height: auto; }

/* Nouvelle version prête : bandeau façon SnackBar de l'app. */
#habiko-update {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: calc(16px + env(safe-area-inset-bottom));
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 12px;
  background: #1F2937;
  color: #FFFFFF;
  font: 14px/1.4 Roboto, -apple-system, "Segoe UI", sans-serif;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}
#habiko-update span { flex: 1; }
#habiko-update button {
  border: 0;
  border-radius: 999px;
  padding: 8px 14px;
  background: #FF7418;
  color: #FFFFFF;
  font: 600 14px Roboto, -apple-system, "Segoe UI", sans-serif;
}