/**
 * IBORN: Login page overrides.
 * Ensure signup link in login error message is visible (not white/invisible).
 */
div.p_login #loginform span.error a,
div.p_login #loginform span.error a:link {
  color: #00a0f0 !important;
  text-decoration: underline;
}
div.p_login #loginform span.error a:hover {
  color: #00708c !important;
}

/* Prominent pending-registration / login error message */
.login-error-message.login-error-pending {
  font-size: 1.1rem;
  font-weight: 700;
  color: #b71c1c;
  background-color: #ffebee;
  border: 1px solid #ef9a9a;
  border-radius: 4px;
  padding: 12px 16px;
  margin: 12px 0;
  line-height: 1.4;
}

.login-error-message.login-error-pending strong {
  font-size: 1.15rem;
}

.login-error-message.login-error-pending::before {
  content: "!";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  border-radius: 50%;
  background-color: #b71c1c;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
}

/* Inline loading indicator in error area - form stays visible */
.login-inline-loading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.login-inline-spinner {
  display: inline-block;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-top-color: #00a0f0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: login-spin 0.8s linear infinite;
  flex-shrink: 0;
}
@keyframes login-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}