/* Explicit action contrast for old and current login layouts, in both themes. */
html:root body.login-page .login-card .btn-login,
html:root body.login-page .login-card a[href="/signup"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 12px 20px;
  border: 1px solid #5941e8 !important;
  border-radius: 10px;
  background: #5941e8 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  white-space: normal;
}
html:root body.login-page .login-card .btn-login:hover,
html:root body.login-page .login-card a[href="/signup"]:hover {
  background: #4932cc !important;
  border-color: #4932cc !important;
  color: #fff !important;
}
html:root body.login-page .login-card .btn-login:focus-visible,
html:root body.login-page .login-card a[href="/signup"]:focus-visible {
  outline: 3px solid #9f8bff;
  outline-offset: 3px;
}
html:root body.login-page .login-card .btn-login:disabled { opacity: .65; cursor: not-allowed; }

/* Keep the sole signup action in the right-hand information panel on desktop. */
body.login-page.auth-entry .login-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); max-width: 1100px; gap: 48px; }
body.login-page.auth-entry .login-info { display: block; }
@media (max-width: 760px) {
  body.login-page.auth-entry .login-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}