/**
 * Auth pages — login/register/forgot layout guards.
 * Location: assets/css/auth-login.css
 */

.auth-shell {
  position: relative;
  z-index: 1;
}

.auth-form-panel,
.auth-form-card {
  position: relative;
  z-index: 2;
}

.auth-form-panel a,
.auth-switch a,
.auth-form-header a,
.form-label a {
  pointer-events: auto;
  position: relative;
  z-index: 3;
}

.auth-form button[type="submit"],
.auth-form .auth-submit {
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 1 !important;
}

.auth-form button[type="submit"]:not(:disabled),
.auth-form .auth-submit:not(:disabled) {
  background: linear-gradient(135deg, var(--primary, #6366f1) 0%, var(--accent, #8b5cf6) 100%) !important;
  color: #fff !important;
  border: none !important;
}

.auth-form button[type="submit"].btn-disabled,
.auth-form .auth-submit.btn-disabled {
  background: linear-gradient(135deg, var(--primary, #6366f1) 0%, var(--accent, #8b5cf6) 100%) !important;
  color: #fff !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.auth-form button[type="submit"]:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

body:has(.auth-shell) .site-footer--v2 {
  margin-top: 0;
}

body:has(.auth-shell) .auth-form-card {
  margin-bottom: 24px;
}

@media (max-width: 900px) {
  .auth-shell {
    min-height: 100vh;
    min-height: 100dvh;
  }
}