/* Scoped authentication/loading presentation; application data/auth behavior is unchanged. */
html :is(body,#dreamview-plain) .hub-auth-page {
  min-height:100dvh; display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:24px;
  background:#07192f url('/location-assets/hub-clouds-dark-v10.png') center/cover no-repeat!important;
  color:#f1f6ff!important;
}
html :is(body,#dreamview-plain) .hub-auth-page .bg-effects {display:none!important}
html :is(body,#dreamview-plain) .hub-auth-status,
html :is(body,#dreamview-plain) .hub-auth-card p,
html :is(body,#dreamview-plain) .hub-auth-card strong {
  color:#f1f6ff!important; -webkit-text-fill-color:#f1f6ff!important;
}
html[data-theme='light'] :is(body,#dreamview-plain) .hub-auth-page {
  background:linear-gradient(rgba(64,91,126,.26),rgba(64,91,126,.26)),url('/location-assets/hub-clouds-light-v10.png') center/cover no-repeat!important;
}
html[data-theme='light'] :is(body,#dreamview-plain) .hub-auth-status,
html[data-theme='light'] :is(body,#dreamview-plain) .hub-auth-card p,
html[data-theme='light'] :is(body,#dreamview-plain) .hub-auth-card strong {
  color:#193d56!important; -webkit-text-fill-color:#193d56!important;
}
html :is(body,#dreamview-plain) .hub-auth-card button {
  background:#354ead!important; color:#fff!important; -webkit-text-fill-color:#fff!important;
  border:1px solid #aab8f0!important; font-weight:700!important; min-height:44px;
}
html :is(body,#dreamview-plain) .hub-auth-card button:focus-visible,
html :is(body,#dreamview-plain) a.sidebar-brand-top:focus-visible {
  outline:3px solid #d5b650; outline-offset:4px;
}
html :is(body,#dreamview-plain) .hub-auth-page img {
  object-fit:contain; width:min(520px,78vw); height:auto; max-height:220px;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 1px 1px rgba(7,25,47,.8)) drop-shadow(0 3px 8px rgba(7,25,47,.45))!important;
}
html :is(body,#dreamview-plain) .hub-auth-card small[role='alert'] {
  color:#ffb9c4!important; -webkit-text-fill-color:#ffb9c4!important;
}
html[data-theme='light'] :is(body,#dreamview-plain) .hub-auth-card small[role='alert'] {
  color:#91223b!important; -webkit-text-fill-color:#91223b!important;
}
/* Reuse original alpha artwork; recolor only lettering, not star or swoosh. */
html :is(body,#dreamview-plain) .hub-auth-page .hub-auth-logo {
  display:block; position:relative; width:min(520px,78vw); margin-inline:auto;
}
html :is(body,#dreamview-plain) .hub-auth-page .hub-auth-logo img { display:block; width:100%!important; }
html :is(body,#dreamview-plain) .hub-auth-page .hub-auth-logo::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:#fff!important;
  mask:url('/dream-on-me-family-loading.png') center/100% 100% no-repeat;
  -webkit-mask:url('/dream-on-me-family-loading.png') center/100% 100% no-repeat;
  /* Include the d ascender but exclude the swoosh above the other letters. */
  clip-path:polygon(0 40.5%,14% 40.5%,14% 49%,100% 49%,100% 100%,0 100%);
}
html[data-theme='light'] :is(body,#dreamview-plain) .hub-auth-page .hub-auth-logo::after {
  background:#0a2854!important;
}
/* Beat the light-mode global button rule, including inherited text fill. */
html[data-theme='light'] :is(body,#dreamview-plain) .hub-auth-page .hub-auth-card button,
html[data-theme='light'] :is(body,#dreamview-plain) .hub-auth-page .hub-auth-card button * {
  color:#fff!important; -webkit-text-fill-color:#fff!important;
}