/* Boot + React loading splash: centered Bagger logo, no blue "R" box */
.app-loading {
  position: fixed !important;
  inset: 0 !important;
  z-index: 40 !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 14px !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  background: #f4f7fa !important;
  color: #6e7f8f !important;
}

html.theme-dark .app-loading,
body.theme-dark .app-loading {
  background: #071522 !important;
  color: #9db0c4 !important;
}

.app-loading > span,
.app-loading .brand-logo-frame,
.app-loading > img {
  width: 96px !important;
  height: 96px !important;
  margin: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  background-color: #f4f7fa !important;
  background-image: url("/assets/regab-splash-logo.png?v=20260824-1") !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
}

html.theme-dark .app-loading > span,
html.theme-dark .app-loading .brand-logo-frame,
html.theme-dark .app-loading > img,
body.theme-dark .app-loading > span,
body.theme-dark .app-loading .brand-logo-frame,
body.theme-dark .app-loading > img {
  background-color: #071522 !important;
}

html.theme-light .app-loading > span,
html.theme-light .app-loading .brand-logo-frame,
html.theme-light .app-loading > img,
body.theme-light .app-loading > span,
body.theme-light .app-loading .brand-logo-frame,
body.theme-light .app-loading > img {
  background-color: #f4f7fa !important;
}

.app-loading .brand-logo-frame > span {
  display: none !important;
}

.app-loading .brand-logo-frame img,
.app-loading > img {
  width: 96px !important;
  height: 96px !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  opacity: 0 !important;
}

.app-loading p {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}