/* Email OTP login pages (plugins/email_otp templates).
 * Layered on top of Indico's own classes via the email-otp-* hooks; nothing here
 * touches Indico's selectors directly. Colours follow Indico's palette ($blue #09c,
 * $dark-blue #007cac). */

.login-page .email-otp-page .login-container {
  background: #fff;
  border: 1px solid #e3e6ea;
  border-radius: 8px;
  padding: 28px 28px 24px;
  box-shadow: 0 6px 24px rgba(40, 60, 90, 0.08);
  box-sizing: border-box;
}

.login-page .email-otp-page .header-logo {
  margin-bottom: 16px;
}

.login-page .email-otp-page .email-otp-intro {
  color: #555;
}

.login-page .email-otp-page form input:not([type='submit']) {
  border-color: #c3c8cf;
  transition: border-color 0.12s, box-shadow 0.12s;
}

.login-page .email-otp-page form input:not([type='submit']):focus {
  outline: none;
  border-color: #09c;
  box-shadow: 0 0 0 3px rgba(0, 153, 204, 0.18);
}

.login-page .email-otp-page .i-button.email-otp-button {
  background: #09c;
  border-color: #0088b6;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow: none;
  transition: background 0.12s, border-color 0.12s, box-shadow 0.12s, transform 0.06s;
}

.login-page .email-otp-page .i-button.email-otp-button:hover {
  background: #007cac;
  border-color: #006d97;
  color: #fff;
}

.login-page .email-otp-page .i-button.email-otp-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 153, 204, 0.3);
}

.login-page .email-otp-page .i-button.email-otp-button:active {
  background: #006d97;
  border-color: #006d97;
  transform: translateY(1px);
}

.login-page .email-otp-page .i-button.email-otp-button:disabled,
.login-page .email-otp-page .i-button.email-otp-button.disabled {
  background: #9fd3e6 !important;
  border-color: #9fd3e6 !important;
  color: #fff !important;
  cursor: default;
  transform: none;
  box-shadow: none;
}

.login-page .email-otp-page .email-otp-back a {
  color: #007cac;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .login-page .email-otp-page .i-button.email-otp-button,
  .login-page .email-otp-page form input:not([type='submit']) {
    transition: none;
  }
}