/* The original branded markup and rules remain intact. Default is minimal,
   including when configuration/scripts cannot load; never flash brand content. */
html:not([data-login-style="branded"]) .login-visual,
html:not([data-login-style="branded"]) .login-mark,
html:not([data-login-style="branded"]) .login-logo,
html:not([data-login-style="branded"]) .login-sub { display: none; }
html:not([data-login-style="branded"]) .login-wrap {
  overflow: auto;
  padding: 24px 16px;
  background: #f5f6f8;
  align-items: safe center;
  justify-content: center;
}
html:not([data-login-style="branded"]) .login-box {
  box-sizing: border-box;
  flex: 0 1 360px;
  width: 100%;
  max-width: 360px;
  margin: auto;
  padding: 24px;
  background: #fff;
  border: 1px solid #e6e9ef;
  border-radius: 12px;
}
html:not([data-login-style="branded"]) .login-label:first-of-type { margin-top: 0; }
html:not([data-login-style="branded"]) .login-btn { box-shadow: none; }
html:not([data-login-style="branded"]) .login-btn span { display: none; }