/*
 * VisualEyes square button on the git.vercet.net sign-in page (2026-10-04).
 * Same look as the MantisBT plugin: a flat-sided ROUNDED SQUARE, mark ~84% of the box,
 * radius = box / 7. Never a circle. Served by Apache on web; injected on /users/sign_in only.
 */
div:has(> #user_login) { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; }
div:has(> #user_login) > #user_login { flex: 1 1 0; min-width: 0; }
div:has(> #user_login) > :not(#user_login):not(#ve-button) { flex-basis: 100%; }
a#ve-button {
  flex: 0 0 32px; width: 32px; height: 32px; box-sizing: border-box;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid #1b2440; border-radius: 4.6px !important; background: #fff;
}
a#ve-button:hover, a#ve-button:focus { background: #eef1fb; }
a#ve-button img { width: 27px; height: 27px; }
div:has(> #user_login) > .ve-note { margin: -4px 0 0; font-size: 11px; color: #6b7385; }
/* Only once the square is in place: hide GitLab's own wide VisualEyes button + divider.
   If the script fails to load, GitLab's button stays visible, so VisualEyes still works. */
html.ve-ready [data-testid="divider"], html.ve-ready .js-oauth-login { display: none !important; }