/**
 * SaaDhaGaa Login Page Fix
 * Fixes the "dancing" horizontal movement on the login page
 */

/* Prevent horizontal movement/dancing on login page */
#app-container {
  transform: translateZ(0) !important; /* Force hardware acceleration */
  backface-visibility: hidden !important; /* Prevent flickering */
  perspective: 1000px !important; /* Enhance 3D rendering */
  will-change: transform !important; /* Hint for browser optimization */
  
  /* Ensure stable positioning */
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  
  /* Prevent any horizontal movement */
  overflow-x: hidden !important;
  max-width: 1200px !important;
  width: 100% !important;
  
  /* Ensure smooth transitions */
  transition: none !important;
}

/* Ensure container is properly centered */
.container {
  position: relative !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  
  /* Prevent any horizontal movement */
  max-width: 600px !important;
  width: 100% !important;
  
  /* Ensure smooth transitions */
  transition: none !important;
}

/* Disable transitions during page load */
.no-transitions, 
.no-transitions * {
  transition: none !important;
}

/* Ensure login form is stable */
.login-form {
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  position: relative !important;
  
  /* Prevent any horizontal movement */
  max-width: 400px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  
  /* Ensure smooth transitions */
  transition: none !important;
}

/* Disable animations that might cause movement */
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}