/* Sales Dashboard sign-in presentation. Only the signed-out Hub branch gets this class. */
html :is(body,#dreamview-plain) .hub-login-page {
  min-height:100vh; display:grid; place-items:center; gap:0; padding:24px;
  box-sizing:border-box; position:relative; overflow:hidden; text-align:center;
  font-family:'Poppins',sans-serif;
  background:#07192f url('/login-assets/cloud-preview-dark.png') center/cover no-repeat!important;
}
html[data-theme='light'] :is(body,#dreamview-plain) .hub-login-page {
  background:linear-gradient(rgba(64,91,126,.26),rgba(64,91,126,.26)),url('/login-assets/cloud-preview-light.png') center/cover no-repeat!important;
}
html :is(body,#dreamview-plain) .hub-login-page .hub-auth-card {
  width:100%; max-width:560px; padding:0; margin:0; border:0; border-radius:0;
  background:none!important; box-shadow:none!important; position:relative; z-index:1;
}
html :is(body,#dreamview-plain) .hub-login-page .hub-auth-logo {
  width:min(520px,78vw); max-height:220px; margin:0 auto 14px;
}
/* Keep only native star/swoosh in the base layer, excluding shadowed original letters. */
html :is(body,#dreamview-plain) .hub-login-page .hub-auth-logo img {
  margin:0; clip-path:polygon(0 0,100% 0,100% 46%,15% 46%,15% 34%,0 34%);
}
html :is(body,#dreamview-plain) .hub-login-page .hub-auth-logo::after {
  background:#fff!important;
  mask:url('/login-assets/dream-on-me-family-loading.png') center/100% 100% no-repeat;
  -webkit-mask:url('/login-assets/dream-on-me-family-loading.png') center/100% 100% no-repeat;
  clip-path:polygon(0 34%,15% 34%,15% 46%,100% 46%,100% 100%,0 100%);
  filter:none!important; box-shadow:none!important;
}
html[data-theme='light'] :is(body,#dreamview-plain) .hub-login-page .hub-auth-logo::after {background:#1d385f!important;}
html :is(body,#dreamview-plain) .hub-login-page .hub-auth-card p {
  font-size:16px; line-height:1.45; margin:0 0 18px; text-transform:none;
  color:#d6dde3!important; -webkit-text-fill-color:#d6dde3!important;
}
html[data-theme='light'] :is(body,#dreamview-plain) .hub-login-page .hub-auth-card p {
  color:#193d56!important; -webkit-text-fill-color:#193d56!important;
}
html :is(body,#dreamview-plain) .hub-login-page .hub-auth-card button {
  margin:0; padding:11px 20px; border-radius:999px; min-height:44px;
  font-family:inherit; font-weight:700; font-size:13.3333px; text-transform:none;
  background:#354ead!important; color:#fff!important; -webkit-text-fill-color:#fff!important;
  border:1px solid #aab8f0!important; cursor:pointer;
  box-shadow:0 10px 28px rgba(147,176,193,.22)!important;
}
html :is(body,#dreamview-plain) .hub-login-page .hub-auth-card button:hover:not(:disabled) {
  background:#2c4092!important; filter:none; transform:none;
}
html :is(body,#dreamview-plain) .hub-login-page .hub-auth-card button:focus-visible {outline:3px solid #d5dfff;outline-offset:4px;}
html :is(body,#dreamview-plain) .hub-login-page .hub-auth-card small[role='alert'] {font-size:13px;line-height:1.45;}