/* Authentication form styles */
.auth-form .input {
    padding-left: 2.5rem !important; /* Ensure enough space for icons */
    height: 2.75rem;
  }
  
  .auth-form .input-icon {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--muted-foreground);
    pointer-events: none;
  }
  
  /* Improve focus states */
  .auth-form .input:focus {
    border-color: hsl(var(--primary));
    box-shadow: 0 0 0 2px hsla(var(--primary), 0.2);
    outline: none;
  }
  
  /* Responsive adjustments */
  @media (max-width: 640px) {
    .auth-form .card {
      border-radius: 0;
      box-shadow: none;
    }
  }
  
  /* Dark mode adjustments */
  .dark .auth-form .input {
    background-color: hsla(var(--background), 0.8);
  }
  
  /* Error states */
  .auth-form .input.error {
    border-color: hsl(var(--destructive));
  }
  
  .auth-form .error-message {
    color: hsl(var(--destructive));
    font-size: 0.75rem;
    margin-top: 0.25rem;
  }
  
  /* Success states */
  .auth-form .input.success {
    border-color: hsl(142, 76%, 36%);
  }